magneto365.ui 2.44.1 → 2.45.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +487 -475
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/SearchButton/SearchButton.component.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/SearchButton/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/Searchbar/Searchbar.interface.d.ts +1 -1
- package/dist/cjs/types/components/UI/molecules/index.d.ts +5 -4
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +487 -476
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/SearchButton/SearchButton.component.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/SearchButton/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/Searchbar/Searchbar.interface.d.ts +1 -1
- package/dist/esm/types/components/UI/molecules/index.d.ts +5 -4
- package/dist/index.d.ts +60 -58
- 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$Y = {"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$1P = 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$1O = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$1P;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$1K = {"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
|
|
|
@@ -499,21 +499,21 @@ var QuestionCircle = "https://static.magneto365.com/lib/assets/26163b1c4adfad74.
|
|
|
499
499
|
|
|
500
500
|
var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
|
|
501
501
|
|
|
502
|
-
var Component$
|
|
502
|
+
var Component$1O = function (_a) {
|
|
503
503
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
504
504
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
505
505
|
var handleError = function () {
|
|
506
506
|
setImageError(true);
|
|
507
507
|
};
|
|
508
|
-
return (React.createElement("div", { className: styles$
|
|
508
|
+
return (React.createElement("div", { className: styles$1K.avatarComponent, onClick: onClick },
|
|
509
509
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
510
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
510
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$1K['magneto-ui-default-avatar'] },
|
|
511
511
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
512
512
|
};
|
|
513
513
|
/**
|
|
514
514
|
* UI Atom component of Avatar
|
|
515
515
|
*/
|
|
516
|
-
var Avatar = Component$
|
|
516
|
+
var Avatar = Component$1O;
|
|
517
517
|
|
|
518
518
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
519
519
|
|
|
@@ -630,9 +630,9 @@ var SignUpButtonStyle = {
|
|
|
630
630
|
}
|
|
631
631
|
};
|
|
632
632
|
|
|
633
|
-
var styles$
|
|
633
|
+
var styles$1J = {"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"};
|
|
634
634
|
|
|
635
|
-
var styles$
|
|
635
|
+
var styles$1I = {"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"};
|
|
636
636
|
|
|
637
637
|
var ShareIcons = {
|
|
638
638
|
Facebook: {
|
|
@@ -652,7 +652,7 @@ var ShareIcons = {
|
|
|
652
652
|
}
|
|
653
653
|
};
|
|
654
654
|
|
|
655
|
-
var Component$
|
|
655
|
+
var Component$1N = function (_a) {
|
|
656
656
|
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;
|
|
657
657
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
658
658
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -665,46 +665,46 @@ var Component$1M = function (_a) {
|
|
|
665
665
|
};
|
|
666
666
|
if (component)
|
|
667
667
|
return component;
|
|
668
|
-
return (React.createElement("div", { className: styles$
|
|
669
|
-
React.createElement("div", { id: styles$
|
|
668
|
+
return (React.createElement("div", { className: styles$1I['magneto-ui-actions'] },
|
|
669
|
+
React.createElement("div", { id: styles$1I['magneto-ui__external-child'] }, externalButtonChild),
|
|
670
670
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
671
|
-
React.createElement("button", { className: styles$
|
|
671
|
+
React.createElement("button", { className: styles$1I['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
672
672
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
673
673
|
} },
|
|
674
674
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
675
675
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
676
676
|
actionsLinkList.map(function (_a, index) {
|
|
677
677
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
678
|
-
return (React.createElement("a", { className: styles$
|
|
678
|
+
return (React.createElement("a", { className: styles$1I['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
679
679
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
680
680
|
React.createElement("p", { key: index }, text)));
|
|
681
681
|
}),
|
|
682
|
-
React.createElement("div", { className: styles$
|
|
683
|
-
React.createElement("p", { className: styles$
|
|
684
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
682
|
+
React.createElement("div", { className: styles$1I['magneto-ui-actions__header'] },
|
|
683
|
+
React.createElement("p", { className: styles$1I['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
684
|
+
offerCompanyName ? React.createElement("p", { className: styles$1I['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
685
685
|
};
|
|
686
686
|
var ShareLinksAction = function (_a) {
|
|
687
687
|
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;
|
|
688
|
-
return (React.createElement("div", { className: styles$
|
|
689
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
688
|
+
return (React.createElement("div", { className: styles$1I['magneto-ui-actions'] },
|
|
689
|
+
React.createElement(ShareButton, __assign({ className: styles$1I['magneto-ui-actions__share'] }, shareProps)),
|
|
690
690
|
shareLinks.map(function (_a, index) {
|
|
691
691
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
692
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
692
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1I['magneto-ui-actions__link'], styles$1I['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
693
693
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
694
694
|
React.createElement("span", null, title)));
|
|
695
695
|
}),
|
|
696
|
-
React.createElement("div", { className: styles$
|
|
697
|
-
React.createElement("p", { className: styles$
|
|
698
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
699
|
-
React.createElement("div", { className: styles$
|
|
700
|
-
React.createElement("button", { className: styles$
|
|
696
|
+
React.createElement("div", { className: styles$1I['magneto-ui-actions__header'] },
|
|
697
|
+
React.createElement("p", { className: styles$1I['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
698
|
+
offerCompanyName ? React.createElement("p", { className: styles$1I['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
699
|
+
React.createElement("div", { className: styles$1I['magneto-ui-actions__back'] },
|
|
700
|
+
React.createElement("button", { className: styles$1I['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
701
701
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
702
702
|
backText)));
|
|
703
703
|
};
|
|
704
704
|
/**
|
|
705
705
|
* UI Molecule componet of Actions
|
|
706
706
|
*/
|
|
707
|
-
var Actions = Object.assign(Component$
|
|
707
|
+
var Actions = Object.assign(Component$1N, { ShareLinks: ShareLinksAction });
|
|
708
708
|
|
|
709
709
|
var style$X = {"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"};
|
|
710
710
|
|
|
@@ -730,7 +730,7 @@ var alertIcons = {
|
|
|
730
730
|
warning: Warning,
|
|
731
731
|
error: Error
|
|
732
732
|
};
|
|
733
|
-
var Component$
|
|
733
|
+
var Component$1M = function (_a) {
|
|
734
734
|
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;
|
|
735
735
|
var borderStyle = border ? style$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
736
736
|
var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
|
|
@@ -742,7 +742,7 @@ var Component$1L = function (_a) {
|
|
|
742
742
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
743
743
|
extraButton));
|
|
744
744
|
};
|
|
745
|
-
var Alert = Component$
|
|
745
|
+
var Alert = Component$1M;
|
|
746
746
|
|
|
747
747
|
var style$V = {"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"};
|
|
748
748
|
|
|
@@ -784,7 +784,7 @@ var DrawerPortal = function (_a) {
|
|
|
784
784
|
|
|
785
785
|
var style$U = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_kxkzo","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_kxkzo","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_kxkzo","background-drawer":"mg_mobile_drawer_background-drawer_kxkzo","fadeIn":"mg_mobile_drawer_fadeIn_kxkzo","show":"mg_mobile_drawer_show_kxkzo","hidden":"mg_mobile_drawer_hidden_kxkzo"};
|
|
786
786
|
|
|
787
|
-
var Component$
|
|
787
|
+
var Component$1L = function (_a) {
|
|
788
788
|
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;
|
|
789
789
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
790
790
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -820,7 +820,7 @@ var Component$1K = function (_a) {
|
|
|
820
820
|
/**
|
|
821
821
|
* Molecule UI component for Mobile Drawer
|
|
822
822
|
*/
|
|
823
|
-
var MobileDrawer = Component$
|
|
823
|
+
var MobileDrawer = Component$1L;
|
|
824
824
|
|
|
825
825
|
var style$T = {"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"};
|
|
826
826
|
|
|
@@ -876,11 +876,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
876
876
|
};
|
|
877
877
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
878
878
|
|
|
879
|
-
var styles$
|
|
879
|
+
var styles$1H = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
880
880
|
|
|
881
|
-
var Component$
|
|
881
|
+
var Component$1K = function (_a) {
|
|
882
882
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
883
|
-
return (React.createElement("div", { className: styles$
|
|
883
|
+
return (React.createElement("div", { className: styles$1H.BreadcrumbsComponent },
|
|
884
884
|
React.createElement("a", { href: homeUrl },
|
|
885
885
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
886
886
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -888,52 +888,52 @@ var Component$1J = function (_a) {
|
|
|
888
888
|
/**
|
|
889
889
|
* Molecule UI component for breadcrums information
|
|
890
890
|
*/
|
|
891
|
-
var Breadcrumbs = Component$
|
|
891
|
+
var Breadcrumbs = Component$1K;
|
|
892
892
|
|
|
893
|
-
var styles$
|
|
893
|
+
var styles$1G = {"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"};
|
|
894
894
|
|
|
895
895
|
var CitiesDetailDrawer = function (_a) {
|
|
896
896
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
897
|
-
return (React.createElement("div", { className: styles$
|
|
898
|
-
React.createElement("div", { className: styles$
|
|
897
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
898
|
+
React.createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
899
899
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
900
|
-
React.createElement("div", { className: styles$
|
|
901
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
900
|
+
React.createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
901
|
+
isRemote && (React.createElement("p", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
902
902
|
cities &&
|
|
903
903
|
cities.map(function (_a, index) {
|
|
904
904
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
905
|
-
return (React.createElement("div", { className: styles$
|
|
905
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
906
906
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
907
907
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
908
908
|
})))) : null));
|
|
909
909
|
};
|
|
910
910
|
|
|
911
|
-
var styles$
|
|
911
|
+
var styles$1F = {"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"};
|
|
912
912
|
|
|
913
|
-
var Component$
|
|
913
|
+
var Component$1J = function (_a) {
|
|
914
914
|
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;
|
|
915
915
|
var disabledArrow = useMemo(function () {
|
|
916
916
|
if (disabled)
|
|
917
|
-
return (React.createElement(IconItem, { className: styles$
|
|
917
|
+
return (React.createElement(IconItem, { className: styles$1F['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
918
918
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
919
919
|
}, [disabled]);
|
|
920
|
-
return (React.createElement("div", { className: styles$
|
|
921
|
-
React.createElement("select", { className: styles$
|
|
922
|
-
React.createElement("option", { className: styles$
|
|
920
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui--date-dropdown__wrapper'] },
|
|
921
|
+
React.createElement("select", { className: styles$1F["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
922
|
+
React.createElement("option", { className: styles$1F['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
923
923
|
dateOptions.map(function (_a) {
|
|
924
924
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
925
|
-
return (React.createElement("option", { className: styles$
|
|
925
|
+
return (React.createElement("option", { className: styles$1F['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
926
926
|
})),
|
|
927
|
-
React.createElement("span", { className: styles$
|
|
927
|
+
React.createElement("span", { className: styles$1F['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
928
928
|
};
|
|
929
|
-
var DateDropdown = Component$
|
|
929
|
+
var DateDropdown = Component$1J;
|
|
930
930
|
|
|
931
|
-
var styles$
|
|
931
|
+
var styles$1E = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
932
932
|
|
|
933
933
|
var defaultValue$1 = function (value) {
|
|
934
934
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
935
935
|
};
|
|
936
|
-
var Component$
|
|
936
|
+
var Component$1I = function (_a) {
|
|
937
937
|
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;
|
|
938
938
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
939
939
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -967,16 +967,16 @@ var Component$1H = function (_a) {
|
|
|
967
967
|
}
|
|
968
968
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
969
969
|
}, [disabled]);
|
|
970
|
-
return (React.createElement("div", { className: styles$
|
|
970
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui--date-picker__wrapper'] },
|
|
971
971
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
972
972
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
973
973
|
};
|
|
974
|
-
var DatePicker = Component$
|
|
974
|
+
var DatePicker = Component$1I;
|
|
975
975
|
|
|
976
976
|
var style$S = {"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"};
|
|
977
977
|
|
|
978
978
|
var DEFAULT_PADDING = 20;
|
|
979
|
-
var Component$
|
|
979
|
+
var Component$1H = function (_a) {
|
|
980
980
|
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;
|
|
981
981
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
982
982
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1022,7 +1022,7 @@ var Component$1G = function (_a) {
|
|
|
1022
1022
|
/**
|
|
1023
1023
|
* Molecule UI component for Drawer
|
|
1024
1024
|
*/
|
|
1025
|
-
var Drawer = Component$
|
|
1025
|
+
var Drawer = Component$1H;
|
|
1026
1026
|
|
|
1027
1027
|
var style$R = {"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"};
|
|
1028
1028
|
|
|
@@ -1078,7 +1078,7 @@ var isDate = function (value) {
|
|
|
1078
1078
|
return value instanceof Date && !isNaN(value.valueOf());
|
|
1079
1079
|
};
|
|
1080
1080
|
|
|
1081
|
-
var styles$
|
|
1081
|
+
var styles$1D = {"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"};
|
|
1082
1082
|
|
|
1083
1083
|
var FilterMenuItem = function (_a) {
|
|
1084
1084
|
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"]);
|
|
@@ -1093,35 +1093,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1093
1093
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1094
1094
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1095
1095
|
var className = useMemo(function () {
|
|
1096
|
-
return isApplied ? styles$
|
|
1096
|
+
return isApplied ? styles$1D.selected : isSearched ? styles$1D.isSearched : hiddenCount ? '' : !total && styles$1D.disabled;
|
|
1097
1097
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1098
1098
|
var handleClick = useCallback(function () {
|
|
1099
1099
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1100
1100
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1101
1101
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1102
1102
|
if (loading)
|
|
1103
|
-
return React.createElement("div", { className: styles$
|
|
1104
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1103
|
+
return React.createElement("div", { className: styles$1D.skeleton });
|
|
1104
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1D['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1105
1105
|
React.createElement("span", null, label),
|
|
1106
1106
|
displayOutput));
|
|
1107
1107
|
};
|
|
1108
1108
|
|
|
1109
|
-
var styles$
|
|
1109
|
+
var styles$1C = {"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"};
|
|
1110
1110
|
|
|
1111
1111
|
var FilterSearchItem = function (_a) {
|
|
1112
1112
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1113
1113
|
var inputRef = useRef(null);
|
|
1114
1114
|
if (loading)
|
|
1115
|
-
return (React.createElement("div", { className: styles$
|
|
1115
|
+
return (React.createElement("div", { className: styles$1C.skeleton },
|
|
1116
1116
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1117
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1117
|
+
return (React.createElement("div", { className: "".concat(styles$1C['magneto-ui-filter-search'], " ").concat(disabled ? styles$1C.disabled : '') },
|
|
1118
1118
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1119
1119
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1120
1120
|
};
|
|
1121
1121
|
|
|
1122
|
-
var styles$
|
|
1122
|
+
var styles$1B = {"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"};
|
|
1123
1123
|
|
|
1124
|
-
var Component$
|
|
1124
|
+
var Component$1G = function (_a) {
|
|
1125
1125
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1126
1126
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1127
1127
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1131,46 +1131,46 @@ var Component$1F = function (_a) {
|
|
|
1131
1131
|
return searchList;
|
|
1132
1132
|
}, [searchList, showFullList]);
|
|
1133
1133
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1134
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1135
|
-
React.createElement("h2", { className: styles$
|
|
1136
|
-
React.createElement("div", { className: styles$
|
|
1134
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1B['magneto-ui-frequent-search'] },
|
|
1135
|
+
React.createElement("h2", { className: styles$1B['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1136
|
+
React.createElement("div", { className: styles$1B['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1137
1137
|
var props = __rest(_a, []);
|
|
1138
1138
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1139
1139
|
})),
|
|
1140
|
-
React.createElement("div", { className: styles$
|
|
1140
|
+
React.createElement("div", { className: styles$1B['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1B['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1141
1141
|
showMore,
|
|
1142
1142
|
" (",
|
|
1143
1143
|
searchList.length,
|
|
1144
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1144
|
+
")")) : (React.createElement("button", { className: styles$1B['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1145
1145
|
};
|
|
1146
1146
|
/**
|
|
1147
1147
|
* UI Atom component of Frequent Search
|
|
1148
1148
|
*/
|
|
1149
|
-
var FrequentSearch = Component$
|
|
1149
|
+
var FrequentSearch = Component$1G;
|
|
1150
1150
|
|
|
1151
1151
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1152
1152
|
|
|
1153
|
-
var Component$
|
|
1153
|
+
var Component$1F = function (_a) {
|
|
1154
1154
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1155
1155
|
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1156
1156
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1157
1157
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1158
1158
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1159
1159
|
};
|
|
1160
|
-
var HeaderDrawerCompany = Component$
|
|
1160
|
+
var HeaderDrawerCompany = Component$1F;
|
|
1161
1161
|
|
|
1162
|
-
var styles$
|
|
1162
|
+
var styles$1A = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1163
1163
|
|
|
1164
|
-
var Component$
|
|
1164
|
+
var Component$1E = function (_a) {
|
|
1165
1165
|
var children = _a.children;
|
|
1166
|
-
return React.createElement("div", { className: styles$
|
|
1166
|
+
return React.createElement("div", { className: styles$1A.TabComponent }, children);
|
|
1167
1167
|
};
|
|
1168
1168
|
/**
|
|
1169
1169
|
* Molecule UI for Tab
|
|
1170
1170
|
*/
|
|
1171
|
-
var Tab = Component$
|
|
1171
|
+
var Tab = Component$1E;
|
|
1172
1172
|
|
|
1173
|
-
var styles$
|
|
1173
|
+
var styles$1z = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1174
1174
|
|
|
1175
1175
|
var toCSSVariables = function (input) {
|
|
1176
1176
|
var output = {};
|
|
@@ -1185,35 +1185,35 @@ var toCSSVariables = function (input) {
|
|
|
1185
1185
|
return output;
|
|
1186
1186
|
};
|
|
1187
1187
|
|
|
1188
|
-
var Component$
|
|
1188
|
+
var Component$1D = function (_a) {
|
|
1189
1189
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1190
1190
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1191
1191
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1192
|
-
return (React.createElement("div", { className: styles$
|
|
1192
|
+
return (React.createElement("div", { className: styles$1z.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1193
1193
|
};
|
|
1194
1194
|
/**
|
|
1195
1195
|
* Molecule UI component for Tab Button
|
|
1196
1196
|
*/
|
|
1197
|
-
var TabButton = Component$
|
|
1197
|
+
var TabButton = Component$1D;
|
|
1198
1198
|
|
|
1199
|
-
var styles$
|
|
1199
|
+
var styles$1y = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1200
1200
|
|
|
1201
|
-
var Component$
|
|
1201
|
+
var Component$1C = function (_a) {
|
|
1202
1202
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1203
|
-
return (React.createElement("div", { className: styles$
|
|
1203
|
+
return (React.createElement("div", { className: styles$1y.HeaderDrawerTabsComponent },
|
|
1204
1204
|
React.createElement("a", { href: homeUrl },
|
|
1205
1205
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1206
1206
|
React.createElement(Tab, null,
|
|
1207
1207
|
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 }),
|
|
1208
1208
|
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 }))));
|
|
1209
1209
|
};
|
|
1210
|
-
var HeaderDrawerTabs = Component$
|
|
1210
|
+
var HeaderDrawerTabs = Component$1C;
|
|
1211
1211
|
|
|
1212
|
-
var styles$
|
|
1212
|
+
var styles$1x = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1213
1213
|
|
|
1214
|
-
var Component$
|
|
1214
|
+
var Component$1B = function (_a) {
|
|
1215
1215
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1216
|
-
return (React.createElement("div", { className: styles$
|
|
1216
|
+
return (React.createElement("div", { className: styles$1x.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1217
1217
|
var headerTabProps = __rest(_a, []);
|
|
1218
1218
|
return (React.createElement(React.Fragment, { key: index },
|
|
1219
1219
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1224,9 +1224,9 @@ var Component$1A = function (_a) {
|
|
|
1224
1224
|
/**
|
|
1225
1225
|
* Molecule UI component for header tabs information`
|
|
1226
1226
|
*/
|
|
1227
|
-
var HeaderTabs = Component$
|
|
1227
|
+
var HeaderTabs = Component$1B;
|
|
1228
1228
|
|
|
1229
|
-
var styles$
|
|
1229
|
+
var styles$1w = {"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"};
|
|
1230
1230
|
|
|
1231
1231
|
var Input = function (_a) {
|
|
1232
1232
|
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"]);
|
|
@@ -1261,28 +1261,28 @@ var Input = function (_a) {
|
|
|
1261
1261
|
setInputValue(e.target.value);
|
|
1262
1262
|
}, [onChange]);
|
|
1263
1263
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1264
|
-
React.createElement("div", { className: styles$
|
|
1264
|
+
React.createElement("div", { className: styles$1w["".concat(classMUI, "-input")] },
|
|
1265
1265
|
React.createElement("div", null,
|
|
1266
|
-
React.createElement("div", { className: styles$
|
|
1266
|
+
React.createElement("div", { className: styles$1w["".concat(classMUI, "-input--container")] },
|
|
1267
1267
|
React.createElement("label", { htmlFor: name, style: {
|
|
1268
1268
|
left: hideIcon ? '10px' : '40px',
|
|
1269
1269
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1270
1270
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1271
|
-
}, className: styles$
|
|
1271
|
+
}, className: styles$1w["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1272
1272
|
React.createElement("input", __assign({}, props, { style: {
|
|
1273
1273
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1274
|
-
}, disabled: disabled, className: styles$
|
|
1275
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1276
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1274
|
+
}, disabled: disabled, className: styles$1w["".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" })),
|
|
1275
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1w["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1276
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1w["".concat(classMUI, "-input--container__icon-action")] },
|
|
1277
1277
|
React.createElement("img", { src: actionIcon }))) : null))),
|
|
1278
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1279
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1278
|
+
React.createElement("div", { className: "".concat(styles$1w["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1w['footer-without-error'] : '') },
|
|
1279
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1w["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1280
1280
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1281
1281
|
};
|
|
1282
1282
|
|
|
1283
|
-
var styles$
|
|
1283
|
+
var styles$1v = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1284
1284
|
|
|
1285
|
-
var Component$
|
|
1285
|
+
var Component$1A = function (_a) {
|
|
1286
1286
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1287
1287
|
var loadingSize = useMemo(function () {
|
|
1288
1288
|
if (size) {
|
|
@@ -1296,11 +1296,11 @@ var Component$1z = function (_a) {
|
|
|
1296
1296
|
height: '15px'
|
|
1297
1297
|
};
|
|
1298
1298
|
}, [size]);
|
|
1299
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1299
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1v["".concat(classMUI, "-flat-loader")] }));
|
|
1300
1300
|
};
|
|
1301
|
-
var FlatLoader = Component$
|
|
1301
|
+
var FlatLoader = Component$1A;
|
|
1302
1302
|
|
|
1303
|
-
var styles$
|
|
1303
|
+
var styles$1u = {"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"};
|
|
1304
1304
|
|
|
1305
1305
|
var InputPlus = function (_a) {
|
|
1306
1306
|
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;
|
|
@@ -1344,16 +1344,16 @@ var InputPlus = function (_a) {
|
|
|
1344
1344
|
}
|
|
1345
1345
|
}
|
|
1346
1346
|
}, [disabledBtn, handleSubmmit]);
|
|
1347
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1347
|
+
return (React.createElement("div", { className: "".concat(styles$1u["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1348
1348
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1349
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1349
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1u["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1u.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1u['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1350
1350
|
};
|
|
1351
1351
|
|
|
1352
|
-
var styles$
|
|
1352
|
+
var styles$1t = {"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"};
|
|
1353
1353
|
|
|
1354
1354
|
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"};
|
|
1355
1355
|
|
|
1356
|
-
var Component$
|
|
1356
|
+
var Component$1z = function (_a) {
|
|
1357
1357
|
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"]);
|
|
1358
1358
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1359
1359
|
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(' ') },
|
|
@@ -1371,10 +1371,10 @@ var Component$1y = function (_a) {
|
|
|
1371
1371
|
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); } }),
|
|
1372
1372
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1373
1373
|
};
|
|
1374
|
-
Component$
|
|
1375
|
-
var SharePopover = Component$
|
|
1374
|
+
Component$1z.displayName = 'SharePopover';
|
|
1375
|
+
var SharePopover = Component$1z;
|
|
1376
1376
|
|
|
1377
|
-
var Component$
|
|
1377
|
+
var Component$1y = function (_a) {
|
|
1378
1378
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1379
1379
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1380
1380
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1382,30 +1382,30 @@ var Component$1x = function (_a) {
|
|
|
1382
1382
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1383
1383
|
}); });
|
|
1384
1384
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1385
|
-
return (React.createElement("div", { className: styles$
|
|
1386
|
-
React.createElement("div", { id: styles$
|
|
1387
|
-
React.createElement("div", { className: styles$
|
|
1385
|
+
return (React.createElement("div", { className: styles$1t['magneto-ui-job-actions'] },
|
|
1386
|
+
React.createElement("div", { id: styles$1t['magneto-ui__external-child'] }, externalButtonChild),
|
|
1387
|
+
React.createElement("div", { className: styles$1t['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1388
1388
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1389
1389
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1390
1390
|
filteredActionsLinkList.map(function (_a) {
|
|
1391
1391
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1392
|
-
return (React.createElement("div", { className: styles$
|
|
1393
|
-
React.createElement("a", { className: styles$
|
|
1392
|
+
return (React.createElement("div", { className: styles$1t['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1393
|
+
React.createElement("a", { className: styles$1t['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1394
1394
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1395
1395
|
}))));
|
|
1396
1396
|
};
|
|
1397
1397
|
/**
|
|
1398
1398
|
* UI Molecule Component for Jobs Actions
|
|
1399
1399
|
*/
|
|
1400
|
-
var JobActions = Component$
|
|
1400
|
+
var JobActions = Component$1y;
|
|
1401
1401
|
|
|
1402
|
-
var styles$
|
|
1402
|
+
var styles$1s = {"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"};
|
|
1403
1403
|
|
|
1404
|
-
var Component$
|
|
1404
|
+
var Component$1x = function (_a) {
|
|
1405
1405
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1406
|
-
return (React.createElement("div", { className: styles$
|
|
1407
|
-
React.createElement("div", { className: styles$
|
|
1408
|
-
React.createElement("div", { className: styles$
|
|
1406
|
+
return (React.createElement("div", { className: styles$1s['magneto-ui-job-apply-card'] },
|
|
1407
|
+
React.createElement("div", { className: styles$1s['magneto-ui-job-apply-card__wrapper'] },
|
|
1408
|
+
React.createElement("div", { className: styles$1s['magneto-ui-job-apply-card__header'] },
|
|
1409
1409
|
React.createElement("p", null, offerApplyHeader),
|
|
1410
1410
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1411
1411
|
offerApplyElements
|
|
@@ -1415,16 +1415,16 @@ var Component$1w = function (_a) {
|
|
|
1415
1415
|
})
|
|
1416
1416
|
.map(function (_a) {
|
|
1417
1417
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1418
|
-
return (React.createElement("div", { className: styles$
|
|
1418
|
+
return (React.createElement("div", { className: styles$1s['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1419
1419
|
React.createElement("p", null, offerApplyLabel),
|
|
1420
1420
|
React.createElement("p", null, offerApplyInfo)));
|
|
1421
1421
|
})),
|
|
1422
|
-
React.createElement("div", { id: styles$
|
|
1422
|
+
React.createElement("div", { id: styles$1s['magneto-ui__external-child'] }, externalChild))));
|
|
1423
1423
|
};
|
|
1424
1424
|
/**
|
|
1425
1425
|
* UI Molecule Component for Job Apply Card
|
|
1426
1426
|
*/
|
|
1427
|
-
var JobApplyCard = Component$
|
|
1427
|
+
var JobApplyCard = Component$1x;
|
|
1428
1428
|
|
|
1429
1429
|
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"};
|
|
1430
1430
|
|
|
@@ -1508,29 +1508,29 @@ var JobCard = function (_a) {
|
|
|
1508
1508
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1509
1509
|
};
|
|
1510
1510
|
|
|
1511
|
-
var styles$
|
|
1511
|
+
var styles$1r = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1512
1512
|
|
|
1513
|
-
var Component$
|
|
1513
|
+
var Component$1w = function (_a) {
|
|
1514
1514
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1515
|
-
return (React.createElement("div", { className: styles$
|
|
1515
|
+
return (React.createElement("div", { className: styles$1r['magneto-ui-job-company-header'] },
|
|
1516
1516
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1517
1517
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1518
1518
|
};
|
|
1519
1519
|
/**
|
|
1520
1520
|
* UI Molecule component for Company Job Header
|
|
1521
1521
|
*/
|
|
1522
|
-
var JobCompanyHeader = Component$
|
|
1522
|
+
var JobCompanyHeader = Component$1w;
|
|
1523
1523
|
|
|
1524
|
-
var styles$
|
|
1524
|
+
var styles$1q = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1525
1525
|
|
|
1526
|
-
var Component$
|
|
1526
|
+
var Component$1v = function (_a) {
|
|
1527
1527
|
var offerDescription = _a.offerDescription;
|
|
1528
|
-
return (React.createElement("div", { className: styles$
|
|
1528
|
+
return (React.createElement("div", { className: styles$1q['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
1529
1529
|
};
|
|
1530
1530
|
/**
|
|
1531
1531
|
* UI Molecule Component for Job Detail Card Header
|
|
1532
1532
|
*/
|
|
1533
|
-
var JobDetailCard = Component$
|
|
1533
|
+
var JobDetailCard = Component$1v;
|
|
1534
1534
|
|
|
1535
1535
|
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"};
|
|
1536
1536
|
|
|
@@ -1545,9 +1545,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1545
1545
|
children));
|
|
1546
1546
|
};
|
|
1547
1547
|
|
|
1548
|
-
var styles$
|
|
1548
|
+
var styles$1p = {"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"};
|
|
1549
1549
|
|
|
1550
|
-
var Component$
|
|
1550
|
+
var Component$1u = function (_a) {
|
|
1551
1551
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1552
1552
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1553
1553
|
icon: iconList && iconList[index],
|
|
@@ -1557,27 +1557,27 @@ var Component$1t = function (_a) {
|
|
|
1557
1557
|
var offerDetailText = _a.offerDetailText;
|
|
1558
1558
|
return !!offerDetailText;
|
|
1559
1559
|
});
|
|
1560
|
-
return (React.createElement("div", { className: styles$
|
|
1561
|
-
React.createElement("div", { className: styles$
|
|
1560
|
+
return (React.createElement("div", { className: styles$1p['magneto-ui-job-details'] },
|
|
1561
|
+
React.createElement("div", { className: styles$1p['magneto-ui-job-details__wrapper'] },
|
|
1562
1562
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1563
1563
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1564
1564
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1565
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1566
|
-
React.createElement("div", { className: styles$
|
|
1565
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1p['magneto-ui-job-details__item-detail'] },
|
|
1566
|
+
React.createElement("div", { className: styles$1p['magneto-ui-job-details__item-detail-icon'] },
|
|
1567
1567
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
1568
|
-
React.createElement("p", { className: styles$
|
|
1568
|
+
React.createElement("p", { className: styles$1p['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
1569
1569
|
})),
|
|
1570
1570
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
1571
1571
|
};
|
|
1572
1572
|
/**
|
|
1573
1573
|
* UI Molecule component for Job Detail
|
|
1574
1574
|
*/
|
|
1575
|
-
Component$
|
|
1576
|
-
var JobDetails = Component$
|
|
1575
|
+
Component$1u.displayName = 'JobDetails';
|
|
1576
|
+
var JobDetails = Component$1u;
|
|
1577
1577
|
|
|
1578
|
-
var styles$
|
|
1578
|
+
var styles$1o = {"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"};
|
|
1579
1579
|
|
|
1580
|
-
var Component$
|
|
1580
|
+
var Component$1t = function (_a) {
|
|
1581
1581
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
1582
1582
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
1583
1583
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -1588,28 +1588,28 @@ var Component$1s = function (_a) {
|
|
|
1588
1588
|
title: title
|
|
1589
1589
|
});
|
|
1590
1590
|
});
|
|
1591
|
-
return (React.createElement("div", { className: styles$
|
|
1591
|
+
return (React.createElement("div", { className: styles$1o['magneto-ui-job-footer-card'] },
|
|
1592
1592
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
1593
|
-
React.createElement("div", { className: styles$
|
|
1593
|
+
React.createElement("div", { className: styles$1o['magneto-ui-job-footer-card__icons'] },
|
|
1594
1594
|
React.createElement("p", null, offerFooterHeader),
|
|
1595
|
-
React.createElement("div", { className: styles$
|
|
1595
|
+
React.createElement("div", { className: styles$1o['magneto-ui-job-footer-card__wrapper'] },
|
|
1596
1596
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
1597
1597
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
1598
1598
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
1599
1599
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
1600
1600
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
1601
1601
|
})),
|
|
1602
|
-
React.createElement("div", { className: styles$
|
|
1602
|
+
React.createElement("div", { className: styles$1o['magneto-ui__share-button'] },
|
|
1603
1603
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
1604
1604
|
};
|
|
1605
1605
|
/**
|
|
1606
1606
|
* UI Molecule component for Job Footer Card
|
|
1607
1607
|
*/
|
|
1608
|
-
var JobFooterCard = Component$
|
|
1608
|
+
var JobFooterCard = Component$1t;
|
|
1609
1609
|
|
|
1610
|
-
var styles$
|
|
1610
|
+
var styles$1n = {"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"};
|
|
1611
1611
|
|
|
1612
|
-
var Component$
|
|
1612
|
+
var Component$1s = function (_a) {
|
|
1613
1613
|
var name = _a.name, score = _a.score;
|
|
1614
1614
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
1615
1615
|
var skillRef = useRef(null);
|
|
@@ -1645,21 +1645,21 @@ var Component$1r = function (_a) {
|
|
|
1645
1645
|
4: 'four'
|
|
1646
1646
|
};
|
|
1647
1647
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
1648
|
-
var fillAnimation = animationApplied ? styles$
|
|
1649
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
1650
|
-
React.createElement("div", { className: styles$
|
|
1648
|
+
var fillAnimation = animationApplied ? styles$1n[levelClass] : '';
|
|
1649
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1n['magneto-ui-skill'] },
|
|
1650
|
+
React.createElement("div", { className: styles$1n['magneto-ui-skill__wrapper'] },
|
|
1651
1651
|
React.createElement("p", null, name),
|
|
1652
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1652
|
+
React.createElement("div", { className: "".concat(styles$1n['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1n['magneto-ui-skill--no-animation']) }))));
|
|
1653
1653
|
};
|
|
1654
|
-
var Skill = Component$
|
|
1654
|
+
var Skill = Component$1s;
|
|
1655
1655
|
|
|
1656
|
-
var styles$
|
|
1656
|
+
var styles$1m = {"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"};
|
|
1657
1657
|
|
|
1658
|
-
var Component$
|
|
1658
|
+
var Component$1r = function (_a) {
|
|
1659
1659
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
1660
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
1660
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1m['magneto-ui-job-skills-card'] },
|
|
1661
1661
|
React.createElement("p", null, offerSkillsLabel),
|
|
1662
|
-
React.createElement("div", { className: styles$
|
|
1662
|
+
React.createElement("div", { className: styles$1m['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
1663
1663
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
1664
1664
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
1665
1665
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -1668,9 +1668,9 @@ var Component$1q = function (_a) {
|
|
|
1668
1668
|
/**
|
|
1669
1669
|
* UI Molecule component of Job Skills Card
|
|
1670
1670
|
*/
|
|
1671
|
-
var JobSkillsCard = Component$
|
|
1671
|
+
var JobSkillsCard = Component$1r;
|
|
1672
1672
|
|
|
1673
|
-
var styles$
|
|
1673
|
+
var styles$1l = {"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"};
|
|
1674
1674
|
|
|
1675
1675
|
var JobVideo = function (_a) {
|
|
1676
1676
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -1685,13 +1685,13 @@ var JobVideo = function (_a) {
|
|
|
1685
1685
|
setLoadVideo && setLoadVideo(false);
|
|
1686
1686
|
}
|
|
1687
1687
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
1688
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
1688
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1l[videoClassName] })) : (React.createElement("div", { className: styles$1l['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
1689
1689
|
React.createElement(Image, __assign({}, imageProps))));
|
|
1690
1690
|
};
|
|
1691
1691
|
|
|
1692
1692
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
1693
1693
|
|
|
1694
|
-
var Component$
|
|
1694
|
+
var Component$1q = function (_a) {
|
|
1695
1695
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
1696
1696
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
1697
1697
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -1699,11 +1699,11 @@ var Component$1p = function (_a) {
|
|
|
1699
1699
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
1700
1700
|
})));
|
|
1701
1701
|
};
|
|
1702
|
-
var ListIconLink = Component$
|
|
1702
|
+
var ListIconLink = Component$1q;
|
|
1703
1703
|
|
|
1704
1704
|
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"};
|
|
1705
1705
|
|
|
1706
|
-
var Component$
|
|
1706
|
+
var Component$1p = function (_a) {
|
|
1707
1707
|
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;
|
|
1708
1708
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
1709
1709
|
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 },
|
|
@@ -1712,11 +1712,11 @@ var Component$1o = function (_a) {
|
|
|
1712
1712
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
1713
1713
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
1714
1714
|
};
|
|
1715
|
-
var MenuIcon = Component$
|
|
1715
|
+
var MenuIcon = Component$1p;
|
|
1716
1716
|
|
|
1717
1717
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
1718
1718
|
|
|
1719
|
-
var Component$
|
|
1719
|
+
var Component$1o = function (_a) {
|
|
1720
1720
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
1721
1721
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
1722
1722
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -1737,16 +1737,16 @@ var Component$1n = function (_a) {
|
|
|
1737
1737
|
React.createElement(Divider, null),
|
|
1738
1738
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
1739
1739
|
};
|
|
1740
|
-
var ListMenuIcons = Component$
|
|
1740
|
+
var ListMenuIcons = Component$1o;
|
|
1741
1741
|
|
|
1742
|
-
var Component$
|
|
1742
|
+
var Component$1n = function (_a) {
|
|
1743
1743
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
1744
1744
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
1745
1745
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
1746
1746
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
1747
1747
|
})));
|
|
1748
1748
|
};
|
|
1749
|
-
var ListMenuItems = Component$
|
|
1749
|
+
var ListMenuItems = Component$1n;
|
|
1750
1750
|
|
|
1751
1751
|
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"};
|
|
1752
1752
|
|
|
@@ -1789,17 +1789,167 @@ var MagnetoResolution = function (_a) {
|
|
|
1789
1789
|
React.createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
1790
1790
|
};
|
|
1791
1791
|
|
|
1792
|
-
var styles$
|
|
1792
|
+
var styles$1k = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1793
|
+
|
|
1794
|
+
var Image = function (_a) {
|
|
1795
|
+
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1796
|
+
return (React.createElement(React.Fragment, null,
|
|
1797
|
+
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1798
|
+
playIcon && React.createElement("div", { className: styles$1k['magneto-ui-play-button'] }, playIcon)));
|
|
1799
|
+
};
|
|
1800
|
+
|
|
1801
|
+
var styles$1j = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
|
|
1802
|
+
|
|
1803
|
+
var MegaMenuCard = function (_a) {
|
|
1804
|
+
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;
|
|
1805
|
+
var handleClick = useCallback(function (event) {
|
|
1806
|
+
if (onClick != null) {
|
|
1807
|
+
event.preventDefault();
|
|
1808
|
+
onClick();
|
|
1809
|
+
}
|
|
1810
|
+
}, [onClick]);
|
|
1811
|
+
return (React.createElement("a", { className: "".concat(styles$1j["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1812
|
+
icon && (React.createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__icon"] },
|
|
1813
|
+
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1814
|
+
logo && (React.createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__logo"] },
|
|
1815
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1j["magneto-ui-mega-menu-card__logo"] }))),
|
|
1816
|
+
React.createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__content"] },
|
|
1817
|
+
React.createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__title"] }, title),
|
|
1818
|
+
React.createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
|
|
1819
|
+
showRigthArrow && (React.createElement("div", { className: styles$1j["magneto-ui-mega-menu-card__arrow"] },
|
|
1820
|
+
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1821
|
+
};
|
|
1822
|
+
|
|
1823
|
+
var style$E = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
|
|
1824
|
+
|
|
1825
|
+
var styles$1i = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1826
|
+
|
|
1827
|
+
var Component$1m = function (_a) {
|
|
1828
|
+
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;
|
|
1829
|
+
var handleClick = useCallback(function (event) {
|
|
1830
|
+
if (onClick) {
|
|
1831
|
+
event.preventDefault();
|
|
1832
|
+
onClick();
|
|
1833
|
+
}
|
|
1834
|
+
}, [onClick]);
|
|
1835
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1i['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1836
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1i['button-link__icon'] })),
|
|
1837
|
+
buttonText && React.createElement("p", { className: styles$1i['button-link__text'] }, buttonText),
|
|
1838
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1i['button-link__icon'] }))));
|
|
1839
|
+
};
|
|
1840
|
+
/**
|
|
1841
|
+
* UI Atom Component of Save Button
|
|
1842
|
+
*/
|
|
1843
|
+
var ButtonLink = Component$1m;
|
|
1844
|
+
|
|
1845
|
+
var MegaMenuCards = function (_a) {
|
|
1846
|
+
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
|
|
1847
|
+
return (React.createElement("nav", { className: className },
|
|
1848
|
+
title && (React.createElement("div", { className: "".concat(style$E["mega-menu-cards__title"]) },
|
|
1849
|
+
React.createElement("h4", null, title),
|
|
1850
|
+
actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$E["mega-menu-cards__action--grey"]) })))),
|
|
1851
|
+
React.createElement("ul", { className: "".concat(style$E["mega-menu-cards"]) }, jobs &&
|
|
1852
|
+
jobs.slice(0, 39).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
1853
|
+
React.createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
1854
|
+
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$E["mega-menu-cards__action"]) }))));
|
|
1855
|
+
};
|
|
1856
|
+
|
|
1857
|
+
var style$D = {"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"};
|
|
1858
|
+
|
|
1859
|
+
var initialContext = {
|
|
1860
|
+
socialHeaderProps: {
|
|
1861
|
+
helpOptions: [],
|
|
1862
|
+
tabs: []
|
|
1863
|
+
},
|
|
1864
|
+
jobsProps: {
|
|
1865
|
+
tabs: []
|
|
1866
|
+
},
|
|
1867
|
+
mainHeaderProps: {}
|
|
1868
|
+
};
|
|
1869
|
+
var MegaMenuContext = createContext(initialContext);
|
|
1870
|
+
var MegaMenuProvider = function (_a) {
|
|
1871
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
1872
|
+
return React.createElement(MegaMenuContext.Provider, { value: props }, children);
|
|
1873
|
+
};
|
|
1874
|
+
var useMegaMenu = function () { return useContext(MegaMenuContext); };
|
|
1875
|
+
var useMegaMenuSocialHeader = function () {
|
|
1876
|
+
var socialHeaderProps = useContext(MegaMenuContext).socialHeaderProps;
|
|
1877
|
+
return socialHeaderProps;
|
|
1878
|
+
};
|
|
1879
|
+
var useMegaMenuJobs = function () {
|
|
1880
|
+
var jobsProps = useContext(MegaMenuContext).jobsProps;
|
|
1881
|
+
return jobsProps;
|
|
1882
|
+
};
|
|
1883
|
+
var useMegaMenuMain = function () {
|
|
1884
|
+
var mainHeaderProps = useContext(MegaMenuContext).mainHeaderProps;
|
|
1885
|
+
return mainHeaderProps;
|
|
1886
|
+
};
|
|
1887
|
+
|
|
1888
|
+
var MegaMenuJobsTabs = function () {
|
|
1889
|
+
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
1890
|
+
var _b = useMegaMenuJobs(), tabs = _b.tabs, onChangeTab = _b.onChangeTab;
|
|
1891
|
+
var onClickTab = useCallback(function (index) { return function () {
|
|
1892
|
+
setSelectedTab(index);
|
|
1893
|
+
onChangeTab && onChangeTab(index);
|
|
1894
|
+
}; }, [onChangeTab]);
|
|
1895
|
+
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
1896
|
+
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
1897
|
+
return (React.createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__container"]) },
|
|
1898
|
+
React.createElement("nav", null,
|
|
1899
|
+
React.createElement("ul", { className: "".concat(style$D["mega-menu-jobs-tabs"]) },
|
|
1900
|
+
tabs &&
|
|
1901
|
+
tabs.map(function (_a, index) {
|
|
1902
|
+
var label = _a.label, url = _a.url;
|
|
1903
|
+
return (React.createElement("li", { key: index },
|
|
1904
|
+
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$D["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$D["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
1905
|
+
}),
|
|
1906
|
+
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
1907
|
+
React.createElement("li", null,
|
|
1908
|
+
React.createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
1909
|
+
React.createElement(Divider, null),
|
|
1910
|
+
React.createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__content"]) }, content)));
|
|
1911
|
+
};
|
|
1912
|
+
|
|
1913
|
+
var styles$1h = {"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"};
|
|
1914
|
+
|
|
1915
|
+
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
1916
|
+
var MegaMenuPopover = function (_a) {
|
|
1917
|
+
var children = _a.children;
|
|
1918
|
+
var _b = useState(false), showContent = _b[0], setShowContent = _b[1];
|
|
1919
|
+
var jobAction = useMegaMenuJobs().jobAction;
|
|
1920
|
+
var handleShowContent = useCallback(function (show) { return function (event) {
|
|
1921
|
+
event.preventDefault();
|
|
1922
|
+
event.stopPropagation();
|
|
1923
|
+
setShowContent(show);
|
|
1924
|
+
}; }, []);
|
|
1925
|
+
useEffect(function () {
|
|
1926
|
+
var body = document.body;
|
|
1927
|
+
if (!body)
|
|
1928
|
+
return;
|
|
1929
|
+
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
1930
|
+
}, [showContent]);
|
|
1931
|
+
return (React.createElement(React.Fragment, null,
|
|
1932
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1h["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
1933
|
+
React.createElement("p", { className: "".concat(styles$1h["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
1934
|
+
React.createElement(IconItem, { className: "".concat(styles$1h["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1h["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
1935
|
+
React.createElement("div", { className: "".concat(styles$1h["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1h["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
1936
|
+
React.createElement("div", { className: styles$1h["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
1937
|
+
React.createElement("div", { className: styles$1h["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
1938
|
+
event.stopPropagation();
|
|
1939
|
+
} }, children))));
|
|
1940
|
+
};
|
|
1941
|
+
|
|
1942
|
+
var styles$1g = {"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"};
|
|
1793
1943
|
|
|
1794
1944
|
var MenuSearch = function (_a) {
|
|
1795
1945
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
1796
1946
|
var onBlur = useCallback(function () {
|
|
1797
1947
|
handleOnBlur && handleOnBlur();
|
|
1798
1948
|
}, [handleOnBlur]);
|
|
1799
|
-
return (React.createElement("div", { className: styles$
|
|
1800
|
-
React.createElement("div", { className: styles$
|
|
1949
|
+
return (React.createElement("div", { className: styles$1g['magneto-ui-menu-search'], onBlur: onBlur },
|
|
1950
|
+
React.createElement("div", { className: styles$1g['magneto-ui-menu-search_container'] },
|
|
1801
1951
|
children,
|
|
1802
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1952
|
+
React.createElement("div", { className: "".concat(styles$1g['magneto-ui-menu-search_content'], " ").concat(show && styles$1g.open) }, content))));
|
|
1803
1953
|
};
|
|
1804
1954
|
|
|
1805
1955
|
var initialState = {
|
|
@@ -1814,7 +1964,7 @@ var iconByType = {
|
|
|
1814
1964
|
error: Error
|
|
1815
1965
|
};
|
|
1816
1966
|
|
|
1817
|
-
var styles$
|
|
1967
|
+
var styles$1f = {"container":"mg_message_container_ccx0d","show":"mg_message_show_ccx0d","fadeIn":"mg_message_fadeIn_ccx0d","fadeOut":"mg_message_fadeOut_ccx0d","icon":"mg_message_icon_ccx0d"};
|
|
1818
1968
|
|
|
1819
1969
|
var Message = function (props) {
|
|
1820
1970
|
var _a = useState(__assign(__assign({}, initialState), props)), _b = _a[0], text = _b.text, _c = _b.type, type = _c === void 0 ? 'info' : _c, _d = _b.duration, duration = _d === void 0 ? 3000 : _d, setContent = _a[1];
|
|
@@ -1829,8 +1979,8 @@ var Message = function (props) {
|
|
|
1829
1979
|
messageRef.current.style.setProperty('--default-duration', exitDuration);
|
|
1830
1980
|
}, [duration]);
|
|
1831
1981
|
return (React.createElement(Fragment, null, text &&
|
|
1832
|
-
ReactDOM.createPortal(React.createElement("div", { ref: messageRef, className: "".concat(styles$
|
|
1833
|
-
React.createElement("img", { src: iconByType[type], className: styles$
|
|
1982
|
+
ReactDOM.createPortal(React.createElement("div", { ref: messageRef, className: "".concat(styles$1f.container, " ").concat(styles$1f.show) },
|
|
1983
|
+
React.createElement("img", { src: iconByType[type], className: styles$1f.icon, alt: type }),
|
|
1834
1984
|
text), document.body)));
|
|
1835
1985
|
};
|
|
1836
1986
|
var message = function (props) {
|
|
@@ -1848,11 +1998,11 @@ var message = function (props) {
|
|
|
1848
1998
|
setTimeout(function () { return document.body.removeChild(container); }, duration);
|
|
1849
1999
|
};
|
|
1850
2000
|
|
|
1851
|
-
var styles$
|
|
2001
|
+
var styles$1e = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
1852
2002
|
|
|
1853
2003
|
var Component$1l = function (_a) {
|
|
1854
2004
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
1855
|
-
return (React.createElement("div", { className: styles$
|
|
2005
|
+
return (React.createElement("div", { className: styles$1e['magneto-ui-mobile-job-details-header'] },
|
|
1856
2006
|
React.createElement("button", { onClick: onClick },
|
|
1857
2007
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
1858
2008
|
React.createElement("p", null, returnText)));
|
|
@@ -1862,7 +2012,7 @@ var Component$1l = function (_a) {
|
|
|
1862
2012
|
*/
|
|
1863
2013
|
var MobileJobDetailsHeader = Component$1l;
|
|
1864
2014
|
|
|
1865
|
-
var styles$
|
|
2015
|
+
var styles$1d = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_sti8t","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_sti8t","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_sti8t","search-badge":"mg_mobile_searchbar_search-badge_sti8t"};
|
|
1866
2016
|
|
|
1867
2017
|
var Component$1k = function (_a) {
|
|
1868
2018
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -1886,19 +2036,20 @@ var Component$1k = function (_a) {
|
|
|
1886
2036
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1887
2037
|
}
|
|
1888
2038
|
}, [focusSearchInput]);
|
|
1889
|
-
return (React.createElement("div", { className: styles$
|
|
2039
|
+
return (React.createElement("div", { className: styles$1d.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
1890
2040
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
1891
|
-
React.createElement(
|
|
2041
|
+
searchValue && React.createElement("div", { className: styles$1d['search-badge'] }),
|
|
2042
|
+
React.createElement(MainButton, __assign({ className: styles$1d['magneto-ui-search-button'] }, searchMobileProps)),
|
|
1892
2043
|
React.createElement("label", { htmlFor: "search" }),
|
|
1893
2044
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
1894
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2045
|
+
React.createElement(MainButton, __assign({ className: styles$1d['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
1895
2046
|
};
|
|
1896
2047
|
/**
|
|
1897
2048
|
* Molecule UI component for MobileSearchbar
|
|
1898
2049
|
*/
|
|
1899
2050
|
var MobileSearchbar = Component$1k;
|
|
1900
2051
|
|
|
1901
|
-
var styles$
|
|
2052
|
+
var styles$1c = {"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"};
|
|
1902
2053
|
|
|
1903
2054
|
var Modal = function (_a) {
|
|
1904
2055
|
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;
|
|
@@ -1911,40 +2062,40 @@ var Modal = function (_a) {
|
|
|
1911
2062
|
if (!isOpen)
|
|
1912
2063
|
return null;
|
|
1913
2064
|
return (React.createElement(Fragment, null,
|
|
1914
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1915
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
1916
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2065
|
+
React.createElement("div", { className: "".concat(styles$1c["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2066
|
+
title ? React.createElement("h2", { className: "".concat(styles$1c["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2067
|
+
description ? React.createElement("p", { className: "".concat(styles$1c["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
1917
2068
|
children,
|
|
1918
|
-
React.createElement("button", { className: "".concat(styles$
|
|
2069
|
+
React.createElement("button", { className: "".concat(styles$1c["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
1919
2070
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
1920
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2071
|
+
React.createElement("span", { className: "".concat(styles$1c["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
1921
2072
|
};
|
|
1922
2073
|
var Title = function (_a) {
|
|
1923
2074
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
1924
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2075
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1c["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
1925
2076
|
};
|
|
1926
2077
|
var Description = function (_a) {
|
|
1927
2078
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
1928
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2079
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1c["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
1929
2080
|
};
|
|
1930
2081
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
1931
2082
|
|
|
1932
|
-
var styles$
|
|
2083
|
+
var styles$1b = {"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"};
|
|
1933
2084
|
|
|
1934
2085
|
var BtnPagination = function (_a) {
|
|
1935
2086
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
1936
2087
|
var displayContent = useMemo(function () {
|
|
1937
2088
|
if (loading && value && current === value)
|
|
1938
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2089
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1b['magneto-ui-btn-pagination_spinner'] });
|
|
1939
2090
|
return value;
|
|
1940
2091
|
}, [loading, current, value]);
|
|
1941
2092
|
var pageQueryParam = 'paginator[page]=';
|
|
1942
2093
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
1943
2094
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
1944
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
1945
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2095
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1b['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2096
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1b['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1b['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1b['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1b['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
1946
2097
|
displayContent,
|
|
1947
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2098
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1b['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1b['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1b['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1b['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
1948
2099
|
displayContent,
|
|
1949
2100
|
displayIcon))));
|
|
1950
2101
|
};
|
|
@@ -1995,7 +2146,7 @@ var createPagination = function (_a) {
|
|
|
1995
2146
|
};
|
|
1996
2147
|
};
|
|
1997
2148
|
|
|
1998
|
-
var styles$
|
|
2149
|
+
var styles$1a = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
1999
2150
|
|
|
2000
2151
|
var Pagination = function (_a) {
|
|
2001
2152
|
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;
|
|
@@ -2014,25 +2165,25 @@ var Pagination = function (_a) {
|
|
|
2014
2165
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2015
2166
|
if (total <= pageSize)
|
|
2016
2167
|
return React.createElement(Fragment, null);
|
|
2017
|
-
return (React.createElement("div", { className: styles$
|
|
2168
|
+
return (React.createElement("div", { className: styles$1a['magneto-ui-pagination'] },
|
|
2018
2169
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2019
2170
|
React.createElement("ul", null,
|
|
2020
2171
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2021
2172
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2022
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2173
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1a['magneto-ui-pagination_ellipsis'] }))),
|
|
2023
2174
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2024
2175
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2025
2176
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2026
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2177
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1a['magneto-ui-pagination_ellipsis'] }),
|
|
2027
2178
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2028
2179
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2029
2180
|
};
|
|
2030
2181
|
|
|
2031
|
-
var style$
|
|
2182
|
+
var style$C = {"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"};
|
|
2032
2183
|
|
|
2033
2184
|
var RightsReservedText = function (_a) {
|
|
2034
2185
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2035
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2186
|
+
return (React.createElement("div", { className: "".concat(style$C["".concat(classMUI, "-rights-reserved")]) },
|
|
2036
2187
|
React.createElement("p", null, magnetoRightsText)));
|
|
2037
2188
|
};
|
|
2038
2189
|
|
|
@@ -2043,7 +2194,7 @@ var generateID = function () {
|
|
|
2043
2194
|
return uniqueID;
|
|
2044
2195
|
};
|
|
2045
2196
|
|
|
2046
|
-
var styles$
|
|
2197
|
+
var styles$19 = {"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"};
|
|
2047
2198
|
|
|
2048
2199
|
var Component$1j = function (_a) {
|
|
2049
2200
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -2073,17 +2224,17 @@ var Component$1j = function (_a) {
|
|
|
2073
2224
|
}
|
|
2074
2225
|
return { backgroundColor: '#c4c4c4' };
|
|
2075
2226
|
}, [color, score, spanHover]);
|
|
2076
|
-
return (React.createElement("div", { className: styles$
|
|
2227
|
+
return (React.createElement("div", { className: styles$19['magneto-ui-score-level'] },
|
|
2077
2228
|
React.createElement("p", null, name),
|
|
2078
|
-
React.createElement("div", { className: styles$
|
|
2229
|
+
React.createElement("div", { className: styles$19['magneto-ui-score-level__summary'] },
|
|
2079
2230
|
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); } })); })),
|
|
2080
2231
|
React.createElement("p", null, labelScore)),
|
|
2081
|
-
React.createElement("button", { className: styles$
|
|
2232
|
+
React.createElement("button", { className: styles$19['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2082
2233
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2083
2234
|
};
|
|
2084
2235
|
var ScoreLevel = Component$1j;
|
|
2085
2236
|
|
|
2086
|
-
var styles$
|
|
2237
|
+
var styles$18 = {"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"};
|
|
2087
2238
|
|
|
2088
2239
|
var Component$1i = function (_a) {
|
|
2089
2240
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -2100,15 +2251,15 @@ var Component$1i = function (_a) {
|
|
|
2100
2251
|
}
|
|
2101
2252
|
return { backgroundColor: '#c4c4c4' };
|
|
2102
2253
|
}, [color, scoreValue]);
|
|
2103
|
-
return (React.createElement("div", { className: styles$
|
|
2254
|
+
return (React.createElement("div", { className: styles$18['magneto-ui-score-level'] },
|
|
2104
2255
|
React.createElement("p", null, name),
|
|
2105
|
-
React.createElement("div", { className: styles$
|
|
2256
|
+
React.createElement("div", { className: styles$18['magneto-ui-score-level__summary'] },
|
|
2106
2257
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2107
2258
|
React.createElement("p", null, labelScore))));
|
|
2108
2259
|
};
|
|
2109
2260
|
var ScoreLevelStatic = Component$1i;
|
|
2110
2261
|
|
|
2111
|
-
var styles$
|
|
2262
|
+
var styles$17 = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_6umfb","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_6umfb","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_6umfb","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_6umfb"};
|
|
2112
2263
|
|
|
2113
2264
|
var Component$1h = function (_a) {
|
|
2114
2265
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -2126,12 +2277,13 @@ var Component$1h = function (_a) {
|
|
|
2126
2277
|
setSearchValue('');
|
|
2127
2278
|
onSearch('');
|
|
2128
2279
|
};
|
|
2129
|
-
return (React.createElement("div", { className: styles$
|
|
2280
|
+
return (React.createElement("div", { className: styles$17.SearchbarComponent },
|
|
2130
2281
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2131
2282
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2132
|
-
React.createElement("div", { className: styles$
|
|
2283
|
+
searchValue && React.createElement("div", { className: styles$17['SearchbarComponent__badge'] }),
|
|
2284
|
+
React.createElement("div", { className: styles$17['magneto-ui-searchbar-buttons'] },
|
|
2133
2285
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2134
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2286
|
+
React.createElement(MainButton, __assign({ className: styles$17['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2135
2287
|
React.createElement("span", null, "|"))),
|
|
2136
2288
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2137
2289
|
};
|
|
@@ -2140,7 +2292,17 @@ var Component$1h = function (_a) {
|
|
|
2140
2292
|
*/
|
|
2141
2293
|
var Searchbar = Component$1h;
|
|
2142
2294
|
|
|
2143
|
-
var styles$
|
|
2295
|
+
var styles$16 = {"search-button":"mg_search_button_search-button_gvovf","search-button__badge":"mg_search_button_search-button_badge_gvovf"};
|
|
2296
|
+
|
|
2297
|
+
var Component$1g = function (_a) {
|
|
2298
|
+
var props = __rest(_a, []);
|
|
2299
|
+
return (React.createElement("div", { className: styles$16['search-button'] },
|
|
2300
|
+
props.searchValue && React.createElement("div", { className: styles$16['search-button__badge'] }),
|
|
2301
|
+
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2302
|
+
};
|
|
2303
|
+
var SearchButton = Component$1g;
|
|
2304
|
+
|
|
2305
|
+
var styles$15 = {"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"};
|
|
2144
2306
|
|
|
2145
2307
|
var SimilarJobsCard = function (_a) {
|
|
2146
2308
|
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;
|
|
@@ -2150,15 +2312,15 @@ var SimilarJobsCard = function (_a) {
|
|
|
2150
2312
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2151
2313
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2152
2314
|
}, [cities, salary, experience]);
|
|
2153
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2154
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2315
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$15["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2316
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2155
2317
|
React.createElement("div", null,
|
|
2156
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2157
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2158
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2318
|
+
React.createElement("p", { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2319
|
+
React.createElement("p", { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2320
|
+
React.createElement(IconItem, { className: "".concat(styles$15["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2159
2321
|
};
|
|
2160
2322
|
|
|
2161
|
-
var style$
|
|
2323
|
+
var style$B = {"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"};
|
|
2162
2324
|
|
|
2163
2325
|
var SortMenu = function (_a) {
|
|
2164
2326
|
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;
|
|
@@ -2171,13 +2333,13 @@ var SortMenu = function (_a) {
|
|
|
2171
2333
|
};
|
|
2172
2334
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2173
2335
|
return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2174
|
-
React.createElement("button", { className: "".concat(style$
|
|
2175
|
-
React.createElement("p", { className: style$
|
|
2336
|
+
React.createElement("button", { className: "".concat(style$B['magneto-ui-btn-menu'], " ").concat(loading && style$B.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2337
|
+
React.createElement("p", { className: style$B['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2176
2338
|
React.createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2177
2339
|
};
|
|
2178
2340
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2179
2341
|
|
|
2180
|
-
var styles$
|
|
2342
|
+
var styles$14 = {"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"};
|
|
2181
2343
|
|
|
2182
2344
|
var TextArea = function (_a) {
|
|
2183
2345
|
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"]);
|
|
@@ -2203,56 +2365,56 @@ var TextArea = function (_a) {
|
|
|
2203
2365
|
return;
|
|
2204
2366
|
setShowPlaceholder(scrollTop === 0);
|
|
2205
2367
|
}, [showPlaceholder]);
|
|
2206
|
-
return (React.createElement("div", { className: styles$
|
|
2207
|
-
React.createElement("div", { className: styles$
|
|
2368
|
+
return (React.createElement("div", { className: styles$14["".concat(classMUI, "-text-area")] },
|
|
2369
|
+
React.createElement("div", { className: styles$14["".concat(classMUI, "-text-area--container")] },
|
|
2208
2370
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2209
2371
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2210
2372
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2211
|
-
}, className: styles$
|
|
2212
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2213
|
-
React.createElement("div", { className: styles$
|
|
2214
|
-
React.createElement("span", { className: styles$
|
|
2373
|
+
}, className: styles$14["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2374
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$14["".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 }))),
|
|
2375
|
+
React.createElement("div", { className: styles$14["".concat(classMUI, "-text-area__footer")] },
|
|
2376
|
+
React.createElement("span", { className: styles$14["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2215
2377
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2216
2378
|
};
|
|
2217
2379
|
|
|
2218
|
-
var style$
|
|
2380
|
+
var style$A = {"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"};
|
|
2219
2381
|
|
|
2220
2382
|
var timelineIcons = {
|
|
2221
2383
|
checked: Checked,
|
|
2222
2384
|
current: Clock,
|
|
2223
2385
|
blocked: Lock
|
|
2224
2386
|
};
|
|
2225
|
-
var Component$
|
|
2387
|
+
var Component$1f = function (_a) {
|
|
2226
2388
|
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;
|
|
2227
2389
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2228
|
-
var titleStyle = style$
|
|
2229
|
-
var subtitleStyle = style$
|
|
2230
|
-
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2231
|
-
React.createElement("div", { className: style$
|
|
2232
|
-
React.createElement("div", { className: "".concat(style$
|
|
2233
|
-
React.createElement(IconItem, { className: style$
|
|
2234
|
-
React.createElement("div", { className: style$
|
|
2235
|
-
React.createElement("p", { className: "".concat(style$
|
|
2236
|
-
React.createElement("p", { className: "".concat(style$
|
|
2390
|
+
var titleStyle = style$A["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2391
|
+
var subtitleStyle = style$A["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2392
|
+
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$A["".concat(classMUI, "-timeline-event")] },
|
|
2393
|
+
React.createElement("div", { className: style$A["".concat(classMUI, "-timeline-event__icon")] },
|
|
2394
|
+
React.createElement("div", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$A[status]) }),
|
|
2395
|
+
React.createElement(IconItem, { className: style$A["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2396
|
+
React.createElement("div", { className: style$A["".concat(classMUI, "-timeline-event__text")] },
|
|
2397
|
+
React.createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2398
|
+
React.createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2237
2399
|
};
|
|
2238
|
-
var TimelineEvent = Component$
|
|
2400
|
+
var TimelineEvent = Component$1f;
|
|
2239
2401
|
|
|
2240
|
-
var styles$
|
|
2402
|
+
var styles$13 = {"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"};
|
|
2241
2403
|
|
|
2242
2404
|
var Tooltip = function (_a) {
|
|
2243
2405
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c;
|
|
2244
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2245
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2406
|
+
return (React.createElement("div", { className: "".concat(styles$13['tooltip-container'], " ").concat(styles$13["tooltip-".concat(position)]) },
|
|
2407
|
+
React.createElement("div", { className: "".concat(styles$13['tooltip'], " ").concat(styles$13["tooltip-".concat(position)]) },
|
|
2246
2408
|
children,
|
|
2247
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2409
|
+
React.createElement("span", { className: "".concat(styles$13['tooltip-text'], " ").concat(styles$13["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2248
2410
|
};
|
|
2249
2411
|
|
|
2250
|
-
var Component$
|
|
2412
|
+
var Component$1e = function (_a) {
|
|
2251
2413
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2252
2414
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2253
2415
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2254
2416
|
};
|
|
2255
|
-
var UserMenu = withClickOut(Component$
|
|
2417
|
+
var UserMenu = withClickOut(Component$1e);
|
|
2256
2418
|
|
|
2257
2419
|
var userMenuAnalystIcons = {
|
|
2258
2420
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2264,11 +2426,11 @@ var userMenuAnalystIcons = {
|
|
|
2264
2426
|
redo: RedoDarkBlue
|
|
2265
2427
|
};
|
|
2266
2428
|
|
|
2267
|
-
var styles$
|
|
2429
|
+
var styles$12 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
2268
2430
|
|
|
2269
|
-
var styles$
|
|
2431
|
+
var styles$11 = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
2270
2432
|
|
|
2271
|
-
var Component$
|
|
2433
|
+
var Component$1d = function (_a) {
|
|
2272
2434
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2273
2435
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2274
2436
|
var handleOnClick = useCallback(function () {
|
|
@@ -2281,12 +2443,12 @@ var Component$1e = function (_a) {
|
|
|
2281
2443
|
}
|
|
2282
2444
|
}, [handleModal, handleMenuOpen, option]);
|
|
2283
2445
|
return (React.createElement("span", { className: CNM.get({
|
|
2284
|
-
styles: styles$
|
|
2446
|
+
styles: styles$11,
|
|
2285
2447
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2286
2448
|
}) },
|
|
2287
2449
|
prefix,
|
|
2288
2450
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
2289
|
-
styles: styles$
|
|
2451
|
+
styles: styles$11,
|
|
2290
2452
|
cls: ['user-menu-analyst-option-default__container']
|
|
2291
2453
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
2292
2454
|
suffix));
|
|
@@ -2294,31 +2456,31 @@ var Component$1e = function (_a) {
|
|
|
2294
2456
|
/**
|
|
2295
2457
|
* Molecule UI great-grand child component of menu dropdown
|
|
2296
2458
|
*/
|
|
2297
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2459
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1d);
|
|
2298
2460
|
|
|
2299
|
-
var styles$
|
|
2461
|
+
var styles$10 = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
2300
2462
|
|
|
2301
|
-
var Component$
|
|
2463
|
+
var Component$1c = function (_a) {
|
|
2302
2464
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2303
2465
|
return (React.createElement("span", { className: CNM.get({
|
|
2304
|
-
styles: styles$
|
|
2466
|
+
styles: styles$10,
|
|
2305
2467
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2306
2468
|
}) },
|
|
2307
2469
|
prefix,
|
|
2308
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2470
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$10, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2309
2471
|
suffix));
|
|
2310
2472
|
};
|
|
2311
2473
|
/**
|
|
2312
2474
|
* Molecule UI great-grand child component of menu dropdown
|
|
2313
2475
|
*/
|
|
2314
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2476
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1c);
|
|
2315
2477
|
|
|
2316
|
-
var styles
|
|
2478
|
+
var styles$$ = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2317
2479
|
|
|
2318
|
-
var Component$
|
|
2480
|
+
var Component$1b = function (_a) {
|
|
2319
2481
|
var option = _a.option, className = _a.className;
|
|
2320
2482
|
return (React.createElement("span", { className: CNM.get({
|
|
2321
|
-
styles: styles
|
|
2483
|
+
styles: styles$$,
|
|
2322
2484
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2323
2485
|
}) },
|
|
2324
2486
|
React.createElement("p", null, option.title)));
|
|
@@ -2326,9 +2488,9 @@ var Component$1c = function (_a) {
|
|
|
2326
2488
|
/**
|
|
2327
2489
|
* Molecule UI great-grand child component of menu dropdown
|
|
2328
2490
|
*/
|
|
2329
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2491
|
+
var UserMenuAnalystOptionText = React.memo(Component$1b);
|
|
2330
2492
|
|
|
2331
|
-
var Component$
|
|
2493
|
+
var Component$1a = function (_a) {
|
|
2332
2494
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2333
2495
|
return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2334
2496
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2348,7 +2510,7 @@ var Action = function (_a) {
|
|
|
2348
2510
|
/**
|
|
2349
2511
|
* Molecule UI great-grand child component of menu dropdown
|
|
2350
2512
|
*/
|
|
2351
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
2513
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1a);
|
|
2352
2514
|
|
|
2353
2515
|
var EUserMenuAnalystOptionType;
|
|
2354
2516
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -2374,28 +2536,28 @@ var optionTypes = (_b = {},
|
|
|
2374
2536
|
_b);
|
|
2375
2537
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
2376
2538
|
|
|
2377
|
-
var styles$
|
|
2539
|
+
var styles$_ = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
2378
2540
|
|
|
2379
|
-
var Component$
|
|
2541
|
+
var Component$19 = function (_a) {
|
|
2380
2542
|
var subTitle = _a.subTitle, title = _a.title;
|
|
2381
2543
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
2382
2544
|
return (React.createElement("div", null,
|
|
2383
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2545
|
+
React.createElement("span", { className: CNM.get({ styles: styles$_, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
2384
2546
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
2385
2547
|
React.createElement("span", { className: CNM.get({
|
|
2386
|
-
styles: styles$
|
|
2548
|
+
styles: styles$_,
|
|
2387
2549
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
2388
2550
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
2389
2551
|
React.createElement("span", { className: CNM.get({
|
|
2390
|
-
styles: styles$
|
|
2552
|
+
styles: styles$_,
|
|
2391
2553
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
2392
2554
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
2393
2555
|
};
|
|
2394
|
-
var UserMenuAnalystTitle = Component$
|
|
2556
|
+
var UserMenuAnalystTitle = Component$19;
|
|
2395
2557
|
|
|
2396
|
-
var styles$
|
|
2558
|
+
var styles$Z = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
2397
2559
|
|
|
2398
|
-
var Component$
|
|
2560
|
+
var Component$18 = function (_a) {
|
|
2399
2561
|
var _b;
|
|
2400
2562
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
2401
2563
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -2421,13 +2583,13 @@ var Component$19 = function (_a) {
|
|
|
2421
2583
|
var OptionType = getOptionType(option.type);
|
|
2422
2584
|
if (!OptionType)
|
|
2423
2585
|
return null;
|
|
2424
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2425
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
2586
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__object'] }) },
|
|
2587
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$Z, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
2426
2588
|
}
|
|
2427
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
2589
|
+
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
2428
2590
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
2429
2591
|
}, className: CNM.get({
|
|
2430
|
-
styles: styles$
|
|
2592
|
+
styles: styles$Z,
|
|
2431
2593
|
cls: [
|
|
2432
2594
|
'user-menu-analyst-option__dropdown',
|
|
2433
2595
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -2436,8 +2598,8 @@ var Component$19 = function (_a) {
|
|
|
2436
2598
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
2437
2599
|
var _a;
|
|
2438
2600
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
2439
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2440
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
2601
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$Z, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
2602
|
+
_a.map(function (child, j) { return (React.createElement(Component$18, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
2441
2603
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
2442
2604
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
2443
2605
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -2446,27 +2608,27 @@ var Component$19 = function (_a) {
|
|
|
2446
2608
|
/**
|
|
2447
2609
|
* Molecule UI grand child component of menu dropdown
|
|
2448
2610
|
*/
|
|
2449
|
-
var UserMenuAnalystOption = Component$
|
|
2611
|
+
var UserMenuAnalystOption = Component$18;
|
|
2450
2612
|
|
|
2451
|
-
var Component$
|
|
2613
|
+
var Component$17 = function (_a) {
|
|
2452
2614
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
2453
2615
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
2454
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2616
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
2455
2617
|
var _a;
|
|
2456
2618
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
2457
2619
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
2458
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2620
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst-options__divider'] }) },
|
|
2459
2621
|
React.createElement(Divider, null)))));
|
|
2460
2622
|
})));
|
|
2461
2623
|
};
|
|
2462
2624
|
/**
|
|
2463
2625
|
* Molecule UI child component of user menu analyst
|
|
2464
2626
|
*/
|
|
2465
|
-
var UserMenuAnalystOptions = Component$
|
|
2627
|
+
var UserMenuAnalystOptions = Component$17;
|
|
2466
2628
|
|
|
2467
|
-
var styles$
|
|
2629
|
+
var styles$Y = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
2468
2630
|
|
|
2469
|
-
var Component$
|
|
2631
|
+
var Component$16 = function (_a) {
|
|
2470
2632
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
2471
2633
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
2472
2634
|
var actionUrl = useMemo(function () {
|
|
@@ -2484,62 +2646,31 @@ var Component$17 = function (_a) {
|
|
|
2484
2646
|
: action.data;
|
|
2485
2647
|
}
|
|
2486
2648
|
}, [action, queryString]);
|
|
2487
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2488
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
2489
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2649
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst'] }) },
|
|
2650
|
+
React.createElement("header", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__header'] }) },
|
|
2651
|
+
React.createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user'] }) },
|
|
2490
2652
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
2491
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2492
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2493
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2494
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2653
|
+
React.createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info'] }) },
|
|
2654
|
+
React.createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
2655
|
+
React.createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
2656
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
2495
2657
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
2496
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2658
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
2497
2659
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
2498
|
-
styles: styles$
|
|
2660
|
+
styles: styles$Y,
|
|
2499
2661
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
2500
2662
|
}), optionClassNames: {
|
|
2501
|
-
link: CNM.get({ styles: styles$
|
|
2502
|
-
dropdown: CNM.get({ styles: styles$
|
|
2663
|
+
link: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__company-link'] }),
|
|
2664
|
+
dropdown: CNM.get({ styles: styles$Y, cls: ['user-menu-analyst__company-dropdown'] })
|
|
2503
2665
|
} }))),
|
|
2504
2666
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
2505
2667
|
};
|
|
2506
2668
|
/**
|
|
2507
2669
|
* Molecule UI component for user menu
|
|
2508
2670
|
*/
|
|
2509
|
-
var UserMenuAnalyst = Component$
|
|
2510
|
-
|
|
2511
|
-
var style$B = {"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"};
|
|
2671
|
+
var UserMenuAnalyst = Component$16;
|
|
2512
2672
|
|
|
2513
|
-
var
|
|
2514
|
-
|
|
2515
|
-
var Image = function (_a) {
|
|
2516
|
-
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2517
|
-
return (React.createElement(React.Fragment, null,
|
|
2518
|
-
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2519
|
-
playIcon && React.createElement("div", { className: styles$$['magneto-ui-play-button'] }, playIcon)));
|
|
2520
|
-
};
|
|
2521
|
-
|
|
2522
|
-
var styles$_ = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
|
|
2523
|
-
|
|
2524
|
-
var MegaMenuCard = function (_a) {
|
|
2525
|
-
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;
|
|
2526
|
-
var handleClick = useCallback(function (event) {
|
|
2527
|
-
if (onClick != null) {
|
|
2528
|
-
event.preventDefault();
|
|
2529
|
-
onClick();
|
|
2530
|
-
}
|
|
2531
|
-
}, [onClick]);
|
|
2532
|
-
return (React.createElement("a", { className: "".concat(styles$_["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2533
|
-
icon && (React.createElement("div", { className: styles$_["magneto-ui-mega-menu-card__icon"] },
|
|
2534
|
-
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2535
|
-
logo && (React.createElement("div", { className: styles$_["magneto-ui-mega-menu-card__logo"] },
|
|
2536
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$_["magneto-ui-mega-menu-card__logo"] }))),
|
|
2537
|
-
React.createElement("div", { className: styles$_["magneto-ui-mega-menu-card__content"] },
|
|
2538
|
-
React.createElement("div", { className: styles$_["magneto-ui-mega-menu-card__title"] }, title),
|
|
2539
|
-
React.createElement("div", { className: styles$_["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
|
|
2540
|
-
showRigthArrow && (React.createElement("div", { className: styles$_["magneto-ui-mega-menu-card__arrow"] },
|
|
2541
|
-
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
2542
|
-
};
|
|
2673
|
+
var style$z = {"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"};
|
|
2543
2674
|
|
|
2544
2675
|
var MegaMenuSideCards = function (_a) {
|
|
2545
2676
|
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard;
|
|
@@ -2548,56 +2679,56 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2548
2679
|
setSelected(index);
|
|
2549
2680
|
onSelectCard && onSelectCard(index);
|
|
2550
2681
|
}; }, [onSelectCard]);
|
|
2551
|
-
return (React.createElement("ul", { className: "".concat(style$
|
|
2682
|
+
return (React.createElement("ul", { className: "".concat(style$z["mega-menu-side-cards"]) },
|
|
2552
2683
|
jobs &&
|
|
2553
2684
|
jobs.slice(0, 10).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
2554
|
-
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$
|
|
2685
|
+
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$z["mega-menu-side-cards__card"], " ").concat(selected == key ? style$z["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
|
|
2555
2686
|
action && (React.createElement("li", null,
|
|
2556
|
-
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$
|
|
2687
|
+
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$z["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2557
2688
|
};
|
|
2558
2689
|
|
|
2559
|
-
var styles$
|
|
2690
|
+
var styles$X = {"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"};
|
|
2560
2691
|
|
|
2561
2692
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
2562
2693
|
var Component = function (_a) {
|
|
2563
2694
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
2564
|
-
return (React.createElement("div", { className: styles$
|
|
2565
|
-
React.createElement("div", { className: styles$
|
|
2695
|
+
return (React.createElement("div", { className: styles$X['mega-menu-side-container'] },
|
|
2696
|
+
React.createElement("div", { className: styles$X['mega-menu-side-container__side'] },
|
|
2566
2697
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
2567
|
-
React.createElement("div", { className: styles$
|
|
2698
|
+
React.createElement("div", { className: styles$X['mega-menu-side-container__main'] },
|
|
2568
2699
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
2569
2700
|
};
|
|
2570
2701
|
return Component;
|
|
2571
2702
|
};
|
|
2572
2703
|
|
|
2573
|
-
var styles$
|
|
2704
|
+
var styles$W = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
2574
2705
|
|
|
2575
|
-
var Component$
|
|
2706
|
+
var Component$15 = function (_a) {
|
|
2576
2707
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
2577
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2708
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$W, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
2578
2709
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
2579
2710
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2580
2711
|
};
|
|
2581
2712
|
/**
|
|
2582
2713
|
* Molecule UI child component of user menu analyst wrapper
|
|
2583
2714
|
*/
|
|
2584
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
2715
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$15);
|
|
2585
2716
|
|
|
2586
|
-
var styles$
|
|
2717
|
+
var styles$V = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
2587
2718
|
|
|
2588
|
-
var Component$
|
|
2719
|
+
var Component$14 = function (_a) {
|
|
2589
2720
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
2590
2721
|
return (React.createElement(React.Fragment, null,
|
|
2591
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
2722
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$V, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
2592
2723
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
2593
2724
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
2594
2725
|
};
|
|
2595
2726
|
/**
|
|
2596
2727
|
* Molecule UI child component of user menu analyst wrapper
|
|
2597
2728
|
*/
|
|
2598
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
2729
|
+
var UserMenuWrapperAnalystModal = Component$14;
|
|
2599
2730
|
|
|
2600
|
-
var Component$
|
|
2731
|
+
var Component$13 = function (_a) {
|
|
2601
2732
|
var props = __rest(_a, []);
|
|
2602
2733
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
2603
2734
|
useEffect(function () {
|
|
@@ -2619,138 +2750,19 @@ var Component$14 = function (_a) {
|
|
|
2619
2750
|
/**
|
|
2620
2751
|
* Molecule UI component for user menu wrapper analyst
|
|
2621
2752
|
*/
|
|
2622
|
-
var UserMenuWrapperAnalyst = Component$
|
|
2623
|
-
|
|
2624
|
-
var style$A = {"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"};
|
|
2625
|
-
|
|
2626
|
-
var initialContext = {
|
|
2627
|
-
socialHeaderProps: {
|
|
2628
|
-
helpOptions: [],
|
|
2629
|
-
tabs: []
|
|
2630
|
-
},
|
|
2631
|
-
jobsProps: {
|
|
2632
|
-
tabs: []
|
|
2633
|
-
},
|
|
2634
|
-
mainHeaderProps: {}
|
|
2635
|
-
};
|
|
2636
|
-
var MegaMenuContext = createContext(initialContext);
|
|
2637
|
-
var MegaMenuProvider = function (_a) {
|
|
2638
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
2639
|
-
return React.createElement(MegaMenuContext.Provider, { value: props }, children);
|
|
2640
|
-
};
|
|
2641
|
-
var useMegaMenu = function () { return useContext(MegaMenuContext); };
|
|
2642
|
-
var useMegaMenuSocialHeader = function () {
|
|
2643
|
-
var socialHeaderProps = useContext(MegaMenuContext).socialHeaderProps;
|
|
2644
|
-
return socialHeaderProps;
|
|
2645
|
-
};
|
|
2646
|
-
var useMegaMenuJobs = function () {
|
|
2647
|
-
var jobsProps = useContext(MegaMenuContext).jobsProps;
|
|
2648
|
-
return jobsProps;
|
|
2649
|
-
};
|
|
2650
|
-
var useMegaMenuMain = function () {
|
|
2651
|
-
var mainHeaderProps = useContext(MegaMenuContext).mainHeaderProps;
|
|
2652
|
-
return mainHeaderProps;
|
|
2653
|
-
};
|
|
2654
|
-
|
|
2655
|
-
var styles$W = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2656
|
-
|
|
2657
|
-
var Component$13 = function (_a) {
|
|
2658
|
-
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;
|
|
2659
|
-
var handleClick = useCallback(function (event) {
|
|
2660
|
-
if (onClick) {
|
|
2661
|
-
event.preventDefault();
|
|
2662
|
-
onClick();
|
|
2663
|
-
}
|
|
2664
|
-
}, [onClick]);
|
|
2665
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$W['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2666
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$W['button-link__icon'] })),
|
|
2667
|
-
buttonText && React.createElement("p", { className: styles$W['button-link__text'] }, buttonText),
|
|
2668
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$W['button-link__icon'] }))));
|
|
2669
|
-
};
|
|
2670
|
-
/**
|
|
2671
|
-
* UI Atom Component of Save Button
|
|
2672
|
-
*/
|
|
2673
|
-
var ButtonLink = Component$13;
|
|
2674
|
-
|
|
2675
|
-
var MegaMenuJobsTabs = function () {
|
|
2676
|
-
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
2677
|
-
var _b = useMegaMenuJobs(), tabs = _b.tabs, onChangeTab = _b.onChangeTab;
|
|
2678
|
-
var onClickTab = useCallback(function (index) { return function () {
|
|
2679
|
-
setSelectedTab(index);
|
|
2680
|
-
onChangeTab && onChangeTab(index);
|
|
2681
|
-
}; }, [onChangeTab]);
|
|
2682
|
-
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2683
|
-
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2684
|
-
return (React.createElement("div", { className: "".concat(style$A["mega-menu-jobs-tabs__container"]) },
|
|
2685
|
-
React.createElement("nav", null,
|
|
2686
|
-
React.createElement("ul", { className: "".concat(style$A["mega-menu-jobs-tabs"]) },
|
|
2687
|
-
tabs &&
|
|
2688
|
-
tabs.map(function (_a, index) {
|
|
2689
|
-
var label = _a.label, url = _a.url;
|
|
2690
|
-
return (React.createElement("li", { key: index },
|
|
2691
|
-
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$A["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$A["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2692
|
-
}),
|
|
2693
|
-
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
2694
|
-
React.createElement("li", null,
|
|
2695
|
-
React.createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
2696
|
-
React.createElement(Divider, null),
|
|
2697
|
-
React.createElement("div", { className: "".concat(style$A["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2698
|
-
};
|
|
2699
|
-
|
|
2700
|
-
var style$z = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
|
|
2701
|
-
|
|
2702
|
-
var MegaMenuCards = function (_a) {
|
|
2703
|
-
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
|
|
2704
|
-
return (React.createElement("nav", { className: className },
|
|
2705
|
-
title && (React.createElement("div", { className: "".concat(style$z["mega-menu-cards__title"]) },
|
|
2706
|
-
React.createElement("h4", null, title),
|
|
2707
|
-
actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$z["mega-menu-cards__action--grey"]) })))),
|
|
2708
|
-
React.createElement("ul", { className: "".concat(style$z["mega-menu-cards"]) }, jobs &&
|
|
2709
|
-
jobs.slice(0, 39).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
2710
|
-
React.createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
2711
|
-
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$z["mega-menu-cards__action"]) }))));
|
|
2712
|
-
};
|
|
2713
|
-
|
|
2714
|
-
var styles$V = {"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"};
|
|
2715
|
-
|
|
2716
|
-
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2717
|
-
var MegaMenuPopover = function (_a) {
|
|
2718
|
-
var children = _a.children;
|
|
2719
|
-
var _b = useState(false), showContent = _b[0], setShowContent = _b[1];
|
|
2720
|
-
var jobAction = useMegaMenuJobs().jobAction;
|
|
2721
|
-
var handleShowContent = useCallback(function (show) { return function (event) {
|
|
2722
|
-
event.preventDefault();
|
|
2723
|
-
event.stopPropagation();
|
|
2724
|
-
setShowContent(show);
|
|
2725
|
-
}; }, []);
|
|
2726
|
-
useEffect(function () {
|
|
2727
|
-
var body = document.body;
|
|
2728
|
-
if (!body)
|
|
2729
|
-
return;
|
|
2730
|
-
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2731
|
-
}, [showContent]);
|
|
2732
|
-
return (React.createElement(React.Fragment, null,
|
|
2733
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$V["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2734
|
-
React.createElement("p", { className: "".concat(styles$V["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2735
|
-
React.createElement(IconItem, { className: "".concat(styles$V["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$V["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2736
|
-
React.createElement("div", { className: "".concat(styles$V["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$V["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2737
|
-
React.createElement("div", { className: styles$V["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2738
|
-
React.createElement("div", { className: styles$V["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2739
|
-
event.stopPropagation();
|
|
2740
|
-
} }, children))));
|
|
2741
|
-
};
|
|
2753
|
+
var UserMenuWrapperAnalyst = Component$13;
|
|
2742
2754
|
|
|
2743
2755
|
var Component$12 = function (_a) {
|
|
2744
2756
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
2745
2757
|
var component = useMemo(function () {
|
|
2746
2758
|
var _a, _b, _c;
|
|
2747
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2759
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1J, cls: ['modal-analyst-container'] }) },
|
|
2748
2760
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
2749
2761
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
2750
2762
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
2751
2763
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
2752
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
2753
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
2764
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1J, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
2765
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1J, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
2754
2766
|
});
|
|
2755
2767
|
return container;
|
|
2756
2768
|
};
|
|
@@ -4759,7 +4771,7 @@ var Component$u = function (_a) {
|
|
|
4759
4771
|
sm: React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
|
|
4760
4772
|
});
|
|
4761
4773
|
var loginHeaderMobileSearchbarButton = useMediaQuery(null, {
|
|
4762
|
-
md: React.createElement(
|
|
4774
|
+
md: React.createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
|
|
4763
4775
|
});
|
|
4764
4776
|
var loginHeaderSearchbar = useMediaQuery(React.createElement(Searchbar, __assign({ searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton }, searchbar)), {
|
|
4765
4777
|
md: null
|
|
@@ -4826,7 +4838,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
4826
4838
|
});
|
|
4827
4839
|
var LoginHeaderMenuButton = useMediaQuery(React.createElement(MainButton, __assign({}, MenuButtonProps, { onClick: onMenuClick })));
|
|
4828
4840
|
var LogoutHeaderMobileSearchbarButton = useMediaQuery(null, {
|
|
4829
|
-
md: React.createElement(
|
|
4841
|
+
md: React.createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
|
|
4830
4842
|
});
|
|
4831
4843
|
var LogoutHeaderSearchbar = useMediaQuery(React.createElement(Searchbar, __assign({}, searchbar, { searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton })), {
|
|
4832
4844
|
md: null
|
|
@@ -4869,9 +4881,8 @@ var Component$t = function (_a) {
|
|
|
4869
4881
|
var toggleSearchBar = function () {
|
|
4870
4882
|
setShowSearchBar(!showSearchBar);
|
|
4871
4883
|
};
|
|
4872
|
-
// Mobile Searchbar Component
|
|
4873
4884
|
var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
|
|
4874
|
-
md: (React.createElement(MobileSearchbar, __assign({}, mobileSearchbar, { onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
|
|
4885
|
+
md: (React.createElement(MobileSearchbar, __assign({}, mobileSearchbar, { termValue: searchbar.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
|
|
4875
4886
|
});
|
|
4876
4887
|
// Tab Component
|
|
4877
4888
|
var LogoutHeaderTab = useMediaQuery(React.createElement(Tab, null,
|
|
@@ -4887,8 +4898,8 @@ var Component$t = function (_a) {
|
|
|
4887
4898
|
});
|
|
4888
4899
|
// Mobile Searchbar Button Component
|
|
4889
4900
|
var LogoutHeaderMobileSearchbarButton = useMediaQuery(null, {
|
|
4890
|
-
xs: hasMobileSearchBarButton ? (React.createElement(
|
|
4891
|
-
md: React.createElement(
|
|
4901
|
+
xs: hasMobileSearchBarButton ? (React.createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))) : (React.createElement(Fragment, null)),
|
|
4902
|
+
md: React.createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
|
|
4892
4903
|
});
|
|
4893
4904
|
// Searchbar Component
|
|
4894
4905
|
var LogoutHeaderSearchbar = useMediaQuery(React.createElement(Searchbar, __assign({}, searchbar, { searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton })), {
|
|
@@ -4945,7 +4956,7 @@ var LogoutJobsHeader = function (_a) {
|
|
|
4945
4956
|
});
|
|
4946
4957
|
var LogoutHeaderMenuButton = useMediaQuery(React.createElement(MainButton, __assign({}, MenuButtonProps, { onClick: onMenuClick })));
|
|
4947
4958
|
var LogoutHeaderMobileSearchbarButton = useMediaQuery(null, {
|
|
4948
|
-
md: React.createElement(
|
|
4959
|
+
md: React.createElement(SearchButton, __assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, MobileSearchbarButtonProps))
|
|
4949
4960
|
});
|
|
4950
4961
|
var LogoutHeaderSearchbar = useMediaQuery(React.createElement(Searchbar, __assign({}, searchbar, { searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton })), {
|
|
4951
4962
|
md: null
|
|
@@ -6780,7 +6791,7 @@ var SideFilter = function (_a) {
|
|
|
6780
6791
|
displayBackground));
|
|
6781
6792
|
};
|
|
6782
6793
|
|
|
6783
|
-
var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-
|
|
6794
|
+
var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-menu_66c89","magneto-ui-section-filter":"mg_sort_bar_magneto-ui-section-filter_66c89","magneto-ui-main-title":"mg_sort_bar_magneto-ui-main-title_66c89","magneto-ui-btn-text":"mg_sort_bar_magneto-ui-btn-text_66c89","magneto-ui-tooltip-quotas":"mg_sort_bar_magneto-ui-tooltip-quotas_66c89","magneto-ui-btn-menu":"mg_sort_bar_magneto-ui-btn-menu_66c89","magneto-ui-section-menu":"mg_sort_bar_magneto-ui-section-menu_66c89","magneto-ui-btn-order":"mg_sort_bar_magneto-ui-btn-order_66c89","hidden":"mg_sort_bar_hidden_66c89"};
|
|
6784
6795
|
|
|
6785
6796
|
var SortBar = function (_a) {
|
|
6786
6797
|
var textSortButton = _a.textSortButton, mainTitle = _a.mainTitle, filterSummary = _a.filterSummary, textOrderFilter = _a.textOrderFilter, orderFields = _a.orderFields, orderByText = _a.orderByText, loading = _a.loading, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, setIsFiltersOpen = _a.setIsFiltersOpen, orderFilter = _a.orderFilter, setFilter = _a.setFilter, emptyVacant = _a.emptyVacant, infoMessageQuotas = _a.infoMessageQuotas, widthInfoMessage = _a.widthInfoMessage;
|
|
@@ -7066,5 +7077,5 @@ var Component = function (_a) {
|
|
|
7066
7077
|
};
|
|
7067
7078
|
var SuggestedJobsPage = Component;
|
|
7068
7079
|
|
|
7069
|
-
export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, ERadioType, EmptyResult as EmptyResults, 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, 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, SearchItem, Searchbar, 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, message, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7080
|
+
export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, ERadioType, EmptyResult as EmptyResults, 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, 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, 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, message, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7070
7081
|
//# sourceMappingURL=index.js.map
|