magneto365.ui 2.51.0 → 2.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +445 -427
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/cjs/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +445 -428
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/esm/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/index.d.ts +65 -38
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$29 = function (_a) {
|
|
245
245
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -257,9 +257,9 @@ var Component$28 = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$29;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$25 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -513,21 +513,21 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
513
513
|
|
|
514
514
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
515
515
|
|
|
516
|
-
var Component$
|
|
516
|
+
var Component$28 = function (_a) {
|
|
517
517
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
518
518
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
519
519
|
var handleError = function () {
|
|
520
520
|
setImageError(true);
|
|
521
521
|
};
|
|
522
|
-
return (React.createElement("div", { className: styles$
|
|
522
|
+
return (React.createElement("div", { className: styles$25.avatarComponent, onClick: onClick },
|
|
523
523
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
524
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
524
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$25['magneto-ui-default-avatar'] },
|
|
525
525
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
526
526
|
};
|
|
527
527
|
/**
|
|
528
528
|
* UI Atom component of Avatar
|
|
529
529
|
*/
|
|
530
|
-
var Avatar = Component$
|
|
530
|
+
var Avatar = Component$28;
|
|
531
531
|
|
|
532
532
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
533
533
|
|
|
@@ -644,9 +644,9 @@ var SignUpButtonStyle = {
|
|
|
644
644
|
}
|
|
645
645
|
};
|
|
646
646
|
|
|
647
|
-
var styles$
|
|
647
|
+
var styles$24 = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
648
648
|
|
|
649
|
-
var styles$
|
|
649
|
+
var styles$23 = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
650
650
|
|
|
651
651
|
var ShareIcons = {
|
|
652
652
|
Facebook: {
|
|
@@ -666,7 +666,7 @@ var ShareIcons = {
|
|
|
666
666
|
}
|
|
667
667
|
};
|
|
668
668
|
|
|
669
|
-
var Component$
|
|
669
|
+
var Component$27 = function (_a) {
|
|
670
670
|
var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
671
671
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
672
672
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -679,46 +679,46 @@ var Component$26 = function (_a) {
|
|
|
679
679
|
};
|
|
680
680
|
if (component)
|
|
681
681
|
return component;
|
|
682
|
-
return (React.createElement("div", { className: styles$
|
|
683
|
-
React.createElement("div", { id: styles$
|
|
682
|
+
return (React.createElement("div", { className: styles$23['magneto-ui-actions'] },
|
|
683
|
+
React.createElement("div", { id: styles$23['magneto-ui__external-child'] }, externalButtonChild),
|
|
684
684
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
685
|
-
React.createElement("button", { className: styles$
|
|
685
|
+
React.createElement("button", { className: styles$23['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
686
686
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
687
687
|
} },
|
|
688
688
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
689
689
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
690
690
|
actionsLinkList.map(function (_a, index) {
|
|
691
691
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
692
|
-
return (React.createElement("a", { className: styles$
|
|
692
|
+
return (React.createElement("a", { className: styles$23['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
693
693
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
694
694
|
React.createElement("p", { key: index }, text)));
|
|
695
695
|
}),
|
|
696
|
-
React.createElement("div", { className: styles$
|
|
697
|
-
React.createElement("p", { className: styles$
|
|
698
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
696
|
+
React.createElement("div", { className: styles$23['magneto-ui-actions__header'] },
|
|
697
|
+
React.createElement("p", { className: styles$23['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
698
|
+
offerCompanyName ? React.createElement("p", { className: styles$23['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
699
699
|
};
|
|
700
700
|
var ShareLinksAction = function (_a) {
|
|
701
701
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
702
|
-
return (React.createElement("div", { className: styles$
|
|
703
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
702
|
+
return (React.createElement("div", { className: styles$23['magneto-ui-actions'] },
|
|
703
|
+
React.createElement(ShareButton, __assign({ className: styles$23['magneto-ui-actions__share'] }, shareProps)),
|
|
704
704
|
shareLinks.map(function (_a, index) {
|
|
705
705
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
706
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
706
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$23['magneto-ui-actions__link'], styles$23['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
707
707
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
708
708
|
React.createElement("span", null, title)));
|
|
709
709
|
}),
|
|
710
|
-
React.createElement("div", { className: styles$
|
|
711
|
-
React.createElement("p", { className: styles$
|
|
712
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
713
|
-
React.createElement("div", { className: styles$
|
|
714
|
-
React.createElement("button", { className: styles$
|
|
710
|
+
React.createElement("div", { className: styles$23['magneto-ui-actions__header'] },
|
|
711
|
+
React.createElement("p", { className: styles$23['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
712
|
+
offerCompanyName ? React.createElement("p", { className: styles$23['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
713
|
+
React.createElement("div", { className: styles$23['magneto-ui-actions__back'] },
|
|
714
|
+
React.createElement("button", { className: styles$23['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
715
715
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
716
716
|
backText)));
|
|
717
717
|
};
|
|
718
718
|
/**
|
|
719
719
|
* UI Molecule componet of Actions
|
|
720
720
|
*/
|
|
721
|
-
var Actions = Object.assign(Component$
|
|
721
|
+
var Actions = Object.assign(Component$27, { ShareLinks: ShareLinksAction });
|
|
722
722
|
|
|
723
723
|
var style$Z = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
724
724
|
|
|
@@ -744,7 +744,7 @@ var alertIcons = {
|
|
|
744
744
|
warning: Warning,
|
|
745
745
|
error: Error
|
|
746
746
|
};
|
|
747
|
-
var Component$
|
|
747
|
+
var Component$26 = function (_a) {
|
|
748
748
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
749
749
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
750
750
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -756,7 +756,7 @@ var Component$25 = function (_a) {
|
|
|
756
756
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
757
757
|
extraButton));
|
|
758
758
|
};
|
|
759
|
-
var Alert = Component$
|
|
759
|
+
var Alert = Component$26;
|
|
760
760
|
|
|
761
761
|
var style$X = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
762
762
|
|
|
@@ -844,7 +844,7 @@ var classNames = {
|
|
|
844
844
|
};
|
|
845
845
|
|
|
846
846
|
var cx$f = classNames.bind(style$W);
|
|
847
|
-
var Component$
|
|
847
|
+
var Component$25 = function (_a) {
|
|
848
848
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
849
849
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
850
850
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -880,7 +880,7 @@ var Component$24 = function (_a) {
|
|
|
880
880
|
/**
|
|
881
881
|
* Molecule UI component for Mobile Drawer
|
|
882
882
|
*/
|
|
883
|
-
var MobileDrawer = Component$
|
|
883
|
+
var MobileDrawer = Component$25;
|
|
884
884
|
|
|
885
885
|
var style$V = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
886
886
|
|
|
@@ -936,11 +936,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
936
936
|
};
|
|
937
937
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
938
938
|
|
|
939
|
-
var styles$
|
|
939
|
+
var styles$22 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
940
940
|
|
|
941
|
-
var Component$
|
|
941
|
+
var Component$24 = function (_a) {
|
|
942
942
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
943
|
-
return (React.createElement("div", { className: styles$
|
|
943
|
+
return (React.createElement("div", { className: styles$22.BreadcrumbsComponent },
|
|
944
944
|
React.createElement("a", { href: homeUrl },
|
|
945
945
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
946
946
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -948,52 +948,52 @@ var Component$23 = function (_a) {
|
|
|
948
948
|
/**
|
|
949
949
|
* Molecule UI component for breadcrums information
|
|
950
950
|
*/
|
|
951
|
-
var Breadcrumbs = Component$
|
|
951
|
+
var Breadcrumbs = Component$24;
|
|
952
952
|
|
|
953
|
-
var styles$
|
|
953
|
+
var styles$21 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
954
954
|
|
|
955
955
|
var CitiesDetailDrawer = function (_a) {
|
|
956
956
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
957
|
-
return (React.createElement("div", { className: styles$
|
|
958
|
-
React.createElement("div", { className: styles$
|
|
957
|
+
return (React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
958
|
+
React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
959
959
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
960
|
-
React.createElement("div", { className: styles$
|
|
961
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
960
|
+
React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
961
|
+
isRemote && (React.createElement("p", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
962
962
|
cities &&
|
|
963
963
|
cities.map(function (_a, index) {
|
|
964
964
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
965
|
-
return (React.createElement("div", { className: styles$
|
|
965
|
+
return (React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
966
966
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
967
967
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
968
968
|
})))) : null));
|
|
969
969
|
};
|
|
970
970
|
|
|
971
|
-
var styles$
|
|
971
|
+
var styles$20 = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
972
972
|
|
|
973
|
-
var Component$
|
|
973
|
+
var Component$23 = function (_a) {
|
|
974
974
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
975
975
|
var disabledArrow = useMemo(function () {
|
|
976
976
|
if (disabled)
|
|
977
|
-
return (React.createElement(IconItem, { className: styles$
|
|
977
|
+
return (React.createElement(IconItem, { className: styles$20['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
978
978
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
979
979
|
}, [disabled]);
|
|
980
|
-
return (React.createElement("div", { className: styles$
|
|
981
|
-
React.createElement("select", { className: styles$
|
|
982
|
-
React.createElement("option", { className: styles$
|
|
980
|
+
return (React.createElement("div", { className: styles$20['magneto-ui--date-dropdown__wrapper'] },
|
|
981
|
+
React.createElement("select", { className: styles$20["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
982
|
+
React.createElement("option", { className: styles$20['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
983
983
|
dateOptions.map(function (_a) {
|
|
984
984
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
985
|
-
return (React.createElement("option", { className: styles$
|
|
985
|
+
return (React.createElement("option", { className: styles$20['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
986
986
|
})),
|
|
987
|
-
React.createElement("span", { className: styles$
|
|
987
|
+
React.createElement("span", { className: styles$20['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
988
988
|
};
|
|
989
|
-
var DateDropdown = Component$
|
|
989
|
+
var DateDropdown = Component$23;
|
|
990
990
|
|
|
991
|
-
var styles$
|
|
991
|
+
var styles$1$ = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
992
992
|
|
|
993
993
|
var defaultValue$1 = function (value) {
|
|
994
994
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
995
995
|
};
|
|
996
|
-
var Component$
|
|
996
|
+
var Component$22 = function (_a) {
|
|
997
997
|
var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
998
998
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
999
999
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1027,16 +1027,16 @@ var Component$21 = function (_a) {
|
|
|
1027
1027
|
}
|
|
1028
1028
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1029
1029
|
}, [disabled]);
|
|
1030
|
-
return (React.createElement("div", { className: styles$
|
|
1030
|
+
return (React.createElement("div", { className: styles$1$['magneto-ui--date-picker__wrapper'] },
|
|
1031
1031
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1032
1032
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1033
1033
|
};
|
|
1034
|
-
var DatePicker = Component$
|
|
1034
|
+
var DatePicker = Component$22;
|
|
1035
1035
|
|
|
1036
1036
|
var style$U = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1037
1037
|
|
|
1038
1038
|
var DEFAULT_PADDING = 20;
|
|
1039
|
-
var Component$
|
|
1039
|
+
var Component$21 = function (_a) {
|
|
1040
1040
|
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
|
|
1041
1041
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1042
1042
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1082,7 +1082,7 @@ var Component$20 = function (_a) {
|
|
|
1082
1082
|
/**
|
|
1083
1083
|
* Molecule UI component for Drawer
|
|
1084
1084
|
*/
|
|
1085
|
-
var Drawer = Component$
|
|
1085
|
+
var Drawer = Component$21;
|
|
1086
1086
|
|
|
1087
1087
|
var style$T = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1088
1088
|
|
|
@@ -1145,15 +1145,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1145
1145
|
_c)
|
|
1146
1146
|
};
|
|
1147
1147
|
|
|
1148
|
-
var styles$
|
|
1148
|
+
var styles$1_ = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
1149
1149
|
|
|
1150
|
-
var Component$
|
|
1150
|
+
var Component$20 = function (_a) {
|
|
1151
1151
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
1152
1152
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1153
1153
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1154
1154
|
var componentProps = useMemo(function () {
|
|
1155
1155
|
var className = CNM.get({
|
|
1156
|
-
styles: styles$
|
|
1156
|
+
styles: styles$1_,
|
|
1157
1157
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1158
1158
|
});
|
|
1159
1159
|
if (isUrl)
|
|
@@ -1175,48 +1175,48 @@ var Component$1$ = function (_a) {
|
|
|
1175
1175
|
}
|
|
1176
1176
|
return;
|
|
1177
1177
|
}, [loading, variant]);
|
|
1178
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1179
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1178
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action', className] }) },
|
|
1179
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action__container'] }) },
|
|
1180
1180
|
React.createElement(Component, __assign({}, componentProps),
|
|
1181
1181
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1182
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1182
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action__title'] }) }, title),
|
|
1183
1183
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1184
1184
|
};
|
|
1185
1185
|
/**
|
|
1186
1186
|
* Molecule UI child component of expandable info
|
|
1187
1187
|
*/
|
|
1188
|
-
var ExpandableInfoAction = Component$
|
|
1188
|
+
var ExpandableInfoAction = Component$20;
|
|
1189
1189
|
|
|
1190
|
-
var styles$
|
|
1190
|
+
var styles$1Z = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
1191
1191
|
|
|
1192
|
-
var Component$
|
|
1192
|
+
var Component$1$ = function (_a) {
|
|
1193
1193
|
var sections = _a.sections, footer = _a.footer;
|
|
1194
1194
|
var sectionStyles = useCallback(function (multiple) {
|
|
1195
1195
|
return CNM.get({
|
|
1196
|
-
styles: styles$
|
|
1196
|
+
styles: styles$1Z,
|
|
1197
1197
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1198
1198
|
});
|
|
1199
1199
|
}, []);
|
|
1200
1200
|
var subSectionStyles = useCallback(function (initial) {
|
|
1201
1201
|
return CNM.get({
|
|
1202
|
-
styles: styles$
|
|
1202
|
+
styles: styles$1Z,
|
|
1203
1203
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1204
1204
|
});
|
|
1205
1205
|
}, []);
|
|
1206
1206
|
var itemStyles = useCallback(function (first) {
|
|
1207
1207
|
return CNM.get({
|
|
1208
|
-
styles: styles$
|
|
1208
|
+
styles: styles$1Z,
|
|
1209
1209
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1210
1210
|
});
|
|
1211
1211
|
}, []);
|
|
1212
1212
|
var textStyles = useCallback(function (bold) {
|
|
1213
1213
|
return CNM.get({
|
|
1214
|
-
styles: styles$
|
|
1214
|
+
styles: styles$1Z,
|
|
1215
1215
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1216
1216
|
});
|
|
1217
1217
|
}, []);
|
|
1218
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1219
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1218
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details'] }) },
|
|
1219
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1220
1220
|
sections.map(function (section, index) {
|
|
1221
1221
|
var _a, _b;
|
|
1222
1222
|
return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1230,13 +1230,13 @@ var Component$1_ = function (_a) {
|
|
|
1230
1230
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1231
1231
|
})));
|
|
1232
1232
|
}),
|
|
1233
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1234
|
-
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1233
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__footer'] }) },
|
|
1234
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__action'] }) }))))));
|
|
1235
1235
|
};
|
|
1236
1236
|
/**
|
|
1237
1237
|
* Molecule UI child component of expandable info
|
|
1238
1238
|
*/
|
|
1239
|
-
var ExpandableInfoDetails = Component$
|
|
1239
|
+
var ExpandableInfoDetails = Component$1$;
|
|
1240
1240
|
|
|
1241
1241
|
var EExpandableInfoVariant;
|
|
1242
1242
|
(function (EExpandableInfoVariant) {
|
|
@@ -1257,9 +1257,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1257
1257
|
_a$3)
|
|
1258
1258
|
};
|
|
1259
1259
|
|
|
1260
|
-
var styles$
|
|
1260
|
+
var styles$1Y = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
1261
1261
|
|
|
1262
|
-
var Component$
|
|
1262
|
+
var Component$1_ = function (_a) {
|
|
1263
1263
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1264
1264
|
var icon = useCallback(function (icon) {
|
|
1265
1265
|
if (icon) {
|
|
@@ -1272,22 +1272,22 @@ var Component$1Z = function (_a) {
|
|
|
1272
1272
|
}, [variant]);
|
|
1273
1273
|
if (!title)
|
|
1274
1274
|
return null;
|
|
1275
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1276
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1275
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-message', className] }) },
|
|
1276
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-message__container'] }) },
|
|
1277
1277
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1278
1278
|
React.createElement("span", { className: CNM.get({
|
|
1279
|
-
styles: styles$
|
|
1279
|
+
styles: styles$1Y,
|
|
1280
1280
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1281
1281
|
}) }, title))));
|
|
1282
1282
|
};
|
|
1283
1283
|
/**
|
|
1284
1284
|
* Molecule UI child component of expandable info
|
|
1285
1285
|
*/
|
|
1286
|
-
var ExpandableInfoMessage = Component$
|
|
1286
|
+
var ExpandableInfoMessage = Component$1_;
|
|
1287
1287
|
|
|
1288
|
-
var styles$
|
|
1288
|
+
var styles$1X = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1289
1289
|
|
|
1290
|
-
var Component$
|
|
1290
|
+
var Component$1Z = function (_a) {
|
|
1291
1291
|
var toggler = _a.toggler, details = _a.details;
|
|
1292
1292
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1293
1293
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1295,28 +1295,28 @@ var Component$1Y = function (_a) {
|
|
|
1295
1295
|
}, []);
|
|
1296
1296
|
return (React.createElement(React.Fragment, null,
|
|
1297
1297
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1298
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1298
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1X, cls: ['expandable-info-modal'] }) },
|
|
1299
1299
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1300
1300
|
};
|
|
1301
1301
|
/**
|
|
1302
1302
|
* Molecule UI child component of expandable info
|
|
1303
1303
|
*/
|
|
1304
|
-
var ExpandableInfoModal = Component$
|
|
1304
|
+
var ExpandableInfoModal = Component$1Z;
|
|
1305
1305
|
|
|
1306
|
-
var styles$
|
|
1306
|
+
var styles$1W = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
1307
1307
|
|
|
1308
1308
|
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1309
1309
|
|
|
1310
|
-
var styles$
|
|
1310
|
+
var styles$1V = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1311
1311
|
|
|
1312
1312
|
var Image = function (_a) {
|
|
1313
1313
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1314
1314
|
return (React.createElement(React.Fragment, null,
|
|
1315
1315
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1316
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1316
|
+
playIcon && React.createElement("div", { className: styles$1V['magneto-ui-play-button'] }, playIcon)));
|
|
1317
1317
|
};
|
|
1318
1318
|
|
|
1319
|
-
var styles$
|
|
1319
|
+
var styles$1U = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1320
1320
|
|
|
1321
1321
|
var MegaMenuCard = function (_a) {
|
|
1322
1322
|
var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
|
|
@@ -1326,17 +1326,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1326
1326
|
onClick();
|
|
1327
1327
|
}
|
|
1328
1328
|
}, [onClick]);
|
|
1329
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1330
|
-
icon && (React.createElement("div", { className: styles$
|
|
1329
|
+
return (React.createElement("a", { className: "".concat(styles$1U["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1330
|
+
icon && (React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__icon"] },
|
|
1331
1331
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1332
|
-
logo && (React.createElement("div", { className: styles$
|
|
1333
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1334
|
-
React.createElement("div", { className: styles$
|
|
1335
|
-
React.createElement("div", { className: styles$
|
|
1336
|
-
React.createElement("div", { className: styles$
|
|
1332
|
+
logo && (React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__logo"] },
|
|
1333
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1U["magneto-ui-mega-menu-card__logo"] }))),
|
|
1334
|
+
React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__content"] },
|
|
1335
|
+
React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__title"] }, title),
|
|
1336
|
+
React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1337
1337
|
maximumFractionDigits: 3
|
|
1338
1338
|
}), " cupos"))),
|
|
1339
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1339
|
+
showRigthArrow && (React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__arrow"] },
|
|
1340
1340
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1341
1341
|
};
|
|
1342
1342
|
|
|
@@ -1355,24 +1355,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1355
1355
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1356
1356
|
};
|
|
1357
1357
|
|
|
1358
|
-
var styles$
|
|
1358
|
+
var styles$1T = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
1359
1359
|
|
|
1360
1360
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1361
1361
|
var Component = function (_a) {
|
|
1362
1362
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1363
|
-
return (React.createElement("div", { className: styles$
|
|
1364
|
-
React.createElement("div", { className: styles$
|
|
1363
|
+
return (React.createElement("div", { className: styles$1T['mega-menu-side-container'] },
|
|
1364
|
+
React.createElement("div", { className: styles$1T['mega-menu-side-container__side'] },
|
|
1365
1365
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1366
|
-
React.createElement("div", { className: styles$
|
|
1366
|
+
React.createElement("div", { className: styles$1T['mega-menu-side-container__main'] },
|
|
1367
1367
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1368
1368
|
};
|
|
1369
1369
|
return Component;
|
|
1370
1370
|
};
|
|
1371
1371
|
|
|
1372
|
-
var Component$
|
|
1372
|
+
var Component$1Y = function (_a) {
|
|
1373
1373
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
1374
1374
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1375
|
-
styles: styles$
|
|
1375
|
+
styles: styles$1W,
|
|
1376
1376
|
cls: [
|
|
1377
1377
|
'expandable-info-popover',
|
|
1378
1378
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1380,7 +1380,7 @@ var Component$1X = function (_a) {
|
|
|
1380
1380
|
]
|
|
1381
1381
|
}), content: React.createElement(React.Fragment, null,
|
|
1382
1382
|
React.createElement("span", { className: CNM.get({
|
|
1383
|
-
styles: styles$
|
|
1383
|
+
styles: styles$1W,
|
|
1384
1384
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1385
1385
|
}) }),
|
|
1386
1386
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1389,19 +1389,19 @@ var Component$1X = function (_a) {
|
|
|
1389
1389
|
/**
|
|
1390
1390
|
* Molecule UI child component of expandable info
|
|
1391
1391
|
*/
|
|
1392
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1392
|
+
var ExpandableInfoPopover = withClickOut(Component$1Y);
|
|
1393
1393
|
|
|
1394
1394
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1395
1395
|
coin: CoinBlackOutline
|
|
1396
1396
|
};
|
|
1397
1397
|
|
|
1398
|
-
var styles$
|
|
1398
|
+
var styles$1S = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
1399
1399
|
|
|
1400
|
-
var Component$
|
|
1400
|
+
var Component$1X = function (_a) {
|
|
1401
1401
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
1402
1402
|
var styleGenerator = useCallback(function (base) {
|
|
1403
1403
|
return CNM.get({
|
|
1404
|
-
styles: styles$
|
|
1404
|
+
styles: styles$1S,
|
|
1405
1405
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1406
1406
|
});
|
|
1407
1407
|
}, [variant]);
|
|
@@ -1433,7 +1433,7 @@ var Component$1W = function (_a) {
|
|
|
1433
1433
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1434
1434
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1435
1435
|
React.createElement("div", { className: CNM.get({
|
|
1436
|
-
styles: styles$
|
|
1436
|
+
styles: styles$1S,
|
|
1437
1437
|
cls: [
|
|
1438
1438
|
'expandable-info-toggler__summary',
|
|
1439
1439
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1446,11 +1446,11 @@ var Component$1W = function (_a) {
|
|
|
1446
1446
|
/**
|
|
1447
1447
|
* Molecule UI child component of expandable info
|
|
1448
1448
|
*/
|
|
1449
|
-
var ExpandableInfoToggler = Component$
|
|
1449
|
+
var ExpandableInfoToggler = Component$1X;
|
|
1450
1450
|
|
|
1451
|
-
var styles$
|
|
1451
|
+
var styles$1R = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
1452
1452
|
|
|
1453
|
-
var Component$
|
|
1453
|
+
var Component$1W = function (_a) {
|
|
1454
1454
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
1455
1455
|
var togglerProps = useMemo(function () { return ({
|
|
1456
1456
|
details: details,
|
|
@@ -1464,9 +1464,9 @@ var Component$1V = function (_a) {
|
|
|
1464
1464
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1465
1465
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1466
1466
|
});
|
|
1467
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1467
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info'] }) },
|
|
1468
1468
|
React.createElement("div", { className: CNM.get({
|
|
1469
|
-
styles: styles$
|
|
1469
|
+
styles: styles$1R,
|
|
1470
1470
|
cls: [
|
|
1471
1471
|
'expandable-info__container',
|
|
1472
1472
|
"expandable-info__container--".concat(variant),
|
|
@@ -1476,22 +1476,41 @@ var Component$1V = function (_a) {
|
|
|
1476
1476
|
}) },
|
|
1477
1477
|
container,
|
|
1478
1478
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1479
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1479
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1480
1480
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1481
1481
|
};
|
|
1482
1482
|
/**
|
|
1483
1483
|
* Molecule UI component for expandable info
|
|
1484
1484
|
*/
|
|
1485
|
-
var ExpandableInfo = Component$
|
|
1485
|
+
var ExpandableInfo = Component$1W;
|
|
1486
|
+
|
|
1487
|
+
var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
1488
|
+
|
|
1489
|
+
var FilterActions = function (_a) {
|
|
1490
|
+
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
1491
|
+
var _b = useState(0), selected = _b[0], setSelected = _b[1];
|
|
1492
|
+
var handleClickAction = useCallback(function (index, letter) { return function () {
|
|
1493
|
+
setSelected(index);
|
|
1494
|
+
onClickAction(index, letter);
|
|
1495
|
+
}; }, [onClickAction]);
|
|
1496
|
+
useImperativeHandle(filtersRef, function () { return ({
|
|
1497
|
+
restartFilters: function () { return setSelected(0); }
|
|
1498
|
+
}); });
|
|
1499
|
+
var actions = useMemo(function () {
|
|
1500
|
+
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
1501
|
+
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$R["filter-actions__action"], " ").concat(selected == index ? style$R["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
1502
|
+
}, [allAction, handleClickAction, selected]);
|
|
1503
|
+
return React.createElement("nav", { className: style$R['filter-actions'] }, actions);
|
|
1504
|
+
};
|
|
1486
1505
|
|
|
1487
|
-
var style$
|
|
1506
|
+
var style$Q = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1488
1507
|
|
|
1489
1508
|
var FilterContainerMenu = function (_a) {
|
|
1490
1509
|
var children = _a.children;
|
|
1491
|
-
return React.createElement("div", { className: style$
|
|
1510
|
+
return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1492
1511
|
};
|
|
1493
1512
|
|
|
1494
|
-
var styles$
|
|
1513
|
+
var styles$1Q = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
|
|
1495
1514
|
|
|
1496
1515
|
var FilterMenuItem = function (_a) {
|
|
1497
1516
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -1506,35 +1525,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1506
1525
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1507
1526
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1508
1527
|
var className = useMemo(function () {
|
|
1509
|
-
return isApplied ? styles$
|
|
1528
|
+
return isApplied ? styles$1Q.selected : isSearched ? styles$1Q.isSearched : hiddenCount ? '' : !total && styles$1Q.disabled;
|
|
1510
1529
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1511
1530
|
var handleClick = useCallback(function () {
|
|
1512
1531
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1513
1532
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1514
1533
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1515
1534
|
if (loading)
|
|
1516
|
-
return React.createElement("div", { className: styles$
|
|
1517
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1535
|
+
return React.createElement("div", { className: styles$1Q.skeleton });
|
|
1536
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1Q['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1518
1537
|
React.createElement("span", null, label),
|
|
1519
1538
|
displayOutput));
|
|
1520
1539
|
};
|
|
1521
1540
|
|
|
1522
|
-
var styles$
|
|
1541
|
+
var styles$1P = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
1523
1542
|
|
|
1524
1543
|
var FilterSearchItem = function (_a) {
|
|
1525
1544
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1526
1545
|
var inputRef = useRef(null);
|
|
1527
1546
|
if (loading)
|
|
1528
|
-
return (React.createElement("div", { className: styles$
|
|
1547
|
+
return (React.createElement("div", { className: styles$1P.skeleton },
|
|
1529
1548
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1530
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1549
|
+
return (React.createElement("div", { className: "".concat(styles$1P['magneto-ui-filter-search'], " ").concat(disabled ? styles$1P.disabled : '') },
|
|
1531
1550
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1532
1551
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1533
1552
|
};
|
|
1534
1553
|
|
|
1535
|
-
var styles$
|
|
1554
|
+
var styles$1O = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
1536
1555
|
|
|
1537
|
-
var Component$
|
|
1556
|
+
var Component$1V = function (_a) {
|
|
1538
1557
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1539
1558
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1540
1559
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1544,46 +1563,46 @@ var Component$1U = function (_a) {
|
|
|
1544
1563
|
return searchList;
|
|
1545
1564
|
}, [searchList, showFullList]);
|
|
1546
1565
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1547
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1548
|
-
React.createElement("h2", { className: styles$
|
|
1549
|
-
React.createElement("div", { className: styles$
|
|
1566
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1O['magneto-ui-frequent-search'] },
|
|
1567
|
+
React.createElement("h2", { className: styles$1O['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1568
|
+
React.createElement("div", { className: styles$1O['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1550
1569
|
var props = __rest(_a, []);
|
|
1551
1570
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1552
1571
|
})),
|
|
1553
|
-
React.createElement("div", { className: styles$
|
|
1572
|
+
React.createElement("div", { className: styles$1O['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1O['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1554
1573
|
showMore,
|
|
1555
1574
|
" (",
|
|
1556
1575
|
searchList.length,
|
|
1557
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1576
|
+
")")) : (React.createElement("button", { className: styles$1O['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1558
1577
|
};
|
|
1559
1578
|
/**
|
|
1560
1579
|
* UI Atom component of Frequent Search
|
|
1561
1580
|
*/
|
|
1562
|
-
var FrequentSearch = Component$
|
|
1581
|
+
var FrequentSearch = Component$1V;
|
|
1563
1582
|
|
|
1564
|
-
var style$
|
|
1583
|
+
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1565
1584
|
|
|
1566
|
-
var Component$
|
|
1585
|
+
var Component$1U = function (_a) {
|
|
1567
1586
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1568
|
-
return (React.createElement("div", { className: style$
|
|
1587
|
+
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1569
1588
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1570
1589
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1571
1590
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1572
1591
|
};
|
|
1573
|
-
var HeaderDrawerCompany = Component$
|
|
1592
|
+
var HeaderDrawerCompany = Component$1U;
|
|
1574
1593
|
|
|
1575
|
-
var styles$
|
|
1594
|
+
var styles$1N = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1576
1595
|
|
|
1577
|
-
var Component$
|
|
1596
|
+
var Component$1T = function (_a) {
|
|
1578
1597
|
var children = _a.children;
|
|
1579
|
-
return React.createElement("div", { className: styles$
|
|
1598
|
+
return React.createElement("div", { className: styles$1N.TabComponent }, children);
|
|
1580
1599
|
};
|
|
1581
1600
|
/**
|
|
1582
1601
|
* Molecule UI for Tab
|
|
1583
1602
|
*/
|
|
1584
|
-
var Tab = Component$
|
|
1603
|
+
var Tab = Component$1T;
|
|
1585
1604
|
|
|
1586
|
-
var styles$
|
|
1605
|
+
var styles$1M = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1587
1606
|
|
|
1588
1607
|
var toCSSVariables = function (input) {
|
|
1589
1608
|
var output = {};
|
|
@@ -1598,35 +1617,35 @@ var toCSSVariables = function (input) {
|
|
|
1598
1617
|
return output;
|
|
1599
1618
|
};
|
|
1600
1619
|
|
|
1601
|
-
var Component$
|
|
1620
|
+
var Component$1S = function (_a) {
|
|
1602
1621
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1603
1622
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1604
1623
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1605
|
-
return (React.createElement("div", { className: styles$
|
|
1624
|
+
return (React.createElement("div", { className: styles$1M.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1606
1625
|
};
|
|
1607
1626
|
/**
|
|
1608
1627
|
* Molecule UI component for Tab Button
|
|
1609
1628
|
*/
|
|
1610
|
-
var TabButton = Component$
|
|
1629
|
+
var TabButton = Component$1S;
|
|
1611
1630
|
|
|
1612
|
-
var styles$
|
|
1631
|
+
var styles$1L = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1613
1632
|
|
|
1614
|
-
var Component$
|
|
1633
|
+
var Component$1R = function (_a) {
|
|
1615
1634
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1616
|
-
return (React.createElement("div", { className: styles$
|
|
1635
|
+
return (React.createElement("div", { className: styles$1L.HeaderDrawerTabsComponent },
|
|
1617
1636
|
React.createElement("a", { href: homeUrl },
|
|
1618
1637
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1619
1638
|
React.createElement(Tab, null,
|
|
1620
1639
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1621
1640
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1622
1641
|
};
|
|
1623
|
-
var HeaderDrawerTabs = Component$
|
|
1642
|
+
var HeaderDrawerTabs = Component$1R;
|
|
1624
1643
|
|
|
1625
|
-
var styles$
|
|
1644
|
+
var styles$1K = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1626
1645
|
|
|
1627
|
-
var Component$
|
|
1646
|
+
var Component$1Q = function (_a) {
|
|
1628
1647
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1629
|
-
return (React.createElement("div", { className: styles$
|
|
1648
|
+
return (React.createElement("div", { className: styles$1K.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1630
1649
|
var headerTabProps = __rest(_a, []);
|
|
1631
1650
|
return (React.createElement(React.Fragment, { key: index },
|
|
1632
1651
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1637,9 +1656,9 @@ var Component$1P = function (_a) {
|
|
|
1637
1656
|
/**
|
|
1638
1657
|
* Molecule UI component for header tabs information`
|
|
1639
1658
|
*/
|
|
1640
|
-
var HeaderTabs = Component$
|
|
1659
|
+
var HeaderTabs = Component$1Q;
|
|
1641
1660
|
|
|
1642
|
-
var styles$
|
|
1661
|
+
var styles$1J = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
1643
1662
|
|
|
1644
1663
|
var Input = function (_a) {
|
|
1645
1664
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
@@ -1674,28 +1693,28 @@ var Input = function (_a) {
|
|
|
1674
1693
|
setInputValue(e.target.value);
|
|
1675
1694
|
}, [onChange]);
|
|
1676
1695
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1677
|
-
React.createElement("div", { className: styles$
|
|
1696
|
+
React.createElement("div", { className: styles$1J["".concat(classMUI, "-input")] },
|
|
1678
1697
|
React.createElement("div", null,
|
|
1679
|
-
React.createElement("div", { className: styles$
|
|
1698
|
+
React.createElement("div", { className: styles$1J["".concat(classMUI, "-input--container")] },
|
|
1680
1699
|
React.createElement("label", { htmlFor: name, style: {
|
|
1681
1700
|
left: hideIcon ? '10px' : '40px',
|
|
1682
1701
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1683
1702
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1684
|
-
}, className: styles$
|
|
1703
|
+
}, className: styles$1J["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1685
1704
|
React.createElement("input", __assign({}, props, { style: {
|
|
1686
1705
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1687
|
-
}, disabled: disabled, className: styles$
|
|
1688
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1689
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1706
|
+
}, disabled: disabled, className: styles$1J["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
1707
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1J["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1708
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1J["".concat(classMUI, "-input--container__icon-action")] },
|
|
1690
1709
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1691
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1692
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1710
|
+
React.createElement("div", { className: "".concat(styles$1J["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1J['footer-without-error'] : '') },
|
|
1711
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1J["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1693
1712
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1694
1713
|
};
|
|
1695
1714
|
|
|
1696
|
-
var styles$
|
|
1715
|
+
var styles$1I = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1697
1716
|
|
|
1698
|
-
var Component$
|
|
1717
|
+
var Component$1P = function (_a) {
|
|
1699
1718
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1700
1719
|
var loadingSize = useMemo(function () {
|
|
1701
1720
|
if (size) {
|
|
@@ -1709,11 +1728,11 @@ var Component$1O = function (_a) {
|
|
|
1709
1728
|
height: '15px'
|
|
1710
1729
|
};
|
|
1711
1730
|
}, [size]);
|
|
1712
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1731
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1I["".concat(classMUI, "-flat-loader")] }));
|
|
1713
1732
|
};
|
|
1714
|
-
var FlatLoader = Component$
|
|
1733
|
+
var FlatLoader = Component$1P;
|
|
1715
1734
|
|
|
1716
|
-
var styles$
|
|
1735
|
+
var styles$1H = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
1717
1736
|
|
|
1718
1737
|
var InputPlus = function (_a) {
|
|
1719
1738
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
|
|
@@ -1757,23 +1776,23 @@ var InputPlus = function (_a) {
|
|
|
1757
1776
|
}
|
|
1758
1777
|
}
|
|
1759
1778
|
}, [disabledBtn, handleSubmmit]);
|
|
1760
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1779
|
+
return (React.createElement("div", { className: "".concat(styles$1H["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1761
1780
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1762
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1781
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1H["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1H.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1H['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1763
1782
|
};
|
|
1764
1783
|
|
|
1765
|
-
var styles$
|
|
1784
|
+
var styles$1G = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1766
1785
|
|
|
1767
|
-
var style$
|
|
1786
|
+
var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1768
1787
|
|
|
1769
|
-
var Component$
|
|
1788
|
+
var Component$1O = function (_a) {
|
|
1770
1789
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1771
1790
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1772
|
-
return (React.createElement(Popover, { className: [style$
|
|
1791
|
+
return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
1773
1792
|
shareLinks.map(function (_a, index) {
|
|
1774
1793
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1775
1794
|
return (React.createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1776
|
-
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1795
|
+
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$O['content__link'], onClick: function () { return setShow(false); } },
|
|
1777
1796
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1778
1797
|
React.createElement("span", null, title))));
|
|
1779
1798
|
}),
|
|
@@ -1781,13 +1800,13 @@ var Component$1N = function (_a) {
|
|
|
1781
1800
|
React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1782
1801
|
rest.onCopySuccess();
|
|
1783
1802
|
} })))) },
|
|
1784
|
-
React.createElement("button", __assign({}, btnProps, { className: [style$
|
|
1803
|
+
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1785
1804
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1786
1805
|
};
|
|
1787
|
-
Component$
|
|
1788
|
-
var SharePopover = Component$
|
|
1806
|
+
Component$1O.displayName = 'SharePopover';
|
|
1807
|
+
var SharePopover = Component$1O;
|
|
1789
1808
|
|
|
1790
|
-
var Component$
|
|
1809
|
+
var Component$1N = function (_a) {
|
|
1791
1810
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1792
1811
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1793
1812
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1795,30 +1814,30 @@ var Component$1M = function (_a) {
|
|
|
1795
1814
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1796
1815
|
}); });
|
|
1797
1816
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1798
|
-
return (React.createElement("div", { className: styles$
|
|
1799
|
-
React.createElement("div", { id: styles$
|
|
1800
|
-
React.createElement("div", { className: styles$
|
|
1817
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-actions'] },
|
|
1818
|
+
React.createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalButtonChild),
|
|
1819
|
+
React.createElement("div", { className: styles$1G['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1801
1820
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1802
1821
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1803
1822
|
filteredActionsLinkList.map(function (_a) {
|
|
1804
1823
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1805
|
-
return (React.createElement("div", { className: styles$
|
|
1806
|
-
React.createElement("a", { className: styles$
|
|
1824
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1825
|
+
React.createElement("a", { className: styles$1G['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1807
1826
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1808
1827
|
}))));
|
|
1809
1828
|
};
|
|
1810
1829
|
/**
|
|
1811
1830
|
* UI Molecule Component for Jobs Actions
|
|
1812
1831
|
*/
|
|
1813
|
-
var JobActions = Component$
|
|
1832
|
+
var JobActions = Component$1N;
|
|
1814
1833
|
|
|
1815
|
-
var styles$
|
|
1834
|
+
var styles$1F = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1816
1835
|
|
|
1817
|
-
var Component$
|
|
1836
|
+
var Component$1M = function (_a) {
|
|
1818
1837
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1819
|
-
return (React.createElement("div", { className: styles$
|
|
1820
|
-
React.createElement("div", { className: styles$
|
|
1821
|
-
React.createElement("div", { className: styles$
|
|
1838
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card'] },
|
|
1839
|
+
React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card__wrapper'] },
|
|
1840
|
+
React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card__header'] },
|
|
1822
1841
|
React.createElement("p", null, offerApplyHeader),
|
|
1823
1842
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1824
1843
|
offerApplyElements
|
|
@@ -1828,18 +1847,18 @@ var Component$1L = function (_a) {
|
|
|
1828
1847
|
})
|
|
1829
1848
|
.map(function (_a) {
|
|
1830
1849
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1831
|
-
return (React.createElement("div", { className: styles$
|
|
1850
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1832
1851
|
React.createElement("p", null, offerApplyLabel),
|
|
1833
1852
|
React.createElement("p", null, offerApplyInfo)));
|
|
1834
1853
|
})),
|
|
1835
|
-
React.createElement("div", { id: styles$
|
|
1854
|
+
React.createElement("div", { id: styles$1F['magneto-ui__external-child'] }, externalChild))));
|
|
1836
1855
|
};
|
|
1837
1856
|
/**
|
|
1838
1857
|
* UI Molecule Component for Job Apply Card
|
|
1839
1858
|
*/
|
|
1840
|
-
var JobApplyCard = Component$
|
|
1859
|
+
var JobApplyCard = Component$1M;
|
|
1841
1860
|
|
|
1842
|
-
var style$
|
|
1861
|
+
var style$N = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1843
1862
|
|
|
1844
1863
|
var JobCardDesktop = function (_a) {
|
|
1845
1864
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
@@ -1850,43 +1869,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1850
1869
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1851
1870
|
}, [cities]);
|
|
1852
1871
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1853
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1854
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1855
|
-
React.createElement("div", { className: style$
|
|
1856
|
-
React.createElement("img", { className: style$
|
|
1857
|
-
React.createElement("div", { className: style$
|
|
1858
|
-
React.createElement("div", { className: style$
|
|
1872
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
|
|
1873
|
+
!isCompanyPage && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row1")] },
|
|
1874
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--brand")] },
|
|
1875
|
+
React.createElement("img", { className: style$N["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1876
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--data")] },
|
|
1877
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2")] },
|
|
1859
1878
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1860
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1879
|
+
React.createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1861
1880
|
React.createElement("h3", null, companyName),
|
|
1862
1881
|
React.createElement("p", null, formatPublishDate),
|
|
1863
|
-
urgent && (React.createElement("div", { className: style$
|
|
1882
|
+
urgent && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
1864
1883
|
React.createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
1865
1884
|
React.createElement("p", null, urgent)))),
|
|
1866
|
-
React.createElement("div", { className: style$
|
|
1885
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row3")] },
|
|
1867
1886
|
React.createElement("p", null,
|
|
1868
1887
|
citiesformatted,
|
|
1869
1888
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
1870
|
-
React.createElement("div", { className: style$
|
|
1889
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row4")] },
|
|
1871
1890
|
React.createElement("p", null, infoRow4))),
|
|
1872
|
-
React.createElement("div", { className: style$
|
|
1891
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--arrow")] },
|
|
1873
1892
|
React.createElement(IconItem, { icon: ArrowRight2 }))));
|
|
1874
1893
|
};
|
|
1875
1894
|
|
|
1876
|
-
var style$
|
|
1895
|
+
var style$M = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
|
|
1877
1896
|
|
|
1878
1897
|
var JobCardMobile = function (_a) {
|
|
1879
1898
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
1880
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1881
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1882
|
-
React.createElement("div", { className: style$
|
|
1883
|
-
React.createElement("img", { className: style$
|
|
1884
|
-
React.createElement("div", { className: style$
|
|
1885
|
-
React.createElement("div", { className: style$
|
|
1899
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$M[workSeen] : '', " ").concat(jobOpen ? style$M[jobOpen] : '') },
|
|
1900
|
+
!isCompanyPage && (React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1901
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1902
|
+
React.createElement("img", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1903
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1904
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
1886
1905
|
React.createElement("div", null,
|
|
1887
1906
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
1888
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1889
|
-
React.createElement("div", { className: style$
|
|
1907
|
+
React.createElement("h2", { className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1908
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
1890
1909
|
React.createElement("h3", null,
|
|
1891
1910
|
companyName,
|
|
1892
1911
|
","),
|
|
@@ -1921,46 +1940,46 @@ var JobCard = function (_a) {
|
|
|
1921
1940
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1922
1941
|
};
|
|
1923
1942
|
|
|
1924
|
-
var styles$
|
|
1943
|
+
var styles$1E = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1925
1944
|
|
|
1926
|
-
var Component$
|
|
1945
|
+
var Component$1L = function (_a) {
|
|
1927
1946
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1928
|
-
return (React.createElement("div", { className: styles$
|
|
1947
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-job-company-header'] },
|
|
1929
1948
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1930
1949
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1931
1950
|
};
|
|
1932
1951
|
/**
|
|
1933
1952
|
* UI Molecule component for Company Job Header
|
|
1934
1953
|
*/
|
|
1935
|
-
var JobCompanyHeader = Component$
|
|
1954
|
+
var JobCompanyHeader = Component$1L;
|
|
1936
1955
|
|
|
1937
|
-
var styles$
|
|
1956
|
+
var styles$1D = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1938
1957
|
|
|
1939
|
-
var Component$
|
|
1958
|
+
var Component$1K = function (_a) {
|
|
1940
1959
|
var offerDescription = _a.offerDescription;
|
|
1941
|
-
return (React.createElement("div", { className: styles$
|
|
1960
|
+
return (React.createElement("div", { className: styles$1D['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
1942
1961
|
};
|
|
1943
1962
|
/**
|
|
1944
1963
|
* UI Molecule Component for Job Detail Card Header
|
|
1945
1964
|
*/
|
|
1946
|
-
var JobDetailCard = Component$
|
|
1965
|
+
var JobDetailCard = Component$1K;
|
|
1947
1966
|
|
|
1948
|
-
var style$
|
|
1967
|
+
var style$L = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
1949
1968
|
|
|
1950
1969
|
var JobDetailContainer = function (_a) {
|
|
1951
1970
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
1952
1971
|
var toggleMenu = useMemo(function () {
|
|
1953
|
-
return isOpen ? style$
|
|
1972
|
+
return isOpen ? style$L['is-open'] : '';
|
|
1954
1973
|
}, [isOpen]);
|
|
1955
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
1956
|
-
React.createElement("button", { type: "button", onClick: onClose, className: style$
|
|
1974
|
+
return (React.createElement("div", { className: "".concat(style$L["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
1975
|
+
React.createElement("button", { type: "button", onClick: onClose, className: style$L["".concat(classMUI, "-job-detail-container--btn")] },
|
|
1957
1976
|
React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
1958
1977
|
children));
|
|
1959
1978
|
};
|
|
1960
1979
|
|
|
1961
|
-
var styles$
|
|
1980
|
+
var styles$1C = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
1962
1981
|
|
|
1963
|
-
var Component$
|
|
1982
|
+
var Component$1J = function (_a) {
|
|
1964
1983
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1965
1984
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1966
1985
|
icon: iconList && iconList[index],
|
|
@@ -1970,27 +1989,27 @@ var Component$1I = function (_a) {
|
|
|
1970
1989
|
var offerDetailText = _a.offerDetailText;
|
|
1971
1990
|
return !!offerDetailText && index !== 1;
|
|
1972
1991
|
});
|
|
1973
|
-
return (React.createElement("div", { className: styles$
|
|
1974
|
-
React.createElement("div", { className: styles$
|
|
1992
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-job-details'] },
|
|
1993
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-details__wrapper'] },
|
|
1975
1994
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1976
1995
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1977
1996
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1978
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1979
|
-
React.createElement("div", { className: styles$
|
|
1997
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1C['magneto-ui-job-details__item-detail'] },
|
|
1998
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-details__item-detail-icon'] },
|
|
1980
1999
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
1981
|
-
React.createElement("p", { className: styles$
|
|
2000
|
+
React.createElement("p", { className: styles$1C['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
1982
2001
|
})),
|
|
1983
2002
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
1984
2003
|
};
|
|
1985
2004
|
/**
|
|
1986
2005
|
* UI Molecule component for Job Detail
|
|
1987
2006
|
*/
|
|
1988
|
-
Component$
|
|
1989
|
-
var JobDetails = Component$
|
|
2007
|
+
Component$1J.displayName = 'JobDetails';
|
|
2008
|
+
var JobDetails = Component$1J;
|
|
1990
2009
|
|
|
1991
|
-
var styles$
|
|
2010
|
+
var styles$1B = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
1992
2011
|
|
|
1993
|
-
var Component$
|
|
2012
|
+
var Component$1I = function (_a) {
|
|
1994
2013
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
1995
2014
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
1996
2015
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2001,28 +2020,28 @@ var Component$1H = function (_a) {
|
|
|
2001
2020
|
title: title
|
|
2002
2021
|
});
|
|
2003
2022
|
});
|
|
2004
|
-
return (React.createElement("div", { className: styles$
|
|
2023
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-job-footer-card'] },
|
|
2005
2024
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2006
|
-
React.createElement("div", { className: styles$
|
|
2025
|
+
React.createElement("div", { className: styles$1B['magneto-ui-job-footer-card__icons'] },
|
|
2007
2026
|
React.createElement("p", null, offerFooterHeader),
|
|
2008
|
-
React.createElement("div", { className: styles$
|
|
2027
|
+
React.createElement("div", { className: styles$1B['magneto-ui-job-footer-card__wrapper'] },
|
|
2009
2028
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2010
2029
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2011
2030
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2012
2031
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2013
2032
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2014
2033
|
})),
|
|
2015
|
-
React.createElement("div", { className: styles$
|
|
2034
|
+
React.createElement("div", { className: styles$1B['magneto-ui__share-button'] },
|
|
2016
2035
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2017
2036
|
};
|
|
2018
2037
|
/**
|
|
2019
2038
|
* UI Molecule component for Job Footer Card
|
|
2020
2039
|
*/
|
|
2021
|
-
var JobFooterCard = Component$
|
|
2040
|
+
var JobFooterCard = Component$1I;
|
|
2022
2041
|
|
|
2023
|
-
var styles$
|
|
2042
|
+
var styles$1A = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2024
2043
|
|
|
2025
|
-
var Component$
|
|
2044
|
+
var Component$1H = function (_a) {
|
|
2026
2045
|
var name = _a.name, score = _a.score;
|
|
2027
2046
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2028
2047
|
var skillRef = useRef(null);
|
|
@@ -2058,21 +2077,21 @@ var Component$1G = function (_a) {
|
|
|
2058
2077
|
4: 'four'
|
|
2059
2078
|
};
|
|
2060
2079
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2061
|
-
var fillAnimation = animationApplied ? styles$
|
|
2062
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2063
|
-
React.createElement("div", { className: styles$
|
|
2080
|
+
var fillAnimation = animationApplied ? styles$1A[levelClass] : '';
|
|
2081
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1A['magneto-ui-skill'] },
|
|
2082
|
+
React.createElement("div", { className: styles$1A['magneto-ui-skill__wrapper'] },
|
|
2064
2083
|
React.createElement("p", null, name),
|
|
2065
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2084
|
+
React.createElement("div", { className: "".concat(styles$1A['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1A['magneto-ui-skill--no-animation']) }))));
|
|
2066
2085
|
};
|
|
2067
|
-
var Skill = Component$
|
|
2086
|
+
var Skill = Component$1H;
|
|
2068
2087
|
|
|
2069
|
-
var styles$
|
|
2088
|
+
var styles$1z = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2070
2089
|
|
|
2071
|
-
var Component$
|
|
2090
|
+
var Component$1G = function (_a) {
|
|
2072
2091
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2073
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2092
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1z['magneto-ui-job-skills-card'] },
|
|
2074
2093
|
React.createElement("p", null, offerSkillsLabel),
|
|
2075
|
-
React.createElement("div", { className: styles$
|
|
2094
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2076
2095
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2077
2096
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2078
2097
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2081,9 +2100,9 @@ var Component$1F = function (_a) {
|
|
|
2081
2100
|
/**
|
|
2082
2101
|
* UI Molecule component of Job Skills Card
|
|
2083
2102
|
*/
|
|
2084
|
-
var JobSkillsCard = Component$
|
|
2103
|
+
var JobSkillsCard = Component$1G;
|
|
2085
2104
|
|
|
2086
|
-
var styles$
|
|
2105
|
+
var styles$1y = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2087
2106
|
|
|
2088
2107
|
var JobVideo = function (_a) {
|
|
2089
2108
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2098,43 +2117,43 @@ var JobVideo = function (_a) {
|
|
|
2098
2117
|
setLoadVideo && setLoadVideo(false);
|
|
2099
2118
|
}
|
|
2100
2119
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2101
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2120
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1y[videoClassName] })) : (React.createElement("div", { className: styles$1y['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2102
2121
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2103
2122
|
};
|
|
2104
2123
|
|
|
2105
|
-
var style$
|
|
2124
|
+
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2106
2125
|
|
|
2107
|
-
var Component$
|
|
2126
|
+
var Component$1F = function (_a) {
|
|
2108
2127
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2109
|
-
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$
|
|
2128
|
+
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2110
2129
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2111
2130
|
return url && (React.createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2112
2131
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2113
2132
|
})));
|
|
2114
2133
|
};
|
|
2115
|
-
var ListIconLink = Component$
|
|
2134
|
+
var ListIconLink = Component$1F;
|
|
2116
2135
|
|
|
2117
|
-
var style$
|
|
2136
|
+
var style$J = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2118
2137
|
|
|
2119
|
-
var Component$
|
|
2138
|
+
var Component$1E = function (_a) {
|
|
2120
2139
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2121
|
-
var menuActive = isActive ? style$
|
|
2122
|
-
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$
|
|
2140
|
+
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2141
|
+
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2123
2142
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2124
|
-
React.createElement("p", { className: style$
|
|
2143
|
+
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2125
2144
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2126
|
-
React.createElement("p", { className: style$
|
|
2145
|
+
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2127
2146
|
};
|
|
2128
|
-
var MenuIcon = Component$
|
|
2147
|
+
var MenuIcon = Component$1E;
|
|
2129
2148
|
|
|
2130
|
-
var style$
|
|
2149
|
+
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2131
2150
|
|
|
2132
|
-
var Component$
|
|
2151
|
+
var Component$1D = function (_a) {
|
|
2133
2152
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2134
2153
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2135
2154
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2136
2155
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2137
|
-
return (React.createElement("div", { className: style$
|
|
2156
|
+
return (React.createElement("div", { className: style$I['mangeto-ui-list-menu-icons'] },
|
|
2138
2157
|
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2139
2158
|
userMenu.map(function (_a, i) {
|
|
2140
2159
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2150,34 +2169,34 @@ var Component$1C = function (_a) {
|
|
|
2150
2169
|
React.createElement(Divider, null),
|
|
2151
2170
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2152
2171
|
};
|
|
2153
|
-
var ListMenuIcons = Component$
|
|
2172
|
+
var ListMenuIcons = Component$1D;
|
|
2154
2173
|
|
|
2155
|
-
var Component$
|
|
2174
|
+
var Component$1C = function (_a) {
|
|
2156
2175
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2157
2176
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2158
2177
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2159
2178
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2160
2179
|
})));
|
|
2161
2180
|
};
|
|
2162
|
-
var ListMenuItems = Component$
|
|
2181
|
+
var ListMenuItems = Component$1C;
|
|
2163
2182
|
|
|
2164
|
-
var style$
|
|
2183
|
+
var style$H = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2165
2184
|
|
|
2166
2185
|
var ListMenuText = function (_a) {
|
|
2167
2186
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2168
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2169
|
-
React.createElement("p", { className: "".concat(style$
|
|
2187
|
+
return (React.createElement("div", { className: "".concat(style$H["".concat(classMUI, "-list-menu")]) },
|
|
2188
|
+
React.createElement("p", { className: "".concat(style$H["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2170
2189
|
links.map(function (_a, i) {
|
|
2171
2190
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2172
2191
|
return isCreateAccount
|
|
2173
|
-
? tag && (React.createElement("div", { key: i, className: "".concat(style$
|
|
2174
|
-
React.createElement("button", { title: tag, className: "".concat(style$
|
|
2192
|
+
? tag && (React.createElement("div", { key: i, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2193
|
+
React.createElement("button", { title: tag, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2175
2194
|
isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
|
|
2176
|
-
: tag && (React.createElement("a", { className: "".concat(style$
|
|
2195
|
+
: tag && (React.createElement("a", { className: "".concat(style$H["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2177
2196
|
})));
|
|
2178
2197
|
};
|
|
2179
2198
|
|
|
2180
|
-
var style$
|
|
2199
|
+
var style$G = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2181
2200
|
|
|
2182
2201
|
var ListSortMenu = function (_a) {
|
|
2183
2202
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2185,24 +2204,24 @@ var ListSortMenu = function (_a) {
|
|
|
2185
2204
|
setFilter({ key: key });
|
|
2186
2205
|
setShowPopover(false);
|
|
2187
2206
|
}, [setFilter, setShowPopover]);
|
|
2188
|
-
return (React.createElement("div", { className: style$
|
|
2207
|
+
return (React.createElement("div", { className: style$G['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2189
2208
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2190
2209
|
return (React.createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2191
2210
|
})));
|
|
2192
2211
|
};
|
|
2193
2212
|
|
|
2194
|
-
var style$
|
|
2213
|
+
var style$F = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
|
|
2195
2214
|
|
|
2196
2215
|
var MagnetoResolution = function (_a) {
|
|
2197
2216
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2198
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2199
|
-
React.createElement("img", { className: "".concat(style$
|
|
2200
|
-
React.createElement("p", { className: "".concat(style$
|
|
2217
|
+
return (React.createElement("div", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution")]) },
|
|
2218
|
+
React.createElement("img", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2219
|
+
React.createElement("p", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2201
2220
|
resolutionText,
|
|
2202
|
-
React.createElement("a", { className: "".concat(style$
|
|
2221
|
+
React.createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2203
2222
|
};
|
|
2204
2223
|
|
|
2205
|
-
var style$
|
|
2224
|
+
var style$E = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
|
|
2206
2225
|
|
|
2207
2226
|
var initialContext = {
|
|
2208
2227
|
socialHeaderProps: {
|
|
@@ -2233,9 +2252,9 @@ var useMegaMenuMain = function () {
|
|
|
2233
2252
|
return mainHeaderProps;
|
|
2234
2253
|
};
|
|
2235
2254
|
|
|
2236
|
-
var styles$
|
|
2255
|
+
var styles$1x = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2237
2256
|
|
|
2238
|
-
var Component$
|
|
2257
|
+
var Component$1B = function (_a) {
|
|
2239
2258
|
var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
|
|
2240
2259
|
var handleClick = useCallback(function (event) {
|
|
2241
2260
|
if (onClick) {
|
|
@@ -2243,15 +2262,15 @@ var Component$1A = function (_a) {
|
|
|
2243
2262
|
onClick();
|
|
2244
2263
|
}
|
|
2245
2264
|
}, [onClick]);
|
|
2246
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2247
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2248
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2249
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2265
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1x['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2266
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1x['button-link__icon'] })),
|
|
2267
|
+
buttonText && React.createElement("p", { className: styles$1x['button-link__text'] }, buttonText),
|
|
2268
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1x['button-link__icon'] }))));
|
|
2250
2269
|
};
|
|
2251
2270
|
/**
|
|
2252
2271
|
* UI Atom Component of Save Button
|
|
2253
2272
|
*/
|
|
2254
|
-
var ButtonLink = Component$
|
|
2273
|
+
var ButtonLink = Component$1B;
|
|
2255
2274
|
|
|
2256
2275
|
var MegaMenuJobsTabs = function () {
|
|
2257
2276
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2262,23 +2281,23 @@ var MegaMenuJobsTabs = function () {
|
|
|
2262
2281
|
}; }, [onChangeTab]);
|
|
2263
2282
|
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2264
2283
|
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2265
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2284
|
+
return (React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__container"]) },
|
|
2266
2285
|
React.createElement("nav", null,
|
|
2267
|
-
React.createElement("ul", { className: "".concat(style$
|
|
2286
|
+
React.createElement("ul", { className: "".concat(style$E["mega-menu-jobs-tabs"]) },
|
|
2268
2287
|
tabs &&
|
|
2269
2288
|
tabs.map(function (_a, index) {
|
|
2270
2289
|
var label = _a.label, url = _a.url;
|
|
2271
2290
|
return (React.createElement("li", { key: index },
|
|
2272
|
-
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2291
|
+
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$E["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$E["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2273
2292
|
}),
|
|
2274
2293
|
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
2275
2294
|
React.createElement("li", null,
|
|
2276
2295
|
React.createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
2277
2296
|
React.createElement(Divider, null),
|
|
2278
|
-
React.createElement("div", { className: "".concat(style$
|
|
2297
|
+
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2279
2298
|
};
|
|
2280
2299
|
|
|
2281
|
-
var styles$
|
|
2300
|
+
var styles$1w = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
2282
2301
|
|
|
2283
2302
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2284
2303
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2297,27 +2316,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2297
2316
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2298
2317
|
}, [showContent]);
|
|
2299
2318
|
return (React.createElement(React.Fragment, null,
|
|
2300
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2301
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2302
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2303
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2304
|
-
React.createElement("div", { className: styles$
|
|
2305
|
-
React.createElement("div", { className: styles$
|
|
2319
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1w["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2320
|
+
React.createElement("p", { className: "".concat(styles$1w["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2321
|
+
React.createElement(IconItem, { className: "".concat(styles$1w["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1w["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2322
|
+
React.createElement("div", { className: "".concat(styles$1w["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1w["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2323
|
+
React.createElement("div", { className: styles$1w["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2324
|
+
React.createElement("div", { className: styles$1w["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2306
2325
|
event.stopPropagation();
|
|
2307
2326
|
} }, children))));
|
|
2308
2327
|
};
|
|
2309
2328
|
|
|
2310
|
-
var styles$
|
|
2329
|
+
var styles$1v = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
2311
2330
|
|
|
2312
2331
|
var MenuSearch = function (_a) {
|
|
2313
2332
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2314
2333
|
var onBlur = useCallback(function () {
|
|
2315
2334
|
handleOnBlur && handleOnBlur();
|
|
2316
2335
|
}, [handleOnBlur]);
|
|
2317
|
-
return (React.createElement("div", { className: styles$
|
|
2318
|
-
React.createElement("div", { className: styles$
|
|
2336
|
+
return (React.createElement("div", { className: styles$1v['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2337
|
+
React.createElement("div", { className: styles$1v['magneto-ui-menu-search_container'] },
|
|
2319
2338
|
children,
|
|
2320
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2339
|
+
React.createElement("div", { className: "".concat(styles$1v['magneto-ui-menu-search_content'], " ").concat(show && styles$1v.open) }, content))));
|
|
2321
2340
|
};
|
|
2322
2341
|
|
|
2323
2342
|
var iconByType = {
|
|
@@ -2328,9 +2347,9 @@ var iconByType = {
|
|
|
2328
2347
|
};
|
|
2329
2348
|
var transitionDuration = 300;
|
|
2330
2349
|
|
|
2331
|
-
var styles$
|
|
2350
|
+
var styles$1u = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2332
2351
|
|
|
2333
|
-
var Component$
|
|
2352
|
+
var Component$1A = function (_a) {
|
|
2334
2353
|
var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
2335
2354
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2336
2355
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2342,7 +2361,7 @@ var Component$1z = function (_a) {
|
|
|
2342
2361
|
}); }, []);
|
|
2343
2362
|
var containerStyles = useMemo(function () {
|
|
2344
2363
|
return CNM.get({
|
|
2345
|
-
styles: styles$
|
|
2364
|
+
styles: styles$1u,
|
|
2346
2365
|
cls: [
|
|
2347
2366
|
'message__container',
|
|
2348
2367
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2350,7 +2369,7 @@ var Component$1z = function (_a) {
|
|
|
2350
2369
|
]
|
|
2351
2370
|
});
|
|
2352
2371
|
}, [type, toggleAnimation]);
|
|
2353
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2372
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1u, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2354
2373
|
useEffect(function () {
|
|
2355
2374
|
if (!localVisible)
|
|
2356
2375
|
return;
|
|
@@ -2382,9 +2401,9 @@ var Component$1z = function (_a) {
|
|
|
2382
2401
|
setIsAnimating(visible);
|
|
2383
2402
|
}, [isAnimating, visible]);
|
|
2384
2403
|
return localVisible
|
|
2385
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2404
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1u, cls: [className] }) },
|
|
2386
2405
|
React.createElement("div", { className: containerStyles },
|
|
2387
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2406
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1u, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2388
2407
|
React.createElement("div", null,
|
|
2389
2408
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2390
2409
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2393,13 +2412,13 @@ var Component$1z = function (_a) {
|
|
|
2393
2412
|
/**
|
|
2394
2413
|
* Molecule UI component for Message
|
|
2395
2414
|
*/
|
|
2396
|
-
var Message = Component$
|
|
2415
|
+
var Message = Component$1A;
|
|
2397
2416
|
|
|
2398
|
-
var styles$
|
|
2417
|
+
var styles$1t = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2399
2418
|
|
|
2400
|
-
var Component$
|
|
2419
|
+
var Component$1z = function (_a) {
|
|
2401
2420
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2402
|
-
return (React.createElement("div", { className: styles$
|
|
2421
|
+
return (React.createElement("div", { className: styles$1t['magneto-ui-mobile-job-details-header'] },
|
|
2403
2422
|
React.createElement("button", { onClick: onClick },
|
|
2404
2423
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2405
2424
|
React.createElement("p", null, returnText)));
|
|
@@ -2407,11 +2426,11 @@ var Component$1y = function (_a) {
|
|
|
2407
2426
|
/**
|
|
2408
2427
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2409
2428
|
*/
|
|
2410
|
-
var MobileJobDetailsHeader = Component$
|
|
2429
|
+
var MobileJobDetailsHeader = Component$1z;
|
|
2411
2430
|
|
|
2412
|
-
var styles$
|
|
2431
|
+
var styles$1s = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2413
2432
|
|
|
2414
|
-
var Component$
|
|
2433
|
+
var Component$1y = function (_a) {
|
|
2415
2434
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2416
2435
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2417
2436
|
var searchInputRef = useRef(null);
|
|
@@ -2433,20 +2452,20 @@ var Component$1x = function (_a) {
|
|
|
2433
2452
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2434
2453
|
}
|
|
2435
2454
|
}, [focusSearchInput]);
|
|
2436
|
-
return (React.createElement("div", { className: styles$
|
|
2455
|
+
return (React.createElement("div", { className: styles$1s.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2437
2456
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2438
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2439
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2457
|
+
searchValue && React.createElement("div", { className: styles$1s['search-badge'] }),
|
|
2458
|
+
React.createElement(MainButton, __assign({ className: styles$1s['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2440
2459
|
React.createElement("label", { htmlFor: "search" }),
|
|
2441
2460
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2442
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2461
|
+
React.createElement(MainButton, __assign({ className: styles$1s['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2443
2462
|
};
|
|
2444
2463
|
/**
|
|
2445
2464
|
* Molecule UI component for MobileSearchbar
|
|
2446
2465
|
*/
|
|
2447
|
-
var MobileSearchbar = Component$
|
|
2466
|
+
var MobileSearchbar = Component$1y;
|
|
2448
2467
|
|
|
2449
|
-
var styles$
|
|
2468
|
+
var styles$1r = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
2450
2469
|
|
|
2451
2470
|
var Modal = function (_a) {
|
|
2452
2471
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
@@ -2459,40 +2478,40 @@ var Modal = function (_a) {
|
|
|
2459
2478
|
if (!isOpen)
|
|
2460
2479
|
return null;
|
|
2461
2480
|
return (React.createElement(Fragment, null,
|
|
2462
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2463
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2464
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2481
|
+
React.createElement("div", { className: "".concat(styles$1r["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2482
|
+
title ? React.createElement("h2", { className: "".concat(styles$1r["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2483
|
+
description ? React.createElement("p", { className: "".concat(styles$1r["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2465
2484
|
children,
|
|
2466
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2485
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1r["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2467
2486
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2468
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2487
|
+
React.createElement("span", { className: "".concat(styles$1r["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2469
2488
|
};
|
|
2470
2489
|
var Title = function (_a) {
|
|
2471
2490
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2472
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2491
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1r["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2473
2492
|
};
|
|
2474
2493
|
var Description = function (_a) {
|
|
2475
2494
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2476
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2495
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1r["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2477
2496
|
};
|
|
2478
2497
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2479
2498
|
|
|
2480
|
-
var styles$
|
|
2499
|
+
var styles$1q = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2481
2500
|
|
|
2482
2501
|
var BtnPagination = function (_a) {
|
|
2483
2502
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2484
2503
|
var displayContent = useMemo(function () {
|
|
2485
2504
|
if (loading && value && current === value)
|
|
2486
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2505
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1q['magneto-ui-btn-pagination_spinner'] });
|
|
2487
2506
|
return value;
|
|
2488
2507
|
}, [loading, current, value]);
|
|
2489
2508
|
var pageQueryParam = 'paginator[page]=';
|
|
2490
2509
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2491
2510
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2492
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2493
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2511
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1q['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2512
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1q['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1q['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1q['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1q['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2494
2513
|
displayContent,
|
|
2495
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2514
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1q['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1q['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1q['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1q['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2496
2515
|
displayContent,
|
|
2497
2516
|
displayIcon))));
|
|
2498
2517
|
};
|
|
@@ -2543,7 +2562,7 @@ var createPagination = function (_a) {
|
|
|
2543
2562
|
};
|
|
2544
2563
|
};
|
|
2545
2564
|
|
|
2546
|
-
var styles$
|
|
2565
|
+
var styles$1p = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2547
2566
|
|
|
2548
2567
|
var Pagination = function (_a) {
|
|
2549
2568
|
var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
|
|
@@ -2562,25 +2581,25 @@ var Pagination = function (_a) {
|
|
|
2562
2581
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2563
2582
|
if (total <= pageSize)
|
|
2564
2583
|
return React.createElement(Fragment, null);
|
|
2565
|
-
return (React.createElement("div", { className: styles$
|
|
2584
|
+
return (React.createElement("div", { className: styles$1p['magneto-ui-pagination'] },
|
|
2566
2585
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2567
2586
|
React.createElement("ul", null,
|
|
2568
2587
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2569
2588
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2570
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2589
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1p['magneto-ui-pagination_ellipsis'] }))),
|
|
2571
2590
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2572
2591
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2573
2592
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2574
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2593
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1p['magneto-ui-pagination_ellipsis'] }),
|
|
2575
2594
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2576
2595
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2577
2596
|
};
|
|
2578
2597
|
|
|
2579
|
-
var style$
|
|
2598
|
+
var style$D = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
|
|
2580
2599
|
|
|
2581
2600
|
var RightsReservedText = function (_a) {
|
|
2582
2601
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2583
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2602
|
+
return (React.createElement("div", { className: "".concat(style$D["".concat(classMUI, "-rights-reserved")]) },
|
|
2584
2603
|
React.createElement("p", null, magnetoRightsText)));
|
|
2585
2604
|
};
|
|
2586
2605
|
|
|
@@ -2591,9 +2610,9 @@ var generateID = function () {
|
|
|
2591
2610
|
return uniqueID;
|
|
2592
2611
|
};
|
|
2593
2612
|
|
|
2594
|
-
var styles$
|
|
2613
|
+
var styles$1o = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2595
2614
|
|
|
2596
|
-
var Component$
|
|
2615
|
+
var Component$1x = function (_a) {
|
|
2597
2616
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2598
2617
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2599
2618
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2621,19 +2640,19 @@ var Component$1w = function (_a) {
|
|
|
2621
2640
|
}
|
|
2622
2641
|
return { backgroundColor: '#c4c4c4' };
|
|
2623
2642
|
}, [color, score, spanHover]);
|
|
2624
|
-
return (React.createElement("div", { className: styles$
|
|
2643
|
+
return (React.createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2625
2644
|
React.createElement("p", null, name),
|
|
2626
|
-
React.createElement("div", { className: styles$
|
|
2645
|
+
React.createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2627
2646
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2628
2647
|
React.createElement("p", null, labelScore)),
|
|
2629
|
-
React.createElement("button", { className: styles$
|
|
2648
|
+
React.createElement("button", { className: styles$1o['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2630
2649
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2631
2650
|
};
|
|
2632
|
-
var ScoreLevel = Component$
|
|
2651
|
+
var ScoreLevel = Component$1x;
|
|
2633
2652
|
|
|
2634
|
-
var styles$
|
|
2653
|
+
var styles$1n = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2635
2654
|
|
|
2636
|
-
var Component$
|
|
2655
|
+
var Component$1w = function (_a) {
|
|
2637
2656
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2638
2657
|
var labelScore = useMemo(function () {
|
|
2639
2658
|
return levels[scoreValue - 1];
|
|
@@ -2648,17 +2667,17 @@ var Component$1v = function (_a) {
|
|
|
2648
2667
|
}
|
|
2649
2668
|
return { backgroundColor: '#c4c4c4' };
|
|
2650
2669
|
}, [color, scoreValue]);
|
|
2651
|
-
return (React.createElement("div", { className: styles$
|
|
2670
|
+
return (React.createElement("div", { className: styles$1n['magneto-ui-score-level'] },
|
|
2652
2671
|
React.createElement("p", null, name),
|
|
2653
|
-
React.createElement("div", { className: styles$
|
|
2672
|
+
React.createElement("div", { className: styles$1n['magneto-ui-score-level__summary'] },
|
|
2654
2673
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2655
2674
|
React.createElement("p", null, labelScore))));
|
|
2656
2675
|
};
|
|
2657
|
-
var ScoreLevelStatic = Component$
|
|
2676
|
+
var ScoreLevelStatic = Component$1w;
|
|
2658
2677
|
|
|
2659
|
-
var styles$
|
|
2678
|
+
var styles$1m = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2660
2679
|
|
|
2661
|
-
var Component$
|
|
2680
|
+
var Component$1v = function (_a) {
|
|
2662
2681
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2663
2682
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2664
2683
|
useEffect(function () {
|
|
@@ -2674,32 +2693,32 @@ var Component$1u = function (_a) {
|
|
|
2674
2693
|
setSearchValue('');
|
|
2675
2694
|
onSearch('');
|
|
2676
2695
|
};
|
|
2677
|
-
return (React.createElement("div", { className: styles$
|
|
2696
|
+
return (React.createElement("div", { className: styles$1m.SearchbarComponent },
|
|
2678
2697
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2679
2698
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2680
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2681
|
-
React.createElement("div", { className: styles$
|
|
2699
|
+
searchValue && React.createElement("div", { className: styles$1m['SearchbarComponent__badge'] }),
|
|
2700
|
+
React.createElement("div", { className: styles$1m['magneto-ui-searchbar-buttons'] },
|
|
2682
2701
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2683
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2702
|
+
React.createElement(MainButton, __assign({ className: styles$1m['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2684
2703
|
React.createElement("span", null, "|"))),
|
|
2685
2704
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2686
2705
|
};
|
|
2687
2706
|
/**
|
|
2688
2707
|
* UI Molecule of a searchbar
|
|
2689
2708
|
*/
|
|
2690
|
-
var Searchbar = Component$
|
|
2709
|
+
var Searchbar = Component$1v;
|
|
2691
2710
|
|
|
2692
|
-
var styles$
|
|
2711
|
+
var styles$1l = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2693
2712
|
|
|
2694
|
-
var Component$
|
|
2713
|
+
var Component$1u = function (_a) {
|
|
2695
2714
|
var props = __rest(_a, []);
|
|
2696
|
-
return (React.createElement("div", { className: styles$
|
|
2697
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2715
|
+
return (React.createElement("div", { className: styles$1l['search-button'] },
|
|
2716
|
+
props.searchValue && React.createElement("div", { className: styles$1l['search-button__badge'] }),
|
|
2698
2717
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2699
2718
|
};
|
|
2700
|
-
var SearchButton = Component$
|
|
2719
|
+
var SearchButton = Component$1u;
|
|
2701
2720
|
|
|
2702
|
-
var styles$
|
|
2721
|
+
var styles$1k = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2703
2722
|
|
|
2704
2723
|
var SimilarJobsCard = function (_a) {
|
|
2705
2724
|
var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
|
|
@@ -2709,15 +2728,15 @@ var SimilarJobsCard = function (_a) {
|
|
|
2709
2728
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2710
2729
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2711
2730
|
}, [cities, salary, experience]);
|
|
2712
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2713
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2731
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2732
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2714
2733
|
React.createElement("div", null,
|
|
2715
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2716
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2717
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2734
|
+
React.createElement("p", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2735
|
+
React.createElement("p", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2736
|
+
React.createElement(IconItem, { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2718
2737
|
};
|
|
2719
2738
|
|
|
2720
|
-
var style$
|
|
2739
|
+
var style$C = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
2721
2740
|
|
|
2722
2741
|
var SortMenu = function (_a) {
|
|
2723
2742
|
var orderFields = _a.orderFields, textOrderFilter = _a.textOrderFilter, setFilter = _a.setFilter, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
@@ -2730,13 +2749,13 @@ var SortMenu = function (_a) {
|
|
|
2730
2749
|
};
|
|
2731
2750
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2732
2751
|
return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2733
|
-
React.createElement("button", { className: "".concat(style$
|
|
2734
|
-
React.createElement("p", { className: style$
|
|
2752
|
+
React.createElement("button", { className: "".concat(style$C['magneto-ui-btn-menu'], " ").concat(loading && style$C.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2753
|
+
React.createElement("p", { className: style$C['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2735
2754
|
React.createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2736
2755
|
};
|
|
2737
2756
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2738
2757
|
|
|
2739
|
-
var styles$
|
|
2758
|
+
var styles$1j = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
2740
2759
|
|
|
2741
2760
|
var TextArea = function (_a) {
|
|
2742
2761
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
|
|
@@ -2762,39 +2781,57 @@ var TextArea = function (_a) {
|
|
|
2762
2781
|
return;
|
|
2763
2782
|
setShowPlaceholder(scrollTop === 0);
|
|
2764
2783
|
}, [showPlaceholder]);
|
|
2765
|
-
return (React.createElement("div", { className: styles$
|
|
2766
|
-
React.createElement("div", { className: styles$
|
|
2784
|
+
return (React.createElement("div", { className: styles$1j["".concat(classMUI, "-text-area")] },
|
|
2785
|
+
React.createElement("div", { className: styles$1j["".concat(classMUI, "-text-area--container")] },
|
|
2767
2786
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2768
2787
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2769
2788
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2770
|
-
}, className: styles$
|
|
2771
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2772
|
-
React.createElement("div", { className: styles$
|
|
2773
|
-
React.createElement("span", { className: styles$
|
|
2789
|
+
}, className: styles$1j["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2790
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1j["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
2791
|
+
React.createElement("div", { className: styles$1j["".concat(classMUI, "-text-area__footer")] },
|
|
2792
|
+
React.createElement("span", { className: styles$1j["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2774
2793
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2775
2794
|
};
|
|
2776
2795
|
|
|
2777
|
-
var style$
|
|
2796
|
+
var style$B = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
|
|
2778
2797
|
|
|
2779
2798
|
var timelineIcons = {
|
|
2780
2799
|
checked: Checked,
|
|
2781
2800
|
current: Clock,
|
|
2782
2801
|
blocked: Lock
|
|
2783
2802
|
};
|
|
2784
|
-
var Component$
|
|
2803
|
+
var Component$1t = function (_a) {
|
|
2785
2804
|
var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
|
|
2786
2805
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2787
|
-
var titleStyle = style$
|
|
2788
|
-
var subtitleStyle = style$
|
|
2789
|
-
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2790
|
-
React.createElement("div", { className: style$
|
|
2791
|
-
React.createElement("div", { className: "".concat(style$
|
|
2792
|
-
React.createElement(IconItem, { className: style$
|
|
2793
|
-
React.createElement("div", { className: style$
|
|
2794
|
-
React.createElement("p", { className: "".concat(style$
|
|
2795
|
-
React.createElement("p", { className: "".concat(style$
|
|
2796
|
-
};
|
|
2797
|
-
var TimelineEvent = Component$
|
|
2806
|
+
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2807
|
+
var subtitleStyle = style$B["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2808
|
+
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$B["".concat(classMUI, "-timeline-event")] },
|
|
2809
|
+
React.createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__icon")] },
|
|
2810
|
+
React.createElement("div", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$B[status]) }),
|
|
2811
|
+
React.createElement(IconItem, { className: style$B["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2812
|
+
React.createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__text")] },
|
|
2813
|
+
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2814
|
+
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2815
|
+
};
|
|
2816
|
+
var TimelineEvent = Component$1t;
|
|
2817
|
+
|
|
2818
|
+
var styles$1i = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2819
|
+
|
|
2820
|
+
var Component$1s = function (_a) {
|
|
2821
|
+
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2822
|
+
var _d = useState(null), selectedValue = _d[0], setSelectedValue = _d[1];
|
|
2823
|
+
var onHandleChange = function (value) {
|
|
2824
|
+
if (!(value === null || value === void 0 ? void 0 : value.name))
|
|
2825
|
+
return;
|
|
2826
|
+
onChange(value);
|
|
2827
|
+
setSelectedValue(value);
|
|
2828
|
+
};
|
|
2829
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1i['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2830
|
+
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2831
|
+
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === id, key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2832
|
+
})));
|
|
2833
|
+
};
|
|
2834
|
+
var ToggleButtonList = Component$1s;
|
|
2798
2835
|
|
|
2799
2836
|
var styles$1h = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
2800
2837
|
|
|
@@ -3121,36 +3158,17 @@ var Component$1g = function (_a) {
|
|
|
3121
3158
|
*/
|
|
3122
3159
|
var UserMenuWrapperAnalyst = Component$1g;
|
|
3123
3160
|
|
|
3124
|
-
var style$B = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
3125
|
-
|
|
3126
|
-
var FilterActions = function (_a) {
|
|
3127
|
-
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
3128
|
-
var _b = useState(0), selected = _b[0], setSelected = _b[1];
|
|
3129
|
-
var handleClickAction = useCallback(function (index, letter) { return function () {
|
|
3130
|
-
setSelected(index);
|
|
3131
|
-
onClickAction(index, letter);
|
|
3132
|
-
}; }, [onClickAction]);
|
|
3133
|
-
useImperativeHandle(filtersRef, function () { return ({
|
|
3134
|
-
restartFilters: function () { return setSelected(0); }
|
|
3135
|
-
}); });
|
|
3136
|
-
var actions = useMemo(function () {
|
|
3137
|
-
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
3138
|
-
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$B["filter-actions__action"], " ").concat(selected == index ? style$B["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
3139
|
-
}, [allAction, handleClickAction, selected]);
|
|
3140
|
-
return React.createElement("nav", { className: style$B['filter-actions'] }, actions);
|
|
3141
|
-
};
|
|
3142
|
-
|
|
3143
3161
|
var Component$1f = function (_a) {
|
|
3144
3162
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3145
3163
|
var component = useMemo(function () {
|
|
3146
3164
|
var _a, _b, _c;
|
|
3147
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3165
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container'] }) },
|
|
3148
3166
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3149
3167
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3150
3168
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3151
3169
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3152
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3153
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3170
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3171
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3154
3172
|
});
|
|
3155
3173
|
return container;
|
|
3156
3174
|
};
|
|
@@ -4837,11 +4855,10 @@ var Tags = function (_a) {
|
|
|
4837
4855
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4838
4856
|
};
|
|
4839
4857
|
|
|
4840
|
-
var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-
|
|
4858
|
+
var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
4841
4859
|
|
|
4842
4860
|
var Component$N = function (_a) {
|
|
4843
|
-
var className = _a.className, _b = _a.color, color = _b === void 0 ? '
|
|
4844
|
-
var _d = useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
4861
|
+
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
4845
4862
|
var isColorDark = function (color) {
|
|
4846
4863
|
var hex = color.replace('#', '');
|
|
4847
4864
|
var r = parseInt(hex.substring(0, 2), 16);
|
|
@@ -4852,16 +4869,14 @@ var Component$N = function (_a) {
|
|
|
4852
4869
|
};
|
|
4853
4870
|
var handleClick = useCallback(function (_a) {
|
|
4854
4871
|
var id = _a.id, name = _a.name;
|
|
4855
|
-
if (
|
|
4856
|
-
setIsSelected('');
|
|
4872
|
+
if (currentSelect) {
|
|
4857
4873
|
onChange({ id: id, name: undefined });
|
|
4858
4874
|
return;
|
|
4859
4875
|
}
|
|
4860
4876
|
onChange({ id: id, name: name });
|
|
4861
|
-
|
|
4862
|
-
}, [currentSelect, isSelected, onChange]);
|
|
4877
|
+
}, [currentSelect, onChange]);
|
|
4863
4878
|
var selectStyles = useMemo(function () {
|
|
4864
|
-
if (
|
|
4879
|
+
if (currentSelect) {
|
|
4865
4880
|
return {
|
|
4866
4881
|
backgroundColor: color,
|
|
4867
4882
|
color: isColorDark(color || '#FFFFFF') ? '#FFFFFF' : '#000000',
|
|
@@ -4872,8 +4887,10 @@ var Component$N = function (_a) {
|
|
|
4872
4887
|
backgroundColor: baseColor,
|
|
4873
4888
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4874
4889
|
};
|
|
4875
|
-
}, [baseColor, color, currentSelect
|
|
4876
|
-
return (React.createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(
|
|
4890
|
+
}, [baseColor, color, currentSelect]);
|
|
4891
|
+
return (React.createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$K['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
4892
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$K['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
4893
|
+
name));
|
|
4877
4894
|
};
|
|
4878
4895
|
var ToggleButton = Component$N;
|
|
4879
4896
|
|
|
@@ -7770,5 +7787,5 @@ var Component = function (_a) {
|
|
|
7770
7787
|
};
|
|
7771
7788
|
var SuggestedJobsPage = Component;
|
|
7772
7789
|
|
|
7773
|
-
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7790
|
+
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7774
7791
|
//# sourceMappingURL=index.js.map
|