magneto365.ui 2.53.0 → 2.54.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/assets/58346511fd62e29a.svg +5 -0
- package/dist/assets/8a37a9c7b0fd5027.svg +9 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +434 -410
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +4 -0
- package/dist/cjs/types/constants/icons.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +434 -411
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/FraudCardJob/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +4 -0
- package/dist/esm/types/constants/icons.constants.d.ts +2 -0
- package/dist/index.d.ts +13 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
250
250
|
|
|
251
251
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
|
-
var Component$
|
|
253
|
+
var Component$2b = function (_a) {
|
|
254
254
|
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;
|
|
255
255
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
256
256
|
var handleError = function () {
|
|
@@ -266,9 +266,9 @@ var Component$2a = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$2b;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$27 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
272
272
|
|
|
273
273
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
274
274
|
|
|
@@ -510,6 +510,10 @@ var UserSearchWhiteOutline = "https://static.magneto365.com/lib/assets/eb30208cb
|
|
|
510
510
|
|
|
511
511
|
var Warning = "https://static.magneto365.com/lib/assets/bfab45bdc4d8d900.svg";
|
|
512
512
|
|
|
513
|
+
var WarningHex = "https://static.magneto365.com/lib/assets/58346511fd62e29a.svg";
|
|
514
|
+
|
|
515
|
+
var Warning3D = "https://static.magneto365.com/lib/assets/8a37a9c7b0fd5027.svg";
|
|
516
|
+
|
|
513
517
|
var WarningYellowBold = "https://static.magneto365.com/lib/assets/8949e8e4bfb2ef16.svg";
|
|
514
518
|
|
|
515
519
|
var WhatsAppColor = "https://static.magneto365.com/lib/assets/75c50160036c6fdf.svg";
|
|
@@ -522,31 +526,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
522
526
|
|
|
523
527
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
524
528
|
|
|
525
|
-
var Component$
|
|
529
|
+
var Component$2a = function (_a) {
|
|
526
530
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
527
531
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
528
532
|
var handleError = function () {
|
|
529
533
|
setImageError(true);
|
|
530
534
|
};
|
|
531
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
535
|
+
return (React__default["default"].createElement("div", { className: styles$27.avatarComponent, onClick: onClick },
|
|
532
536
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
533
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
537
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$27['magneto-ui-default-avatar'] },
|
|
534
538
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
535
539
|
};
|
|
536
540
|
/**
|
|
537
541
|
* UI Atom component of Avatar
|
|
538
542
|
*/
|
|
539
|
-
var Avatar = Component$
|
|
543
|
+
var Avatar = Component$2a;
|
|
540
544
|
|
|
541
|
-
var styles$
|
|
545
|
+
var styles$26 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
542
546
|
|
|
543
|
-
var Component$
|
|
547
|
+
var Component$29 = function (_a) {
|
|
544
548
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
545
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
546
|
-
React__default["default"].createElement("span", { className: styles$
|
|
549
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$26['badge-count'], " ").concat(className) },
|
|
550
|
+
React__default["default"].createElement("span", { className: styles$26['badge-count__animation'] }),
|
|
547
551
|
number && number));
|
|
548
552
|
};
|
|
549
|
-
var Badge = Component$
|
|
553
|
+
var Badge = Component$29;
|
|
550
554
|
|
|
551
555
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
552
556
|
|
|
@@ -663,9 +667,9 @@ var SignUpButtonStyle = {
|
|
|
663
667
|
}
|
|
664
668
|
};
|
|
665
669
|
|
|
666
|
-
var styles$
|
|
670
|
+
var styles$25 = {"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"};
|
|
667
671
|
|
|
668
|
-
var styles$
|
|
672
|
+
var styles$24 = {"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"};
|
|
669
673
|
|
|
670
674
|
var ShareIcons = {
|
|
671
675
|
Facebook: {
|
|
@@ -685,7 +689,7 @@ var ShareIcons = {
|
|
|
685
689
|
}
|
|
686
690
|
};
|
|
687
691
|
|
|
688
|
-
var Component$
|
|
692
|
+
var Component$28 = function (_a) {
|
|
689
693
|
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;
|
|
690
694
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
691
695
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -698,46 +702,46 @@ var Component$27 = function (_a) {
|
|
|
698
702
|
};
|
|
699
703
|
if (component)
|
|
700
704
|
return component;
|
|
701
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
702
|
-
React__default["default"].createElement("div", { id: styles$
|
|
705
|
+
return (React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions'] },
|
|
706
|
+
React__default["default"].createElement("div", { id: styles$24['magneto-ui__external-child'] }, externalButtonChild),
|
|
703
707
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
704
|
-
React__default["default"].createElement("button", { className: styles$
|
|
708
|
+
React__default["default"].createElement("button", { className: styles$24['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
705
709
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
706
710
|
} },
|
|
707
711
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
708
712
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
709
713
|
actionsLinkList.map(function (_a, index) {
|
|
710
714
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
711
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
715
|
+
return (React__default["default"].createElement("a", { className: styles$24['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
712
716
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
713
717
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
714
718
|
}),
|
|
715
|
-
React__default["default"].createElement("div", { className: styles$
|
|
716
|
-
React__default["default"].createElement("p", { className: styles$
|
|
717
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
719
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions__header'] },
|
|
720
|
+
React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
721
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
718
722
|
};
|
|
719
723
|
var ShareLinksAction = function (_a) {
|
|
720
724
|
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;
|
|
721
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
722
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
725
|
+
return (React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions'] },
|
|
726
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$24['magneto-ui-actions__share'] }, shareProps)),
|
|
723
727
|
shareLinks.map(function (_a, index) {
|
|
724
728
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
725
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
729
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$24['magneto-ui-actions__link'], styles$24['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
726
730
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
727
731
|
React__default["default"].createElement("span", null, title)));
|
|
728
732
|
}),
|
|
729
|
-
React__default["default"].createElement("div", { className: styles$
|
|
730
|
-
React__default["default"].createElement("p", { className: styles$
|
|
731
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
732
|
-
React__default["default"].createElement("div", { className: styles$
|
|
733
|
-
React__default["default"].createElement("button", { className: styles$
|
|
733
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions__header'] },
|
|
734
|
+
React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
735
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
736
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions__back'] },
|
|
737
|
+
React__default["default"].createElement("button", { className: styles$24['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
734
738
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
735
739
|
backText)));
|
|
736
740
|
};
|
|
737
741
|
/**
|
|
738
742
|
* UI Molecule componet of Actions
|
|
739
743
|
*/
|
|
740
|
-
var Actions = Object.assign(Component$
|
|
744
|
+
var Actions = Object.assign(Component$28, { ShareLinks: ShareLinksAction });
|
|
741
745
|
|
|
742
746
|
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"};
|
|
743
747
|
|
|
@@ -763,7 +767,7 @@ var alertIcons = {
|
|
|
763
767
|
warning: Warning,
|
|
764
768
|
error: Error
|
|
765
769
|
};
|
|
766
|
-
var Component$
|
|
770
|
+
var Component$27 = function (_a) {
|
|
767
771
|
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;
|
|
768
772
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
769
773
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -775,7 +779,7 @@ var Component$26 = function (_a) {
|
|
|
775
779
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
776
780
|
extraButton));
|
|
777
781
|
};
|
|
778
|
-
var Alert = Component$
|
|
782
|
+
var Alert = Component$27;
|
|
779
783
|
|
|
780
784
|
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"};
|
|
781
785
|
|
|
@@ -863,7 +867,7 @@ var classNames = {
|
|
|
863
867
|
};
|
|
864
868
|
|
|
865
869
|
var cx$f = classNames.bind(style$W);
|
|
866
|
-
var Component$
|
|
870
|
+
var Component$26 = function (_a) {
|
|
867
871
|
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;
|
|
868
872
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
869
873
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -899,7 +903,7 @@ var Component$25 = function (_a) {
|
|
|
899
903
|
/**
|
|
900
904
|
* Molecule UI component for Mobile Drawer
|
|
901
905
|
*/
|
|
902
|
-
var MobileDrawer = Component$
|
|
906
|
+
var MobileDrawer = Component$26;
|
|
903
907
|
|
|
904
908
|
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"};
|
|
905
909
|
|
|
@@ -955,11 +959,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
955
959
|
};
|
|
956
960
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
957
961
|
|
|
958
|
-
var styles$
|
|
962
|
+
var styles$23 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
959
963
|
|
|
960
|
-
var Component$
|
|
964
|
+
var Component$25 = function (_a) {
|
|
961
965
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
962
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
966
|
+
return (React__default["default"].createElement("div", { className: styles$23.BreadcrumbsComponent },
|
|
963
967
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
964
968
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
965
969
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -967,52 +971,52 @@ var Component$24 = function (_a) {
|
|
|
967
971
|
/**
|
|
968
972
|
* Molecule UI component for breadcrums information
|
|
969
973
|
*/
|
|
970
|
-
var Breadcrumbs = Component$
|
|
974
|
+
var Breadcrumbs = Component$25;
|
|
971
975
|
|
|
972
|
-
var styles$
|
|
976
|
+
var styles$22 = {"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"};
|
|
973
977
|
|
|
974
978
|
var CitiesDetailDrawer = function (_a) {
|
|
975
979
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
976
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
977
|
-
React__default["default"].createElement("div", { className: styles$
|
|
980
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
981
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
978
982
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
979
|
-
React__default["default"].createElement("div", { className: styles$
|
|
980
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
983
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
984
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
981
985
|
cities &&
|
|
982
986
|
cities.map(function (_a, index) {
|
|
983
987
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
984
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
988
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
985
989
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
986
990
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
987
991
|
})))) : null));
|
|
988
992
|
};
|
|
989
993
|
|
|
990
|
-
var styles$
|
|
994
|
+
var styles$21 = {"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"};
|
|
991
995
|
|
|
992
|
-
var Component$
|
|
996
|
+
var Component$24 = function (_a) {
|
|
993
997
|
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;
|
|
994
998
|
var disabledArrow = React.useMemo(function () {
|
|
995
999
|
if (disabled)
|
|
996
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1000
|
+
return (React__default["default"].createElement(IconItem, { className: styles$21['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
997
1001
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
998
1002
|
}, [disabled]);
|
|
999
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1000
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1001
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1003
|
+
return (React__default["default"].createElement("div", { className: styles$21['magneto-ui--date-dropdown__wrapper'] },
|
|
1004
|
+
React__default["default"].createElement("select", { className: styles$21["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1005
|
+
React__default["default"].createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1002
1006
|
dateOptions.map(function (_a) {
|
|
1003
1007
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1004
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1008
|
+
return (React__default["default"].createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1005
1009
|
})),
|
|
1006
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1010
|
+
React__default["default"].createElement("span", { className: styles$21['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1007
1011
|
};
|
|
1008
|
-
var DateDropdown = Component$
|
|
1012
|
+
var DateDropdown = Component$24;
|
|
1009
1013
|
|
|
1010
|
-
var styles$
|
|
1014
|
+
var styles$20 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1011
1015
|
|
|
1012
1016
|
var defaultValue$1 = function (value) {
|
|
1013
1017
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1014
1018
|
};
|
|
1015
|
-
var Component$
|
|
1019
|
+
var Component$23 = function (_a) {
|
|
1016
1020
|
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;
|
|
1017
1021
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1018
1022
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1046,16 +1050,16 @@ var Component$22 = function (_a) {
|
|
|
1046
1050
|
}
|
|
1047
1051
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1048
1052
|
}, [disabled]);
|
|
1049
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1053
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui--date-picker__wrapper'] },
|
|
1050
1054
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1051
1055
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1052
1056
|
};
|
|
1053
|
-
var DatePicker = Component$
|
|
1057
|
+
var DatePicker = Component$23;
|
|
1054
1058
|
|
|
1055
1059
|
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"};
|
|
1056
1060
|
|
|
1057
1061
|
var DEFAULT_PADDING = 20;
|
|
1058
|
-
var Component$
|
|
1062
|
+
var Component$22 = function (_a) {
|
|
1059
1063
|
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;
|
|
1060
1064
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1061
1065
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1101,7 +1105,7 @@ var Component$21 = function (_a) {
|
|
|
1101
1105
|
/**
|
|
1102
1106
|
* Molecule UI component for Drawer
|
|
1103
1107
|
*/
|
|
1104
|
-
var Drawer = Component$
|
|
1108
|
+
var Drawer = Component$22;
|
|
1105
1109
|
|
|
1106
1110
|
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"};
|
|
1107
1111
|
|
|
@@ -1164,15 +1168,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1164
1168
|
_c)
|
|
1165
1169
|
};
|
|
1166
1170
|
|
|
1167
|
-
var styles$
|
|
1171
|
+
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"};
|
|
1168
1172
|
|
|
1169
|
-
var Component$
|
|
1173
|
+
var Component$21 = function (_a) {
|
|
1170
1174
|
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;
|
|
1171
1175
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1172
1176
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1173
1177
|
var componentProps = React.useMemo(function () {
|
|
1174
1178
|
var className = CNM.get({
|
|
1175
|
-
styles: styles$
|
|
1179
|
+
styles: styles$1$,
|
|
1176
1180
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1177
1181
|
});
|
|
1178
1182
|
if (isUrl)
|
|
@@ -1194,48 +1198,48 @@ var Component$20 = function (_a) {
|
|
|
1194
1198
|
}
|
|
1195
1199
|
return;
|
|
1196
1200
|
}, [loading, variant]);
|
|
1197
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1198
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1201
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action', className] }) },
|
|
1202
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__container'] }) },
|
|
1199
1203
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1200
1204
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1201
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1205
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__title'] }) }, title),
|
|
1202
1206
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1203
1207
|
};
|
|
1204
1208
|
/**
|
|
1205
1209
|
* Molecule UI child component of expandable info
|
|
1206
1210
|
*/
|
|
1207
|
-
var ExpandableInfoAction = Component$
|
|
1211
|
+
var ExpandableInfoAction = Component$21;
|
|
1208
1212
|
|
|
1209
|
-
var styles$
|
|
1213
|
+
var styles$1_ = {"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"};
|
|
1210
1214
|
|
|
1211
|
-
var Component$
|
|
1215
|
+
var Component$20 = function (_a) {
|
|
1212
1216
|
var sections = _a.sections, footer = _a.footer;
|
|
1213
1217
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1214
1218
|
return CNM.get({
|
|
1215
|
-
styles: styles$
|
|
1219
|
+
styles: styles$1_,
|
|
1216
1220
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1217
1221
|
});
|
|
1218
1222
|
}, []);
|
|
1219
1223
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1220
1224
|
return CNM.get({
|
|
1221
|
-
styles: styles$
|
|
1225
|
+
styles: styles$1_,
|
|
1222
1226
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1223
1227
|
});
|
|
1224
1228
|
}, []);
|
|
1225
1229
|
var itemStyles = React.useCallback(function (first) {
|
|
1226
1230
|
return CNM.get({
|
|
1227
|
-
styles: styles$
|
|
1231
|
+
styles: styles$1_,
|
|
1228
1232
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1229
1233
|
});
|
|
1230
1234
|
}, []);
|
|
1231
1235
|
var textStyles = React.useCallback(function (bold) {
|
|
1232
1236
|
return CNM.get({
|
|
1233
|
-
styles: styles$
|
|
1237
|
+
styles: styles$1_,
|
|
1234
1238
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1235
1239
|
});
|
|
1236
1240
|
}, []);
|
|
1237
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1238
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1241
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details'] }) },
|
|
1242
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1239
1243
|
sections.map(function (section, index) {
|
|
1240
1244
|
var _a, _b;
|
|
1241
1245
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1249,13 +1253,13 @@ var Component$1$ = function (_a) {
|
|
|
1249
1253
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1250
1254
|
})));
|
|
1251
1255
|
}),
|
|
1252
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1253
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1256
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__footer'] }) },
|
|
1257
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__action'] }) }))))));
|
|
1254
1258
|
};
|
|
1255
1259
|
/**
|
|
1256
1260
|
* Molecule UI child component of expandable info
|
|
1257
1261
|
*/
|
|
1258
|
-
var ExpandableInfoDetails = Component$
|
|
1262
|
+
var ExpandableInfoDetails = Component$20;
|
|
1259
1263
|
|
|
1260
1264
|
exports.EExpandableInfoVariant = void 0;
|
|
1261
1265
|
(function (EExpandableInfoVariant) {
|
|
@@ -1276,9 +1280,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1276
1280
|
_a$3)
|
|
1277
1281
|
};
|
|
1278
1282
|
|
|
1279
|
-
var styles$
|
|
1283
|
+
var styles$1Z = {"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"};
|
|
1280
1284
|
|
|
1281
|
-
var Component$
|
|
1285
|
+
var Component$1$ = function (_a) {
|
|
1282
1286
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1283
1287
|
var icon = React.useCallback(function (icon) {
|
|
1284
1288
|
if (icon) {
|
|
@@ -1291,22 +1295,22 @@ var Component$1_ = function (_a) {
|
|
|
1291
1295
|
}, [variant]);
|
|
1292
1296
|
if (!title)
|
|
1293
1297
|
return null;
|
|
1294
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1295
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1298
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message', className] }) },
|
|
1299
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message__container'] }) },
|
|
1296
1300
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1297
1301
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1298
|
-
styles: styles$
|
|
1302
|
+
styles: styles$1Z,
|
|
1299
1303
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1300
1304
|
}) }, title))));
|
|
1301
1305
|
};
|
|
1302
1306
|
/**
|
|
1303
1307
|
* Molecule UI child component of expandable info
|
|
1304
1308
|
*/
|
|
1305
|
-
var ExpandableInfoMessage = Component$
|
|
1309
|
+
var ExpandableInfoMessage = Component$1$;
|
|
1306
1310
|
|
|
1307
|
-
var styles$
|
|
1311
|
+
var styles$1Y = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1308
1312
|
|
|
1309
|
-
var Component$
|
|
1313
|
+
var Component$1_ = function (_a) {
|
|
1310
1314
|
var toggler = _a.toggler, details = _a.details;
|
|
1311
1315
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1312
1316
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1314,28 +1318,28 @@ var Component$1Z = function (_a) {
|
|
|
1314
1318
|
}, []);
|
|
1315
1319
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1316
1320
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1317
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1321
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-modal'] }) },
|
|
1318
1322
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1319
1323
|
};
|
|
1320
1324
|
/**
|
|
1321
1325
|
* Molecule UI child component of expandable info
|
|
1322
1326
|
*/
|
|
1323
|
-
var ExpandableInfoModal = Component$
|
|
1327
|
+
var ExpandableInfoModal = Component$1_;
|
|
1324
1328
|
|
|
1325
|
-
var styles$
|
|
1329
|
+
var styles$1X = {"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"};
|
|
1326
1330
|
|
|
1327
1331
|
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"};
|
|
1328
1332
|
|
|
1329
|
-
var styles$
|
|
1333
|
+
var styles$1W = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1330
1334
|
|
|
1331
1335
|
var Image = function (_a) {
|
|
1332
1336
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1333
1337
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1334
1338
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1335
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1339
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1W['magneto-ui-play-button'] }, playIcon)));
|
|
1336
1340
|
};
|
|
1337
1341
|
|
|
1338
|
-
var styles$
|
|
1342
|
+
var styles$1V = {"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"};
|
|
1339
1343
|
|
|
1340
1344
|
var MegaMenuCard = function (_a) {
|
|
1341
1345
|
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;
|
|
@@ -1345,17 +1349,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1345
1349
|
onClick();
|
|
1346
1350
|
}
|
|
1347
1351
|
}, [onClick]);
|
|
1348
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1349
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1352
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1V["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1353
|
+
icon && (React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__icon"] },
|
|
1350
1354
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1351
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1352
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1353
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1354
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1355
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1355
|
+
logo && (React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__logo"] },
|
|
1356
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1V["magneto-ui-mega-menu-card__logo"] }))),
|
|
1357
|
+
React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__content"] },
|
|
1358
|
+
React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__title"] }, title),
|
|
1359
|
+
React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1356
1360
|
maximumFractionDigits: 3
|
|
1357
1361
|
}), " cupos"))),
|
|
1358
|
-
showRigthArrow && (React__default["default"].createElement("div", { className: styles$
|
|
1362
|
+
showRigthArrow && (React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__arrow"] },
|
|
1359
1363
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1360
1364
|
};
|
|
1361
1365
|
|
|
@@ -1374,24 +1378,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1374
1378
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1375
1379
|
};
|
|
1376
1380
|
|
|
1377
|
-
var styles$
|
|
1381
|
+
var styles$1U = {"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"};
|
|
1378
1382
|
|
|
1379
1383
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1380
1384
|
var Component = function (_a) {
|
|
1381
1385
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1382
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1383
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1386
|
+
return (React__default["default"].createElement("div", { className: styles$1U['mega-menu-side-container'] },
|
|
1387
|
+
React__default["default"].createElement("div", { className: styles$1U['mega-menu-side-container__side'] },
|
|
1384
1388
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1385
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1389
|
+
React__default["default"].createElement("div", { className: styles$1U['mega-menu-side-container__main'] },
|
|
1386
1390
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1387
1391
|
};
|
|
1388
1392
|
return Component;
|
|
1389
1393
|
};
|
|
1390
1394
|
|
|
1391
|
-
var Component$
|
|
1395
|
+
var Component$1Z = function (_a) {
|
|
1392
1396
|
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;
|
|
1393
1397
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1394
|
-
styles: styles$
|
|
1398
|
+
styles: styles$1X,
|
|
1395
1399
|
cls: [
|
|
1396
1400
|
'expandable-info-popover',
|
|
1397
1401
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1399,7 +1403,7 @@ var Component$1Y = function (_a) {
|
|
|
1399
1403
|
]
|
|
1400
1404
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1401
1405
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1402
|
-
styles: styles$
|
|
1406
|
+
styles: styles$1X,
|
|
1403
1407
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1404
1408
|
}) }),
|
|
1405
1409
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1408,19 +1412,19 @@ var Component$1Y = function (_a) {
|
|
|
1408
1412
|
/**
|
|
1409
1413
|
* Molecule UI child component of expandable info
|
|
1410
1414
|
*/
|
|
1411
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1415
|
+
var ExpandableInfoPopover = withClickOut(Component$1Z);
|
|
1412
1416
|
|
|
1413
1417
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1414
1418
|
coin: CoinBlackOutline
|
|
1415
1419
|
};
|
|
1416
1420
|
|
|
1417
|
-
var styles$
|
|
1421
|
+
var styles$1T = {"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"};
|
|
1418
1422
|
|
|
1419
|
-
var Component$
|
|
1423
|
+
var Component$1Y = function (_a) {
|
|
1420
1424
|
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;
|
|
1421
1425
|
var styleGenerator = React.useCallback(function (base) {
|
|
1422
1426
|
return CNM.get({
|
|
1423
|
-
styles: styles$
|
|
1427
|
+
styles: styles$1T,
|
|
1424
1428
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1425
1429
|
});
|
|
1426
1430
|
}, [variant]);
|
|
@@ -1452,7 +1456,7 @@ var Component$1X = function (_a) {
|
|
|
1452
1456
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1453
1457
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1454
1458
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1455
|
-
styles: styles$
|
|
1459
|
+
styles: styles$1T,
|
|
1456
1460
|
cls: [
|
|
1457
1461
|
'expandable-info-toggler__summary',
|
|
1458
1462
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1465,11 +1469,11 @@ var Component$1X = function (_a) {
|
|
|
1465
1469
|
/**
|
|
1466
1470
|
* Molecule UI child component of expandable info
|
|
1467
1471
|
*/
|
|
1468
|
-
var ExpandableInfoToggler = Component$
|
|
1472
|
+
var ExpandableInfoToggler = Component$1Y;
|
|
1469
1473
|
|
|
1470
|
-
var styles$
|
|
1474
|
+
var styles$1S = {"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"};
|
|
1471
1475
|
|
|
1472
|
-
var Component$
|
|
1476
|
+
var Component$1X = function (_a) {
|
|
1473
1477
|
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;
|
|
1474
1478
|
var togglerProps = React.useMemo(function () { return ({
|
|
1475
1479
|
details: details,
|
|
@@ -1483,9 +1487,9 @@ var Component$1W = function (_a) {
|
|
|
1483
1487
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1484
1488
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1485
1489
|
});
|
|
1486
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1490
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info'] }) },
|
|
1487
1491
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1488
|
-
styles: styles$
|
|
1492
|
+
styles: styles$1S,
|
|
1489
1493
|
cls: [
|
|
1490
1494
|
'expandable-info__container',
|
|
1491
1495
|
"expandable-info__container--".concat(variant),
|
|
@@ -1495,13 +1499,13 @@ var Component$1W = function (_a) {
|
|
|
1495
1499
|
}) },
|
|
1496
1500
|
container,
|
|
1497
1501
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1498
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1502
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1499
1503
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1500
1504
|
};
|
|
1501
1505
|
/**
|
|
1502
1506
|
* Molecule UI component for expandable info
|
|
1503
1507
|
*/
|
|
1504
|
-
var ExpandableInfo = Component$
|
|
1508
|
+
var ExpandableInfo = Component$1X;
|
|
1505
1509
|
|
|
1506
1510
|
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"};
|
|
1507
1511
|
|
|
@@ -1529,7 +1533,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1529
1533
|
return React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1530
1534
|
};
|
|
1531
1535
|
|
|
1532
|
-
var styles$
|
|
1536
|
+
var styles$1R = {"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"};
|
|
1533
1537
|
|
|
1534
1538
|
var FilterMenuItem = function (_a) {
|
|
1535
1539
|
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"]);
|
|
@@ -1544,35 +1548,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1544
1548
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1545
1549
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1546
1550
|
var className = React.useMemo(function () {
|
|
1547
|
-
return isApplied ? styles$
|
|
1551
|
+
return isApplied ? styles$1R.selected : isSearched ? styles$1R.isSearched : hiddenCount ? '' : !total && styles$1R.disabled;
|
|
1548
1552
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1549
1553
|
var handleClick = React.useCallback(function () {
|
|
1550
1554
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1551
1555
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1552
1556
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1553
1557
|
if (loading)
|
|
1554
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1555
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1558
|
+
return React__default["default"].createElement("div", { className: styles$1R.skeleton });
|
|
1559
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1R['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1556
1560
|
React__default["default"].createElement("span", null, label),
|
|
1557
1561
|
displayOutput));
|
|
1558
1562
|
};
|
|
1559
1563
|
|
|
1560
|
-
var styles$
|
|
1564
|
+
var styles$1Q = {"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"};
|
|
1561
1565
|
|
|
1562
1566
|
var FilterSearchItem = function (_a) {
|
|
1563
1567
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1564
1568
|
var inputRef = React.useRef(null);
|
|
1565
1569
|
if (loading)
|
|
1566
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1570
|
+
return (React__default["default"].createElement("div", { className: styles$1Q.skeleton },
|
|
1567
1571
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1568
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1572
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1Q['magneto-ui-filter-search'], " ").concat(disabled ? styles$1Q.disabled : '') },
|
|
1569
1573
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1570
1574
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1571
1575
|
};
|
|
1572
1576
|
|
|
1573
|
-
var styles$
|
|
1577
|
+
var styles$1P = {"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"};
|
|
1574
1578
|
|
|
1575
|
-
var Component$
|
|
1579
|
+
var Component$1W = function (_a) {
|
|
1576
1580
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1577
1581
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1578
1582
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1582,46 +1586,46 @@ var Component$1V = function (_a) {
|
|
|
1582
1586
|
return searchList;
|
|
1583
1587
|
}, [searchList, showFullList]);
|
|
1584
1588
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1585
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1586
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1587
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1589
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1P['magneto-ui-frequent-search'] },
|
|
1590
|
+
React__default["default"].createElement("h2", { className: styles$1P['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1591
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1588
1592
|
var props = __rest(_a, []);
|
|
1589
1593
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1590
1594
|
})),
|
|
1591
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1595
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1P['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1592
1596
|
showMore,
|
|
1593
1597
|
" (",
|
|
1594
1598
|
searchList.length,
|
|
1595
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1599
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1P['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1596
1600
|
};
|
|
1597
1601
|
/**
|
|
1598
1602
|
* UI Atom component of Frequent Search
|
|
1599
1603
|
*/
|
|
1600
|
-
var FrequentSearch = Component$
|
|
1604
|
+
var FrequentSearch = Component$1W;
|
|
1601
1605
|
|
|
1602
1606
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1603
1607
|
|
|
1604
|
-
var Component$
|
|
1608
|
+
var Component$1V = function (_a) {
|
|
1605
1609
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1606
1610
|
return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
|
|
1607
1611
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1608
1612
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1609
1613
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1610
1614
|
};
|
|
1611
|
-
var HeaderDrawerCompany = Component$
|
|
1615
|
+
var HeaderDrawerCompany = Component$1V;
|
|
1612
1616
|
|
|
1613
|
-
var styles$
|
|
1617
|
+
var styles$1O = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1614
1618
|
|
|
1615
|
-
var Component$
|
|
1619
|
+
var Component$1U = function (_a) {
|
|
1616
1620
|
var children = _a.children;
|
|
1617
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1621
|
+
return React__default["default"].createElement("div", { className: styles$1O.TabComponent }, children);
|
|
1618
1622
|
};
|
|
1619
1623
|
/**
|
|
1620
1624
|
* Molecule UI for Tab
|
|
1621
1625
|
*/
|
|
1622
|
-
var Tab = Component$
|
|
1626
|
+
var Tab = Component$1U;
|
|
1623
1627
|
|
|
1624
|
-
var styles$
|
|
1628
|
+
var styles$1N = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1625
1629
|
|
|
1626
1630
|
var toCSSVariables = function (input) {
|
|
1627
1631
|
var output = {};
|
|
@@ -1636,35 +1640,35 @@ var toCSSVariables = function (input) {
|
|
|
1636
1640
|
return output;
|
|
1637
1641
|
};
|
|
1638
1642
|
|
|
1639
|
-
var Component$
|
|
1643
|
+
var Component$1T = function (_a) {
|
|
1640
1644
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1641
1645
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1642
1646
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1643
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1647
|
+
return (React__default["default"].createElement("div", { className: styles$1N.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1644
1648
|
};
|
|
1645
1649
|
/**
|
|
1646
1650
|
* Molecule UI component for Tab Button
|
|
1647
1651
|
*/
|
|
1648
|
-
var TabButton = Component$
|
|
1652
|
+
var TabButton = Component$1T;
|
|
1649
1653
|
|
|
1650
|
-
var styles$
|
|
1654
|
+
var styles$1M = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1651
1655
|
|
|
1652
|
-
var Component$
|
|
1656
|
+
var Component$1S = function (_a) {
|
|
1653
1657
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1654
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1658
|
+
return (React__default["default"].createElement("div", { className: styles$1M.HeaderDrawerTabsComponent },
|
|
1655
1659
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1656
1660
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1657
1661
|
React__default["default"].createElement(Tab, null,
|
|
1658
1662
|
React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1659
1663
|
React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1660
1664
|
};
|
|
1661
|
-
var HeaderDrawerTabs = Component$
|
|
1665
|
+
var HeaderDrawerTabs = Component$1S;
|
|
1662
1666
|
|
|
1663
|
-
var styles$
|
|
1667
|
+
var styles$1L = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1664
1668
|
|
|
1665
|
-
var Component$
|
|
1669
|
+
var Component$1R = function (_a) {
|
|
1666
1670
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1667
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1671
|
+
return (React__default["default"].createElement("div", { className: styles$1L.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1668
1672
|
var headerTabProps = __rest(_a, []);
|
|
1669
1673
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1670
1674
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1675,9 +1679,9 @@ var Component$1Q = function (_a) {
|
|
|
1675
1679
|
/**
|
|
1676
1680
|
* Molecule UI component for header tabs information`
|
|
1677
1681
|
*/
|
|
1678
|
-
var HeaderTabs = Component$
|
|
1682
|
+
var HeaderTabs = Component$1R;
|
|
1679
1683
|
|
|
1680
|
-
var styles$
|
|
1684
|
+
var styles$1K = {"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"};
|
|
1681
1685
|
|
|
1682
1686
|
var Input = function (_a) {
|
|
1683
1687
|
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"]);
|
|
@@ -1712,28 +1716,28 @@ var Input = function (_a) {
|
|
|
1712
1716
|
setInputValue(e.target.value);
|
|
1713
1717
|
}, [onChange]);
|
|
1714
1718
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1715
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1719
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(classMUI, "-input")] },
|
|
1716
1720
|
React__default["default"].createElement("div", null,
|
|
1717
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1721
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(classMUI, "-input--container")] },
|
|
1718
1722
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1719
1723
|
left: hideIcon ? '10px' : '40px',
|
|
1720
1724
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1721
1725
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1722
|
-
}, className: styles$
|
|
1726
|
+
}, className: styles$1K["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1723
1727
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1724
1728
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1725
|
-
}, disabled: disabled, className: styles$
|
|
1726
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1727
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1729
|
+
}, disabled: disabled, className: styles$1K["".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" })),
|
|
1730
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1K["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1731
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1K["".concat(classMUI, "-input--container__icon-action")] },
|
|
1728
1732
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1729
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1730
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1733
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1K['footer-without-error'] : '') },
|
|
1734
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1K["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1731
1735
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1732
1736
|
};
|
|
1733
1737
|
|
|
1734
|
-
var styles$
|
|
1738
|
+
var styles$1J = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1735
1739
|
|
|
1736
|
-
var Component$
|
|
1740
|
+
var Component$1Q = function (_a) {
|
|
1737
1741
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1738
1742
|
var loadingSize = React.useMemo(function () {
|
|
1739
1743
|
if (size) {
|
|
@@ -1747,11 +1751,11 @@ var Component$1P = function (_a) {
|
|
|
1747
1751
|
height: '15px'
|
|
1748
1752
|
};
|
|
1749
1753
|
}, [size]);
|
|
1750
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1754
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1J["".concat(classMUI, "-flat-loader")] }));
|
|
1751
1755
|
};
|
|
1752
|
-
var FlatLoader = Component$
|
|
1756
|
+
var FlatLoader = Component$1Q;
|
|
1753
1757
|
|
|
1754
|
-
var styles$
|
|
1758
|
+
var styles$1I = {"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"};
|
|
1755
1759
|
|
|
1756
1760
|
var InputPlus = function (_a) {
|
|
1757
1761
|
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;
|
|
@@ -1795,16 +1799,16 @@ var InputPlus = function (_a) {
|
|
|
1795
1799
|
}
|
|
1796
1800
|
}
|
|
1797
1801
|
}, [disabledBtn, handleSubmmit]);
|
|
1798
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1802
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1799
1803
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1800
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1804
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1I["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1I.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1I['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1801
1805
|
};
|
|
1802
1806
|
|
|
1803
|
-
var styles$
|
|
1807
|
+
var styles$1H = {"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"};
|
|
1804
1808
|
|
|
1805
1809
|
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"};
|
|
1806
1810
|
|
|
1807
|
-
var Component$
|
|
1811
|
+
var Component$1P = function (_a) {
|
|
1808
1812
|
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"]);
|
|
1809
1813
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1810
1814
|
return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1822,10 +1826,10 @@ var Component$1O = function (_a) {
|
|
|
1822
1826
|
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1823
1827
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
|
|
1824
1828
|
};
|
|
1825
|
-
Component$
|
|
1826
|
-
var SharePopover = Component$
|
|
1829
|
+
Component$1P.displayName = 'SharePopover';
|
|
1830
|
+
var SharePopover = Component$1P;
|
|
1827
1831
|
|
|
1828
|
-
var Component$
|
|
1832
|
+
var Component$1O = function (_a) {
|
|
1829
1833
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1830
1834
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1831
1835
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1833,30 +1837,30 @@ var Component$1N = function (_a) {
|
|
|
1833
1837
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1834
1838
|
}); });
|
|
1835
1839
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1836
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1837
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1838
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1840
|
+
return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-actions'] },
|
|
1841
|
+
React__default["default"].createElement("div", { id: styles$1H['magneto-ui__external-child'] }, externalButtonChild),
|
|
1842
|
+
React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1839
1843
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1840
1844
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1841
1845
|
filteredActionsLinkList.map(function (_a) {
|
|
1842
1846
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1843
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1844
|
-
React__default["default"].createElement("a", { className: styles$
|
|
1847
|
+
return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1848
|
+
React__default["default"].createElement("a", { className: styles$1H['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1845
1849
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1846
1850
|
}))));
|
|
1847
1851
|
};
|
|
1848
1852
|
/**
|
|
1849
1853
|
* UI Molecule Component for Jobs Actions
|
|
1850
1854
|
*/
|
|
1851
|
-
var JobActions = Component$
|
|
1855
|
+
var JobActions = Component$1O;
|
|
1852
1856
|
|
|
1853
|
-
var styles$
|
|
1857
|
+
var styles$1G = {"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"};
|
|
1854
1858
|
|
|
1855
|
-
var Component$
|
|
1859
|
+
var Component$1N = function (_a) {
|
|
1856
1860
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1857
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1858
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1859
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1861
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
1862
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
1863
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__header'] },
|
|
1860
1864
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1861
1865
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1862
1866
|
offerApplyElements
|
|
@@ -1866,16 +1870,16 @@ var Component$1M = function (_a) {
|
|
|
1866
1870
|
})
|
|
1867
1871
|
.map(function (_a) {
|
|
1868
1872
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1869
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1873
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1870
1874
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1871
1875
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1872
1876
|
})),
|
|
1873
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1877
|
+
React__default["default"].createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalChild))));
|
|
1874
1878
|
};
|
|
1875
1879
|
/**
|
|
1876
1880
|
* UI Molecule Component for Job Apply Card
|
|
1877
1881
|
*/
|
|
1878
|
-
var JobApplyCard = Component$
|
|
1882
|
+
var JobApplyCard = Component$1N;
|
|
1879
1883
|
|
|
1880
1884
|
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"};
|
|
1881
1885
|
|
|
@@ -1959,29 +1963,29 @@ var JobCard = function (_a) {
|
|
|
1959
1963
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
1960
1964
|
};
|
|
1961
1965
|
|
|
1962
|
-
var styles$
|
|
1966
|
+
var styles$1F = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1963
1967
|
|
|
1964
|
-
var Component$
|
|
1968
|
+
var Component$1M = function (_a) {
|
|
1965
1969
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1966
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1970
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-company-header'] },
|
|
1967
1971
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1968
1972
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1969
1973
|
};
|
|
1970
1974
|
/**
|
|
1971
1975
|
* UI Molecule component for Company Job Header
|
|
1972
1976
|
*/
|
|
1973
|
-
var JobCompanyHeader = Component$
|
|
1977
|
+
var JobCompanyHeader = Component$1M;
|
|
1974
1978
|
|
|
1975
|
-
var styles$
|
|
1979
|
+
var styles$1E = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1976
1980
|
|
|
1977
|
-
var Component$
|
|
1981
|
+
var Component$1L = function (_a) {
|
|
1978
1982
|
var offerDescription = _a.offerDescription;
|
|
1979
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1983
|
+
return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
1980
1984
|
};
|
|
1981
1985
|
/**
|
|
1982
1986
|
* UI Molecule Component for Job Detail Card Header
|
|
1983
1987
|
*/
|
|
1984
|
-
var JobDetailCard = Component$
|
|
1988
|
+
var JobDetailCard = Component$1L;
|
|
1985
1989
|
|
|
1986
1990
|
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"};
|
|
1987
1991
|
|
|
@@ -1996,9 +2000,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1996
2000
|
children));
|
|
1997
2001
|
};
|
|
1998
2002
|
|
|
1999
|
-
var styles$
|
|
2003
|
+
var styles$1D = {"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"};
|
|
2000
2004
|
|
|
2001
|
-
var Component$
|
|
2005
|
+
var Component$1K = function (_a) {
|
|
2002
2006
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2003
2007
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2004
2008
|
icon: iconList && iconList[index],
|
|
@@ -2008,27 +2012,27 @@ var Component$1J = function (_a) {
|
|
|
2008
2012
|
var offerDetailText = _a.offerDetailText;
|
|
2009
2013
|
return !!offerDetailText && index !== 1;
|
|
2010
2014
|
});
|
|
2011
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2012
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2015
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-details'] },
|
|
2016
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-details__wrapper'] },
|
|
2013
2017
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2014
2018
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2015
2019
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2016
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2017
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2020
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1D['magneto-ui-job-details__item-detail'] },
|
|
2021
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-details__item-detail-icon'] },
|
|
2018
2022
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2019
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2023
|
+
React__default["default"].createElement("p", { className: styles$1D['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2020
2024
|
})),
|
|
2021
2025
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2022
2026
|
};
|
|
2023
2027
|
/**
|
|
2024
2028
|
* UI Molecule component for Job Detail
|
|
2025
2029
|
*/
|
|
2026
|
-
Component$
|
|
2027
|
-
var JobDetails = Component$
|
|
2030
|
+
Component$1K.displayName = 'JobDetails';
|
|
2031
|
+
var JobDetails = Component$1K;
|
|
2028
2032
|
|
|
2029
|
-
var styles$
|
|
2033
|
+
var styles$1C = {"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"};
|
|
2030
2034
|
|
|
2031
|
-
var Component$
|
|
2035
|
+
var Component$1J = function (_a) {
|
|
2032
2036
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2033
2037
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2034
2038
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2039,28 +2043,28 @@ var Component$1I = function (_a) {
|
|
|
2039
2043
|
title: title
|
|
2040
2044
|
});
|
|
2041
2045
|
});
|
|
2042
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2046
|
+
return (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-footer-card'] },
|
|
2043
2047
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2044
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2048
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-footer-card__icons'] },
|
|
2045
2049
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2046
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2050
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-footer-card__wrapper'] },
|
|
2047
2051
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2048
2052
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2049
2053
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2050
2054
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2051
2055
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2052
2056
|
})),
|
|
2053
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2057
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui__share-button'] },
|
|
2054
2058
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2055
2059
|
};
|
|
2056
2060
|
/**
|
|
2057
2061
|
* UI Molecule component for Job Footer Card
|
|
2058
2062
|
*/
|
|
2059
|
-
var JobFooterCard = Component$
|
|
2063
|
+
var JobFooterCard = Component$1J;
|
|
2060
2064
|
|
|
2061
|
-
var styles$
|
|
2065
|
+
var styles$1B = {"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"};
|
|
2062
2066
|
|
|
2063
|
-
var Component$
|
|
2067
|
+
var Component$1I = function (_a) {
|
|
2064
2068
|
var name = _a.name, score = _a.score;
|
|
2065
2069
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2066
2070
|
var skillRef = React.useRef(null);
|
|
@@ -2096,21 +2100,21 @@ var Component$1H = function (_a) {
|
|
|
2096
2100
|
4: 'four'
|
|
2097
2101
|
};
|
|
2098
2102
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2099
|
-
var fillAnimation = animationApplied ? styles$
|
|
2100
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2101
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2103
|
+
var fillAnimation = animationApplied ? styles$1B[levelClass] : '';
|
|
2104
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1B['magneto-ui-skill'] },
|
|
2105
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-skill__wrapper'] },
|
|
2102
2106
|
React__default["default"].createElement("p", null, name),
|
|
2103
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2107
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1B['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1B['magneto-ui-skill--no-animation']) }))));
|
|
2104
2108
|
};
|
|
2105
|
-
var Skill = Component$
|
|
2109
|
+
var Skill = Component$1I;
|
|
2106
2110
|
|
|
2107
|
-
var styles$
|
|
2111
|
+
var styles$1A = {"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"};
|
|
2108
2112
|
|
|
2109
|
-
var Component$
|
|
2113
|
+
var Component$1H = function (_a) {
|
|
2110
2114
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2111
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2115
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card'] },
|
|
2112
2116
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2113
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2117
|
+
React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2114
2118
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2115
2119
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2116
2120
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2119,9 +2123,9 @@ var Component$1G = function (_a) {
|
|
|
2119
2123
|
/**
|
|
2120
2124
|
* UI Molecule component of Job Skills Card
|
|
2121
2125
|
*/
|
|
2122
|
-
var JobSkillsCard = Component$
|
|
2126
|
+
var JobSkillsCard = Component$1H;
|
|
2123
2127
|
|
|
2124
|
-
var styles$
|
|
2128
|
+
var styles$1z = {"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"};
|
|
2125
2129
|
|
|
2126
2130
|
var JobVideo = function (_a) {
|
|
2127
2131
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2136,13 +2140,13 @@ var JobVideo = function (_a) {
|
|
|
2136
2140
|
setLoadVideo && setLoadVideo(false);
|
|
2137
2141
|
}
|
|
2138
2142
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2139
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2143
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1z[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2140
2144
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2141
2145
|
};
|
|
2142
2146
|
|
|
2143
2147
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2144
2148
|
|
|
2145
|
-
var Component$
|
|
2149
|
+
var Component$1G = function (_a) {
|
|
2146
2150
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2147
2151
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2148
2152
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2150,11 +2154,11 @@ var Component$1F = function (_a) {
|
|
|
2150
2154
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2151
2155
|
})));
|
|
2152
2156
|
};
|
|
2153
|
-
var ListIconLink = Component$
|
|
2157
|
+
var ListIconLink = Component$1G;
|
|
2154
2158
|
|
|
2155
2159
|
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"};
|
|
2156
2160
|
|
|
2157
|
-
var Component$
|
|
2161
|
+
var Component$1F = function (_a) {
|
|
2158
2162
|
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;
|
|
2159
2163
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2160
2164
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2163,11 +2167,11 @@ var Component$1E = function (_a) {
|
|
|
2163
2167
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2164
2168
|
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2165
2169
|
};
|
|
2166
|
-
var MenuIcon = Component$
|
|
2170
|
+
var MenuIcon = Component$1F;
|
|
2167
2171
|
|
|
2168
2172
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2169
2173
|
|
|
2170
|
-
var Component$
|
|
2174
|
+
var Component$1E = function (_a) {
|
|
2171
2175
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2172
2176
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2173
2177
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2188,16 +2192,16 @@ var Component$1D = function (_a) {
|
|
|
2188
2192
|
React__default["default"].createElement(Divider, null),
|
|
2189
2193
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2190
2194
|
};
|
|
2191
|
-
var ListMenuIcons = Component$
|
|
2195
|
+
var ListMenuIcons = Component$1E;
|
|
2192
2196
|
|
|
2193
|
-
var Component$
|
|
2197
|
+
var Component$1D = function (_a) {
|
|
2194
2198
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2195
2199
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2196
2200
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2197
2201
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2198
2202
|
})));
|
|
2199
2203
|
};
|
|
2200
|
-
var ListMenuItems = Component$
|
|
2204
|
+
var ListMenuItems = Component$1D;
|
|
2201
2205
|
|
|
2202
2206
|
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"};
|
|
2203
2207
|
|
|
@@ -2271,9 +2275,9 @@ var useMegaMenuMain = function () {
|
|
|
2271
2275
|
return mainHeaderProps;
|
|
2272
2276
|
};
|
|
2273
2277
|
|
|
2274
|
-
var styles$
|
|
2278
|
+
var styles$1y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2275
2279
|
|
|
2276
|
-
var Component$
|
|
2280
|
+
var Component$1C = function (_a) {
|
|
2277
2281
|
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;
|
|
2278
2282
|
var handleClick = React.useCallback(function (event) {
|
|
2279
2283
|
if (onClick) {
|
|
@@ -2281,15 +2285,15 @@ var Component$1B = function (_a) {
|
|
|
2281
2285
|
onClick();
|
|
2282
2286
|
}
|
|
2283
2287
|
}, [onClick]);
|
|
2284
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2285
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2286
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2287
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2288
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1y['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2289
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1y['button-link__icon'] })),
|
|
2290
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1y['button-link__text'] }, buttonText),
|
|
2291
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1y['button-link__icon'] }))));
|
|
2288
2292
|
};
|
|
2289
2293
|
/**
|
|
2290
2294
|
* UI Atom Component of Save Button
|
|
2291
2295
|
*/
|
|
2292
|
-
var ButtonLink = Component$
|
|
2296
|
+
var ButtonLink = Component$1C;
|
|
2293
2297
|
|
|
2294
2298
|
var MegaMenuJobsTabs = function () {
|
|
2295
2299
|
var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2316,7 +2320,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2316
2320
|
React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2317
2321
|
};
|
|
2318
2322
|
|
|
2319
|
-
var styles$
|
|
2323
|
+
var styles$1x = {"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"};
|
|
2320
2324
|
|
|
2321
2325
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2322
2326
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2335,27 +2339,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2335
2339
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2336
2340
|
}, [showContent]);
|
|
2337
2341
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2338
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2339
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2340
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2341
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2342
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2343
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2342
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1x["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2343
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1x["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2344
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1x["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2345
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1x["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2346
|
+
React__default["default"].createElement("div", { className: styles$1x["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2347
|
+
React__default["default"].createElement("div", { className: styles$1x["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2344
2348
|
event.stopPropagation();
|
|
2345
2349
|
} }, children))));
|
|
2346
2350
|
};
|
|
2347
2351
|
|
|
2348
|
-
var styles$
|
|
2352
|
+
var styles$1w = {"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"};
|
|
2349
2353
|
|
|
2350
2354
|
var MenuSearch = function (_a) {
|
|
2351
2355
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2352
2356
|
var onBlur = React.useCallback(function () {
|
|
2353
2357
|
handleOnBlur && handleOnBlur();
|
|
2354
2358
|
}, [handleOnBlur]);
|
|
2355
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2356
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2359
|
+
return (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2360
|
+
React__default["default"].createElement("div", { className: styles$1w['magneto-ui-menu-search_container'] },
|
|
2357
2361
|
children,
|
|
2358
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2362
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1w['magneto-ui-menu-search_content'], " ").concat(show && styles$1w.open) }, content))));
|
|
2359
2363
|
};
|
|
2360
2364
|
|
|
2361
2365
|
var iconByType = {
|
|
@@ -2366,9 +2370,9 @@ var iconByType = {
|
|
|
2366
2370
|
};
|
|
2367
2371
|
var transitionDuration = 300;
|
|
2368
2372
|
|
|
2369
|
-
var styles$
|
|
2373
|
+
var styles$1v = {"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"};
|
|
2370
2374
|
|
|
2371
|
-
var Component$
|
|
2375
|
+
var Component$1B = function (_a) {
|
|
2372
2376
|
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;
|
|
2373
2377
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2374
2378
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2380,7 +2384,7 @@ var Component$1A = function (_a) {
|
|
|
2380
2384
|
}); }, []);
|
|
2381
2385
|
var containerStyles = React.useMemo(function () {
|
|
2382
2386
|
return CNM.get({
|
|
2383
|
-
styles: styles$
|
|
2387
|
+
styles: styles$1v,
|
|
2384
2388
|
cls: [
|
|
2385
2389
|
'message__container',
|
|
2386
2390
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2388,7 +2392,7 @@ var Component$1A = function (_a) {
|
|
|
2388
2392
|
]
|
|
2389
2393
|
});
|
|
2390
2394
|
}, [type, toggleAnimation]);
|
|
2391
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2395
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1v, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2392
2396
|
React.useEffect(function () {
|
|
2393
2397
|
if (!localVisible)
|
|
2394
2398
|
return;
|
|
@@ -2420,9 +2424,9 @@ var Component$1A = function (_a) {
|
|
|
2420
2424
|
setIsAnimating(visible);
|
|
2421
2425
|
}, [isAnimating, visible]);
|
|
2422
2426
|
return localVisible
|
|
2423
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2427
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1v, cls: [className] }) },
|
|
2424
2428
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2425
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2429
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1v, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2426
2430
|
React__default["default"].createElement("div", null,
|
|
2427
2431
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2428
2432
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2431,13 +2435,13 @@ var Component$1A = function (_a) {
|
|
|
2431
2435
|
/**
|
|
2432
2436
|
* Molecule UI component for Message
|
|
2433
2437
|
*/
|
|
2434
|
-
var Message = Component$
|
|
2438
|
+
var Message = Component$1B;
|
|
2435
2439
|
|
|
2436
|
-
var styles$
|
|
2440
|
+
var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2437
2441
|
|
|
2438
|
-
var Component$
|
|
2442
|
+
var Component$1A = function (_a) {
|
|
2439
2443
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2440
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2444
|
+
return (React__default["default"].createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
|
|
2441
2445
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2442
2446
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2443
2447
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2445,11 +2449,11 @@ var Component$1z = function (_a) {
|
|
|
2445
2449
|
/**
|
|
2446
2450
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2447
2451
|
*/
|
|
2448
|
-
var MobileJobDetailsHeader = Component$
|
|
2452
|
+
var MobileJobDetailsHeader = Component$1A;
|
|
2449
2453
|
|
|
2450
|
-
var styles$
|
|
2454
|
+
var styles$1t = {"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"};
|
|
2451
2455
|
|
|
2452
|
-
var Component$
|
|
2456
|
+
var Component$1z = function (_a) {
|
|
2453
2457
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2454
2458
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2455
2459
|
var searchInputRef = React.useRef(null);
|
|
@@ -2471,20 +2475,20 @@ var Component$1y = function (_a) {
|
|
|
2471
2475
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2472
2476
|
}
|
|
2473
2477
|
}, [focusSearchInput]);
|
|
2474
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2478
|
+
return (React__default["default"].createElement("div", { className: styles$1t.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2475
2479
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2476
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2477
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2480
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1t['search-badge'] }),
|
|
2481
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1t['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2478
2482
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2479
2483
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2480
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2484
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1t['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2481
2485
|
};
|
|
2482
2486
|
/**
|
|
2483
2487
|
* Molecule UI component for MobileSearchbar
|
|
2484
2488
|
*/
|
|
2485
|
-
var MobileSearchbar = Component$
|
|
2489
|
+
var MobileSearchbar = Component$1z;
|
|
2486
2490
|
|
|
2487
|
-
var styles$
|
|
2491
|
+
var styles$1s = {"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"};
|
|
2488
2492
|
|
|
2489
2493
|
var Modal = function (_a) {
|
|
2490
2494
|
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;
|
|
@@ -2497,40 +2501,40 @@ var Modal = function (_a) {
|
|
|
2497
2501
|
if (!isOpen)
|
|
2498
2502
|
return null;
|
|
2499
2503
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2500
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2501
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2502
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2504
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1s["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2505
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1s["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2506
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2503
2507
|
children,
|
|
2504
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2508
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1s["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2505
2509
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2506
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2510
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1s["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2507
2511
|
};
|
|
2508
2512
|
var Title = function (_a) {
|
|
2509
2513
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2510
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2514
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1s["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2511
2515
|
};
|
|
2512
2516
|
var Description = function (_a) {
|
|
2513
2517
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2514
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2518
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1s["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2515
2519
|
};
|
|
2516
2520
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2517
2521
|
|
|
2518
|
-
var styles$
|
|
2522
|
+
var styles$1r = {"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"};
|
|
2519
2523
|
|
|
2520
2524
|
var BtnPagination = function (_a) {
|
|
2521
2525
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2522
2526
|
var displayContent = React.useMemo(function () {
|
|
2523
2527
|
if (loading && value && current === value)
|
|
2524
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2528
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1r['magneto-ui-btn-pagination_spinner'] });
|
|
2525
2529
|
return value;
|
|
2526
2530
|
}, [loading, current, value]);
|
|
2527
2531
|
var pageQueryParam = 'paginator[page]=';
|
|
2528
2532
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2529
2533
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2530
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2531
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2534
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1r['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2535
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2532
2536
|
displayContent,
|
|
2533
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2537
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2534
2538
|
displayContent,
|
|
2535
2539
|
displayIcon))));
|
|
2536
2540
|
};
|
|
@@ -2581,7 +2585,7 @@ var createPagination = function (_a) {
|
|
|
2581
2585
|
};
|
|
2582
2586
|
};
|
|
2583
2587
|
|
|
2584
|
-
var styles$
|
|
2588
|
+
var styles$1q = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2585
2589
|
|
|
2586
2590
|
var Pagination = function (_a) {
|
|
2587
2591
|
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;
|
|
@@ -2600,16 +2604,16 @@ var Pagination = function (_a) {
|
|
|
2600
2604
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2601
2605
|
if (total <= pageSize)
|
|
2602
2606
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2603
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2607
|
+
return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-pagination'] },
|
|
2604
2608
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2605
2609
|
React__default["default"].createElement("ul", null,
|
|
2606
2610
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2607
2611
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2608
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2612
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }))),
|
|
2609
2613
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2610
2614
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2611
2615
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2612
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2616
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }),
|
|
2613
2617
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2614
2618
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2615
2619
|
};
|
|
@@ -2629,9 +2633,9 @@ var generateID = function () {
|
|
|
2629
2633
|
return uniqueID;
|
|
2630
2634
|
};
|
|
2631
2635
|
|
|
2632
|
-
var styles$
|
|
2636
|
+
var styles$1p = {"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"};
|
|
2633
2637
|
|
|
2634
|
-
var Component$
|
|
2638
|
+
var Component$1y = function (_a) {
|
|
2635
2639
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2636
2640
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2637
2641
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2659,19 +2663,19 @@ var Component$1x = function (_a) {
|
|
|
2659
2663
|
}
|
|
2660
2664
|
return { backgroundColor: '#c4c4c4' };
|
|
2661
2665
|
}, [color, score, spanHover]);
|
|
2662
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2666
|
+
return (React__default["default"].createElement("div", { className: styles$1p['magneto-ui-score-level'] },
|
|
2663
2667
|
React__default["default"].createElement("p", null, name),
|
|
2664
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2668
|
+
React__default["default"].createElement("div", { className: styles$1p['magneto-ui-score-level__summary'] },
|
|
2665
2669
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2666
2670
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2667
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2671
|
+
React__default["default"].createElement("button", { className: styles$1p['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2668
2672
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2669
2673
|
};
|
|
2670
|
-
var ScoreLevel = Component$
|
|
2674
|
+
var ScoreLevel = Component$1y;
|
|
2671
2675
|
|
|
2672
|
-
var styles$
|
|
2676
|
+
var styles$1o = {"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"};
|
|
2673
2677
|
|
|
2674
|
-
var Component$
|
|
2678
|
+
var Component$1x = function (_a) {
|
|
2675
2679
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2676
2680
|
var labelScore = React.useMemo(function () {
|
|
2677
2681
|
return levels[scoreValue - 1];
|
|
@@ -2686,17 +2690,17 @@ var Component$1w = function (_a) {
|
|
|
2686
2690
|
}
|
|
2687
2691
|
return { backgroundColor: '#c4c4c4' };
|
|
2688
2692
|
}, [color, scoreValue]);
|
|
2689
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2693
|
+
return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2690
2694
|
React__default["default"].createElement("p", null, name),
|
|
2691
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2695
|
+
React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2692
2696
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2693
2697
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2694
2698
|
};
|
|
2695
|
-
var ScoreLevelStatic = Component$
|
|
2699
|
+
var ScoreLevelStatic = Component$1x;
|
|
2696
2700
|
|
|
2697
|
-
var styles$
|
|
2701
|
+
var styles$1n = {"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"};
|
|
2698
2702
|
|
|
2699
|
-
var Component$
|
|
2703
|
+
var Component$1w = function (_a) {
|
|
2700
2704
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2701
2705
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2702
2706
|
React.useEffect(function () {
|
|
@@ -2712,32 +2716,32 @@ var Component$1v = function (_a) {
|
|
|
2712
2716
|
setSearchValue('');
|
|
2713
2717
|
onSearch('');
|
|
2714
2718
|
};
|
|
2715
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2719
|
+
return (React__default["default"].createElement("div", { className: styles$1n.SearchbarComponent },
|
|
2716
2720
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2717
2721
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2718
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2719
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2722
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1n['SearchbarComponent__badge'] }),
|
|
2723
|
+
React__default["default"].createElement("div", { className: styles$1n['magneto-ui-searchbar-buttons'] },
|
|
2720
2724
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2721
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2725
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1n['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2722
2726
|
React__default["default"].createElement("span", null, "|"))),
|
|
2723
2727
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2724
2728
|
};
|
|
2725
2729
|
/**
|
|
2726
2730
|
* UI Molecule of a searchbar
|
|
2727
2731
|
*/
|
|
2728
|
-
var Searchbar = Component$
|
|
2732
|
+
var Searchbar = Component$1w;
|
|
2729
2733
|
|
|
2730
|
-
var styles$
|
|
2734
|
+
var styles$1m = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2731
2735
|
|
|
2732
|
-
var Component$
|
|
2736
|
+
var Component$1v = function (_a) {
|
|
2733
2737
|
var props = __rest(_a, []);
|
|
2734
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2735
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2738
|
+
return (React__default["default"].createElement("div", { className: styles$1m['search-button'] },
|
|
2739
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1m['search-button__badge'] }),
|
|
2736
2740
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2737
2741
|
};
|
|
2738
|
-
var SearchButton = Component$
|
|
2742
|
+
var SearchButton = Component$1v;
|
|
2739
2743
|
|
|
2740
|
-
var styles$
|
|
2744
|
+
var styles$1l = {"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"};
|
|
2741
2745
|
|
|
2742
2746
|
var SimilarJobsCard = function (_a) {
|
|
2743
2747
|
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;
|
|
@@ -2747,12 +2751,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2747
2751
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2748
2752
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2749
2753
|
}, [cities, salary, experience]);
|
|
2750
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2751
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2754
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2755
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2752
2756
|
React__default["default"].createElement("div", null,
|
|
2753
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2754
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2755
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2757
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2758
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2759
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2756
2760
|
};
|
|
2757
2761
|
|
|
2758
2762
|
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"};
|
|
@@ -2774,7 +2778,7 @@ var SortMenu = function (_a) {
|
|
|
2774
2778
|
};
|
|
2775
2779
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2776
2780
|
|
|
2777
|
-
var styles$
|
|
2781
|
+
var styles$1k = {"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"};
|
|
2778
2782
|
|
|
2779
2783
|
var TextArea = function (_a) {
|
|
2780
2784
|
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"]);
|
|
@@ -2800,15 +2804,15 @@ var TextArea = function (_a) {
|
|
|
2800
2804
|
return;
|
|
2801
2805
|
setShowPlaceholder(scrollTop === 0);
|
|
2802
2806
|
}, [showPlaceholder]);
|
|
2803
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2804
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2807
|
+
return (React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area")] },
|
|
2808
|
+
React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area--container")] },
|
|
2805
2809
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2806
2810
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2807
2811
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2808
|
-
}, className: styles$
|
|
2809
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2810
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2811
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2812
|
+
}, className: styles$1k["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2813
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1k["".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 }))),
|
|
2814
|
+
React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area__footer")] },
|
|
2815
|
+
React__default["default"].createElement("span", { className: styles$1k["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2812
2816
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2813
2817
|
};
|
|
2814
2818
|
|
|
@@ -2819,7 +2823,7 @@ var timelineIcons = {
|
|
|
2819
2823
|
current: Clock,
|
|
2820
2824
|
blocked: Lock
|
|
2821
2825
|
};
|
|
2822
|
-
var Component$
|
|
2826
|
+
var Component$1u = function (_a) {
|
|
2823
2827
|
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;
|
|
2824
2828
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2825
2829
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2832,11 +2836,11 @@ var Component$1t = function (_a) {
|
|
|
2832
2836
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2833
2837
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2834
2838
|
};
|
|
2835
|
-
var TimelineEvent = Component$
|
|
2839
|
+
var TimelineEvent = Component$1u;
|
|
2836
2840
|
|
|
2837
|
-
var styles$
|
|
2841
|
+
var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2838
2842
|
|
|
2839
|
-
var Component$
|
|
2843
|
+
var Component$1t = function (_a) {
|
|
2840
2844
|
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
|
|
2841
2845
|
var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2842
2846
|
React.useEffect(function () {
|
|
@@ -2859,29 +2863,29 @@ var Component$1s = function (_a) {
|
|
|
2859
2863
|
}
|
|
2860
2864
|
return false;
|
|
2861
2865
|
};
|
|
2862
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2866
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1j['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2863
2867
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2864
2868
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2865
2869
|
})));
|
|
2866
2870
|
};
|
|
2867
|
-
var ToggleButtonList = Component$
|
|
2871
|
+
var ToggleButtonList = Component$1t;
|
|
2868
2872
|
|
|
2869
|
-
var styles$
|
|
2873
|
+
var styles$1i = {"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"};
|
|
2870
2874
|
|
|
2871
2875
|
var Tooltip = function (_a) {
|
|
2872
2876
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c;
|
|
2873
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2874
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2877
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1i['tooltip-container'], " ").concat(styles$1i["tooltip-".concat(position)]) },
|
|
2878
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1i['tooltip'], " ").concat(styles$1i["tooltip-".concat(position)]) },
|
|
2875
2879
|
children,
|
|
2876
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2880
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1i['tooltip-text'], " ").concat(styles$1i["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2877
2881
|
};
|
|
2878
2882
|
|
|
2879
|
-
var Component$
|
|
2883
|
+
var Component$1s = function (_a) {
|
|
2880
2884
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2881
2885
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2882
2886
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2883
2887
|
};
|
|
2884
|
-
var UserMenu = withClickOut(Component$
|
|
2888
|
+
var UserMenu = withClickOut(Component$1s);
|
|
2885
2889
|
|
|
2886
2890
|
var userMenuAnalystIcons = {
|
|
2887
2891
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2895,11 +2899,11 @@ var userMenuAnalystIcons = {
|
|
|
2895
2899
|
rateUsHelp: Messages2BlackOutline
|
|
2896
2900
|
};
|
|
2897
2901
|
|
|
2898
|
-
var styles$
|
|
2902
|
+
var styles$1h = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
2899
2903
|
|
|
2900
|
-
var styles$
|
|
2904
|
+
var styles$1g = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
2901
2905
|
|
|
2902
|
-
var Component$
|
|
2906
|
+
var Component$1r = function (_a) {
|
|
2903
2907
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2904
2908
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2905
2909
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -2913,12 +2917,12 @@ var Component$1q = function (_a) {
|
|
|
2913
2917
|
}
|
|
2914
2918
|
}, [handleModal, handleMenuOpen, option]);
|
|
2915
2919
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2916
|
-
styles: styles$
|
|
2920
|
+
styles: styles$1g,
|
|
2917
2921
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2918
2922
|
}) },
|
|
2919
2923
|
prefix,
|
|
2920
2924
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
2921
|
-
styles: styles$
|
|
2925
|
+
styles: styles$1g,
|
|
2922
2926
|
cls: ['user-menu-analyst-option-default__container']
|
|
2923
2927
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
2924
2928
|
suffix));
|
|
@@ -2926,31 +2930,31 @@ var Component$1q = function (_a) {
|
|
|
2926
2930
|
/**
|
|
2927
2931
|
* Molecule UI great-grand child component of menu dropdown
|
|
2928
2932
|
*/
|
|
2929
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
2933
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1r);
|
|
2930
2934
|
|
|
2931
|
-
var styles$
|
|
2935
|
+
var styles$1f = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
2932
2936
|
|
|
2933
|
-
var Component$
|
|
2937
|
+
var Component$1q = function (_a) {
|
|
2934
2938
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2935
2939
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2936
|
-
styles: styles$
|
|
2940
|
+
styles: styles$1f,
|
|
2937
2941
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2938
2942
|
}) },
|
|
2939
2943
|
prefix,
|
|
2940
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2944
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1f, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2941
2945
|
suffix));
|
|
2942
2946
|
};
|
|
2943
2947
|
/**
|
|
2944
2948
|
* Molecule UI great-grand child component of menu dropdown
|
|
2945
2949
|
*/
|
|
2946
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
2950
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1q);
|
|
2947
2951
|
|
|
2948
|
-
var styles$
|
|
2952
|
+
var styles$1e = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2949
2953
|
|
|
2950
|
-
var Component$
|
|
2954
|
+
var Component$1p = function (_a) {
|
|
2951
2955
|
var option = _a.option, className = _a.className;
|
|
2952
2956
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2953
|
-
styles: styles$
|
|
2957
|
+
styles: styles$1e,
|
|
2954
2958
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2955
2959
|
}) },
|
|
2956
2960
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -2958,9 +2962,9 @@ var Component$1o = function (_a) {
|
|
|
2958
2962
|
/**
|
|
2959
2963
|
* Molecule UI great-grand child component of menu dropdown
|
|
2960
2964
|
*/
|
|
2961
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
2965
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1p);
|
|
2962
2966
|
|
|
2963
|
-
var Component$
|
|
2967
|
+
var Component$1o = function (_a) {
|
|
2964
2968
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2965
2969
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2966
2970
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2980,7 +2984,7 @@ var Action = function (_a) {
|
|
|
2980
2984
|
/**
|
|
2981
2985
|
* Molecule UI great-grand child component of menu dropdown
|
|
2982
2986
|
*/
|
|
2983
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
2987
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1o);
|
|
2984
2988
|
|
|
2985
2989
|
var EUserMenuAnalystOptionType;
|
|
2986
2990
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3006,28 +3010,28 @@ var optionTypes = (_b = {},
|
|
|
3006
3010
|
_b);
|
|
3007
3011
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3008
3012
|
|
|
3009
|
-
var styles$
|
|
3013
|
+
var styles$1d = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
3010
3014
|
|
|
3011
|
-
var Component$
|
|
3015
|
+
var Component$1n = function (_a) {
|
|
3012
3016
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3013
3017
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3014
3018
|
return (React__default["default"].createElement("div", null,
|
|
3015
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3019
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3016
3020
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
3017
3021
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3018
|
-
styles: styles$
|
|
3022
|
+
styles: styles$1d,
|
|
3019
3023
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3020
3024
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3021
3025
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3022
|
-
styles: styles$
|
|
3026
|
+
styles: styles$1d,
|
|
3023
3027
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3024
3028
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3025
3029
|
};
|
|
3026
|
-
var UserMenuAnalystTitle = Component$
|
|
3030
|
+
var UserMenuAnalystTitle = Component$1n;
|
|
3027
3031
|
|
|
3028
|
-
var styles$
|
|
3032
|
+
var styles$1c = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
3029
3033
|
|
|
3030
|
-
var Component$
|
|
3034
|
+
var Component$1m = function (_a) {
|
|
3031
3035
|
var _b;
|
|
3032
3036
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3033
3037
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3053,13 +3057,13 @@ var Component$1l = function (_a) {
|
|
|
3053
3057
|
var OptionType = getOptionType(option.type);
|
|
3054
3058
|
if (!OptionType)
|
|
3055
3059
|
return null;
|
|
3056
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3057
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3060
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__object'] }) },
|
|
3061
|
+
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$1c, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3058
3062
|
}
|
|
3059
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3063
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3060
3064
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3061
3065
|
}, className: CNM.get({
|
|
3062
|
-
styles: styles$
|
|
3066
|
+
styles: styles$1c,
|
|
3063
3067
|
cls: [
|
|
3064
3068
|
'user-menu-analyst-option__dropdown',
|
|
3065
3069
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3068,8 +3072,8 @@ var Component$1l = function (_a) {
|
|
|
3068
3072
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3069
3073
|
var _a;
|
|
3070
3074
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3071
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3072
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
3075
|
+
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
3076
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1m, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3073
3077
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3074
3078
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3075
3079
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3078,27 +3082,27 @@ var Component$1l = function (_a) {
|
|
|
3078
3082
|
/**
|
|
3079
3083
|
* Molecule UI grand child component of menu dropdown
|
|
3080
3084
|
*/
|
|
3081
|
-
var UserMenuAnalystOption = Component$
|
|
3085
|
+
var UserMenuAnalystOption = Component$1m;
|
|
3082
3086
|
|
|
3083
|
-
var Component$
|
|
3087
|
+
var Component$1l = function (_a) {
|
|
3084
3088
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3085
3089
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3086
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3090
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3087
3091
|
var _a;
|
|
3088
3092
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3089
3093
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3090
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3094
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3091
3095
|
React__default["default"].createElement(Divider, null)))));
|
|
3092
3096
|
})));
|
|
3093
3097
|
};
|
|
3094
3098
|
/**
|
|
3095
3099
|
* Molecule UI child component of user menu analyst
|
|
3096
3100
|
*/
|
|
3097
|
-
var UserMenuAnalystOptions = Component$
|
|
3101
|
+
var UserMenuAnalystOptions = Component$1l;
|
|
3098
3102
|
|
|
3099
|
-
var styles$
|
|
3103
|
+
var styles$1b = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
3100
3104
|
|
|
3101
|
-
var Component$
|
|
3105
|
+
var Component$1k = function (_a) {
|
|
3102
3106
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3103
3107
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3104
3108
|
var actionUrl = React.useMemo(function () {
|
|
@@ -3116,58 +3120,58 @@ var Component$1j = function (_a) {
|
|
|
3116
3120
|
: action.data;
|
|
3117
3121
|
}
|
|
3118
3122
|
}, [action, queryString]);
|
|
3119
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3120
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
3121
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3123
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst'] }) },
|
|
3124
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__header'] }) },
|
|
3125
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user'] }) },
|
|
3122
3126
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3123
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3124
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3125
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3126
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3127
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info'] }) },
|
|
3128
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3129
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3130
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3127
3131
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3128
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3132
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3129
3133
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3130
|
-
styles: styles$
|
|
3134
|
+
styles: styles$1b,
|
|
3131
3135
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3132
3136
|
}), optionClassNames: {
|
|
3133
|
-
link: CNM.get({ styles: styles$
|
|
3134
|
-
dropdown: CNM.get({ styles: styles$
|
|
3137
|
+
link: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__company-link'] }),
|
|
3138
|
+
dropdown: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3135
3139
|
} }))),
|
|
3136
3140
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3137
3141
|
};
|
|
3138
3142
|
/**
|
|
3139
3143
|
* Molecule UI component for user menu
|
|
3140
3144
|
*/
|
|
3141
|
-
var UserMenuAnalyst = Component$
|
|
3145
|
+
var UserMenuAnalyst = Component$1k;
|
|
3142
3146
|
|
|
3143
|
-
var styles$
|
|
3147
|
+
var styles$1a = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3144
3148
|
|
|
3145
|
-
var Component$
|
|
3149
|
+
var Component$1j = function (_a) {
|
|
3146
3150
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
3147
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3151
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3148
3152
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3149
3153
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3150
3154
|
};
|
|
3151
3155
|
/**
|
|
3152
3156
|
* Molecule UI child component of user menu analyst wrapper
|
|
3153
3157
|
*/
|
|
3154
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3158
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1j);
|
|
3155
3159
|
|
|
3156
|
-
var styles$
|
|
3160
|
+
var styles$19 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3157
3161
|
|
|
3158
|
-
var Component$
|
|
3162
|
+
var Component$1i = function (_a) {
|
|
3159
3163
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
3160
3164
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3161
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3165
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$19, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3162
3166
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3163
3167
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3164
3168
|
};
|
|
3165
3169
|
/**
|
|
3166
3170
|
* Molecule UI child component of user menu analyst wrapper
|
|
3167
3171
|
*/
|
|
3168
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3172
|
+
var UserMenuWrapperAnalystModal = Component$1i;
|
|
3169
3173
|
|
|
3170
|
-
var Component$
|
|
3174
|
+
var Component$1h = function (_a) {
|
|
3171
3175
|
var props = __rest(_a, []);
|
|
3172
3176
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
3173
3177
|
React.useEffect(function () {
|
|
@@ -3189,19 +3193,35 @@ var Component$1g = function (_a) {
|
|
|
3189
3193
|
/**
|
|
3190
3194
|
* Molecule UI component for user menu wrapper analyst
|
|
3191
3195
|
*/
|
|
3192
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3196
|
+
var UserMenuWrapperAnalyst = Component$1h;
|
|
3197
|
+
|
|
3198
|
+
var styles$18 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_i29nu","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_i29nu","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_i29nu","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_i29nu"};
|
|
3199
|
+
|
|
3200
|
+
var Component$1g = function (_a) {
|
|
3201
|
+
var fraudLink = _a.fraudLink;
|
|
3202
|
+
return (React__default["default"].createElement("div", { className: styles$18['fraud-card-job'] },
|
|
3203
|
+
React__default["default"].createElement("div", { className: styles$18['fraud-card-job__header'] },
|
|
3204
|
+
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
3205
|
+
React__default["default"].createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
|
|
3206
|
+
React__default["default"].createElement("div", null,
|
|
3207
|
+
React__default["default"].createElement("p", { className: styles$18['fraud-card-job__text'] }, "Magneto y sus empresas aliadas nunca te pedir\u00E1n dinero a cambio en un proceso de selecci\u00F3n. Ten cuidado, revisa bien la vacante y si ves algo sospechoso rep\u00F3rtalo."),
|
|
3208
|
+
React__default["default"].createElement("a", { className: styles$18['fraud-card-job__link'], href: fraudLink },
|
|
3209
|
+
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
3210
|
+
"Reportar fraude"))));
|
|
3211
|
+
};
|
|
3212
|
+
var FraudCardJob = Component$1g;
|
|
3193
3213
|
|
|
3194
3214
|
var Component$1f = function (_a) {
|
|
3195
3215
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3196
3216
|
var component = React.useMemo(function () {
|
|
3197
3217
|
var _a, _b, _c;
|
|
3198
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3218
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container'] }) },
|
|
3199
3219
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3200
3220
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3201
3221
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3202
3222
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3203
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3204
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3223
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3224
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3205
3225
|
});
|
|
3206
3226
|
return container;
|
|
3207
3227
|
};
|
|
@@ -5201,7 +5221,7 @@ var SimilarJobs = function (_a) {
|
|
|
5201
5221
|
};
|
|
5202
5222
|
|
|
5203
5223
|
var Component$H = function (_a) {
|
|
5204
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5224
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5205
5225
|
var jobDetailsRef = React.useRef(null);
|
|
5206
5226
|
React.useEffect(function () {
|
|
5207
5227
|
if (jobDetailsRef.current) {
|
|
@@ -5220,6 +5240,7 @@ var Component$H = function (_a) {
|
|
|
5220
5240
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5221
5241
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5222
5242
|
React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5243
|
+
React__default["default"].createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5223
5244
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5224
5245
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5225
5246
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
|
|
@@ -5757,7 +5778,7 @@ var Swipe = function (_a) {
|
|
|
5757
5778
|
};
|
|
5758
5779
|
|
|
5759
5780
|
var Component$y = function (_a) {
|
|
5760
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5781
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5761
5782
|
var handleClose = React.useCallback(function () {
|
|
5762
5783
|
if (onClose) {
|
|
5763
5784
|
onClose();
|
|
@@ -5771,27 +5792,29 @@ var Component$y = function (_a) {
|
|
|
5771
5792
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5772
5793
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5773
5794
|
jobSkillsCardProps && React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5795
|
+
React__default["default"].createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5774
5796
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5775
5797
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5776
5798
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
|
|
5777
5799
|
}, [
|
|
5778
|
-
handleClose,
|
|
5779
|
-
isLoading,
|
|
5780
|
-
jobApplyCardProps,
|
|
5781
|
-
jobCompanyLogoProps,
|
|
5782
5800
|
jobDetailAction,
|
|
5783
|
-
|
|
5801
|
+
isLoading,
|
|
5784
5802
|
jobDetailsHeaderText,
|
|
5803
|
+
handleClose,
|
|
5804
|
+
jobCompanyLogoProps,
|
|
5785
5805
|
jobDetailsProps,
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
|
|
5806
|
+
cities,
|
|
5807
|
+
isRemote,
|
|
5808
|
+
textRemote,
|
|
5789
5809
|
jobVideo,
|
|
5790
5810
|
loadVideo,
|
|
5791
5811
|
setLoadVideo,
|
|
5792
|
-
|
|
5793
|
-
|
|
5794
|
-
|
|
5812
|
+
jobDetailCardProps,
|
|
5813
|
+
jobSkillsCardProps,
|
|
5814
|
+
fraudLink,
|
|
5815
|
+
jobApplyCardProps,
|
|
5816
|
+
jobFooterCardProps,
|
|
5817
|
+
similarJobsProps
|
|
5795
5818
|
]);
|
|
5796
5819
|
var content = React.useMemo(function () {
|
|
5797
5820
|
return swipeProps ? (React__default["default"].createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
|
|
@@ -7857,6 +7880,7 @@ exports.FilterSearchItem = FilterSearchItem;
|
|
|
7857
7880
|
exports.FlatLoader = FlatLoader;
|
|
7858
7881
|
exports.Footer = Footer;
|
|
7859
7882
|
exports.FooterMenuLinks = FooterMenuLinks;
|
|
7883
|
+
exports.FraudCardJob = FraudCardJob;
|
|
7860
7884
|
exports.FrequentSearch = FrequentSearch;
|
|
7861
7885
|
exports.HeaderAnalyst = HeaderAnalyst;
|
|
7862
7886
|
exports.HeaderDrawerCompany = HeaderDrawerCompany;
|