magneto365.ui 2.61.2 → 2.63.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/gif/e2ca38f1e0d908d9.gif +0 -0
- package/dist/assets/img/d01f8eef0ddaca1f.png +0 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +547 -514
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/DotsLoader/DotsLoader.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/atoms/DotsLoader/DotsLoader.interface.d.ts +10 -0
- package/dist/cjs/types/components/UI/atoms/DotsLoader/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface.d.ts +18 -0
- package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +6 -2
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +8 -0
- package/dist/cjs/types/constants/gifs.constants.d.ts +1 -0
- package/dist/cjs/types/constants/img.constants.d.ts +1 -0
- package/dist/cjs/types/constants/stories/createAccountCTA.constants.d.ts +2 -0
- package/dist/cjs/types/constants/stories/jobsPage.constants.d.ts +190 -0
- package/dist/cjs/types/constants/stories/megaMenu.constants.d.ts +3 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +546 -515
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/DotsLoader/DotsLoader.component.d.ts +3 -0
- package/dist/esm/types/components/UI/atoms/DotsLoader/DotsLoader.interface.d.ts +10 -0
- package/dist/esm/types/components/UI/atoms/DotsLoader/index.d.ts +1 -0
- package/dist/esm/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface.d.ts +18 -0
- package/dist/esm/types/components/UI/molecules/CreateAccountCTA/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +6 -2
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +8 -0
- package/dist/esm/types/constants/gifs.constants.d.ts +1 -0
- package/dist/esm/types/constants/img.constants.d.ts +1 -0
- package/dist/esm/types/constants/stories/createAccountCTA.constants.d.ts +2 -0
- package/dist/esm/types/constants/stories/jobsPage.constants.d.ts +190 -0
- package/dist/esm/types/constants/stories/megaMenu.constants.d.ts +3 -0
- package/dist/index.d.ts +49 -3
- 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$11 = {"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$2D = 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$2B = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$2D;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$2s = {"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
|
|
|
@@ -552,31 +552,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
552
552
|
|
|
553
553
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
554
554
|
|
|
555
|
-
var Component$
|
|
555
|
+
var Component$2C = function (_a) {
|
|
556
556
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
557
557
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
558
558
|
var handleError = function () {
|
|
559
559
|
setImageError(true);
|
|
560
560
|
};
|
|
561
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
561
|
+
return (React__default["default"].createElement("div", { className: styles$2s.avatarComponent, onClick: onClick },
|
|
562
562
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
563
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
563
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2s['magneto-ui-default-avatar'] },
|
|
564
564
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
565
565
|
};
|
|
566
566
|
/**
|
|
567
567
|
* UI Atom component of Avatar
|
|
568
568
|
*/
|
|
569
|
-
var Avatar = Component$
|
|
569
|
+
var Avatar = Component$2C;
|
|
570
570
|
|
|
571
|
-
var styles$
|
|
571
|
+
var styles$2r = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
572
572
|
|
|
573
|
-
var Component$
|
|
573
|
+
var Component$2B = function (_a) {
|
|
574
574
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
575
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
576
|
-
React__default["default"].createElement("span", { className: styles$
|
|
575
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2r['badge-count'], " ").concat(className) },
|
|
576
|
+
React__default["default"].createElement("span", { className: styles$2r['badge-count__animation'] }),
|
|
577
577
|
number && number));
|
|
578
578
|
};
|
|
579
|
-
var Badge = Component$
|
|
579
|
+
var Badge = Component$2B;
|
|
580
580
|
|
|
581
581
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
582
582
|
|
|
@@ -694,9 +694,9 @@ var SignUpButtonStyle = {
|
|
|
694
694
|
}
|
|
695
695
|
};
|
|
696
696
|
|
|
697
|
-
var styles$
|
|
697
|
+
var styles$2q = {"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"};
|
|
698
698
|
|
|
699
|
-
var styles$
|
|
699
|
+
var styles$2p = {"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"};
|
|
700
700
|
|
|
701
701
|
var ShareIcons = {
|
|
702
702
|
Facebook: {
|
|
@@ -716,7 +716,7 @@ var ShareIcons = {
|
|
|
716
716
|
}
|
|
717
717
|
};
|
|
718
718
|
|
|
719
|
-
var Component$
|
|
719
|
+
var Component$2A = function (_a) {
|
|
720
720
|
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, isApplied = _a.isApplied;
|
|
721
721
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
722
722
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -729,46 +729,46 @@ var Component$2y = function (_a) {
|
|
|
729
729
|
};
|
|
730
730
|
if (component)
|
|
731
731
|
return component;
|
|
732
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
733
|
-
React__default["default"].createElement("div", { id: styles$
|
|
732
|
+
return (React__default["default"].createElement("div", { className: styles$2p['magneto-ui-actions'] },
|
|
733
|
+
React__default["default"].createElement("div", { id: styles$2p['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
734
734
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
735
|
-
React__default["default"].createElement("button", { className: styles$
|
|
735
|
+
React__default["default"].createElement("button", { className: styles$2p['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
736
736
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
737
737
|
} },
|
|
738
738
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
739
739
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
740
740
|
actionsLinkList.map(function (_a, index) {
|
|
741
741
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
742
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
742
|
+
return (React__default["default"].createElement("a", { className: styles$2p['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
743
743
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
744
744
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
745
745
|
}),
|
|
746
|
-
React__default["default"].createElement("div", { className: styles$
|
|
747
|
-
React__default["default"].createElement("p", { className: styles$
|
|
748
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
746
|
+
React__default["default"].createElement("div", { className: styles$2p['magneto-ui-actions__header'] },
|
|
747
|
+
React__default["default"].createElement("p", { className: styles$2p['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
748
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2p['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
749
749
|
};
|
|
750
750
|
var ShareLinksAction = function (_a) {
|
|
751
751
|
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;
|
|
752
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
753
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
752
|
+
return (React__default["default"].createElement("div", { className: styles$2p['magneto-ui-actions'] },
|
|
753
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$2p['magneto-ui-actions__share'] }, shareProps)),
|
|
754
754
|
shareLinks.map(function (_a, index) {
|
|
755
755
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
756
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
756
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2p['magneto-ui-actions__link'], styles$2p['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
757
757
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
758
758
|
React__default["default"].createElement("span", null, title)));
|
|
759
759
|
}),
|
|
760
|
-
React__default["default"].createElement("div", { className: styles$
|
|
761
|
-
React__default["default"].createElement("p", { className: styles$
|
|
762
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
763
|
-
React__default["default"].createElement("div", { className: styles$
|
|
764
|
-
React__default["default"].createElement("button", { className: styles$
|
|
760
|
+
React__default["default"].createElement("div", { className: styles$2p['magneto-ui-actions__header'] },
|
|
761
|
+
React__default["default"].createElement("p", { className: styles$2p['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
762
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2p['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
763
|
+
React__default["default"].createElement("div", { className: styles$2p['magneto-ui-actions__back'] },
|
|
764
|
+
React__default["default"].createElement("button", { className: styles$2p['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
765
765
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
766
766
|
backText)));
|
|
767
767
|
};
|
|
768
768
|
/**
|
|
769
769
|
* UI Molecule componet of Actions
|
|
770
770
|
*/
|
|
771
|
-
var Actions = Object.assign(Component$
|
|
771
|
+
var Actions = Object.assign(Component$2A, { ShareLinks: ShareLinksAction });
|
|
772
772
|
|
|
773
773
|
var style$10 = {"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"};
|
|
774
774
|
|
|
@@ -793,7 +793,7 @@ var alertIcons$1 = {
|
|
|
793
793
|
warning: Warning,
|
|
794
794
|
error: Error
|
|
795
795
|
};
|
|
796
|
-
var Component$
|
|
796
|
+
var Component$2z = function (_a) {
|
|
797
797
|
var _b = _a.text, text = _b === void 0 ? '' : _b, type = _a.type, customText = _a.customText, _c = _a.border, border = _c === void 0 ? false : _c, size = _a.size, onClose = _a.onClose, _d = _a.className, className = _d === void 0 ? '' : _d, extraButton = _a.extraButton;
|
|
798
798
|
var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
799
799
|
var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
|
|
@@ -805,7 +805,7 @@ var Component$2x = function (_a) {
|
|
|
805
805
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
806
806
|
extraButton));
|
|
807
807
|
};
|
|
808
|
-
var Alert = Component$
|
|
808
|
+
var Alert = Component$2z;
|
|
809
809
|
|
|
810
810
|
var style$_ = {"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"};
|
|
811
811
|
|
|
@@ -893,7 +893,7 @@ var classNames = {
|
|
|
893
893
|
};
|
|
894
894
|
|
|
895
895
|
var cx$O = classNames.bind(style$Z);
|
|
896
|
-
var Component$
|
|
896
|
+
var Component$2y = function (_a) {
|
|
897
897
|
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;
|
|
898
898
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
899
899
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -929,7 +929,7 @@ var Component$2w = function (_a) {
|
|
|
929
929
|
/**
|
|
930
930
|
* Molecule UI component for Mobile Drawer
|
|
931
931
|
*/
|
|
932
|
-
var MobileDrawer = Component$
|
|
932
|
+
var MobileDrawer = Component$2y;
|
|
933
933
|
|
|
934
934
|
var style$Y = {"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"};
|
|
935
935
|
|
|
@@ -985,11 +985,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
985
985
|
};
|
|
986
986
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
987
987
|
|
|
988
|
-
var styles$
|
|
988
|
+
var styles$2o = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
989
989
|
|
|
990
|
-
var Component$
|
|
990
|
+
var Component$2x = function (_a) {
|
|
991
991
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
992
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
992
|
+
return (React__default["default"].createElement("div", { className: styles$2o.BreadcrumbsComponent },
|
|
993
993
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
994
994
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
995
995
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -997,52 +997,68 @@ var Component$2v = function (_a) {
|
|
|
997
997
|
/**
|
|
998
998
|
* Molecule UI component for breadcrums information
|
|
999
999
|
*/
|
|
1000
|
-
var Breadcrumbs = Component$
|
|
1000
|
+
var Breadcrumbs = Component$2x;
|
|
1001
1001
|
|
|
1002
|
-
var styles$
|
|
1002
|
+
var styles$2n = {"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"};
|
|
1003
1003
|
|
|
1004
1004
|
var CitiesDetailDrawer = function (_a) {
|
|
1005
1005
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
1006
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1007
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1006
|
+
return (React__default["default"].createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1007
|
+
React__default["default"].createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
1008
1008
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
1009
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1010
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
1009
|
+
React__default["default"].createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
1010
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
1011
1011
|
cities &&
|
|
1012
1012
|
cities.map(function (_a, index) {
|
|
1013
1013
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
1014
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1014
|
+
return (React__default["default"].createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
1015
1015
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
1016
1016
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
1017
1017
|
})))) : null));
|
|
1018
1018
|
};
|
|
1019
1019
|
|
|
1020
|
-
var
|
|
1020
|
+
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
1021
1021
|
|
|
1022
|
-
var
|
|
1022
|
+
var styles$2m = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
|
|
1023
|
+
|
|
1024
|
+
var Component$2w = function (_a) {
|
|
1025
|
+
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
1026
|
+
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$2m['create-account-cta'] }, isLoading ? (React__default["default"].createElement("div", { className: styles$2m['create-account-cta__loader'] },
|
|
1027
|
+
React__default["default"].createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1028
|
+
React__default["default"].createElement("img", { className: styles$2m['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
1029
|
+
React__default["default"].createElement("div", { className: styles$2m['create-account-cta__summary'] },
|
|
1030
|
+
React__default["default"].createElement("h4", null, title),
|
|
1031
|
+
React__default["default"].createElement("p", null, description)),
|
|
1032
|
+
React__default["default"].createElement("img", { className: styles$2m['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
1033
|
+
};
|
|
1034
|
+
var CreateAccountCTA = Component$2w;
|
|
1035
|
+
|
|
1036
|
+
var styles$2l = {"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"};
|
|
1037
|
+
|
|
1038
|
+
var Component$2v = function (_a) {
|
|
1023
1039
|
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;
|
|
1024
1040
|
var disabledArrow = React.useMemo(function () {
|
|
1025
1041
|
if (disabled)
|
|
1026
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1042
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2l['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1027
1043
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1028
1044
|
}, [disabled]);
|
|
1029
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1030
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1031
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1045
|
+
return (React__default["default"].createElement("div", { className: styles$2l['magneto-ui--date-dropdown__wrapper'] },
|
|
1046
|
+
React__default["default"].createElement("select", { className: styles$2l["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1047
|
+
React__default["default"].createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1032
1048
|
dateOptions.map(function (_a) {
|
|
1033
1049
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1034
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1050
|
+
return (React__default["default"].createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1035
1051
|
})),
|
|
1036
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1052
|
+
React__default["default"].createElement("span", { className: styles$2l['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1037
1053
|
};
|
|
1038
|
-
var DateDropdown = Component$
|
|
1054
|
+
var DateDropdown = Component$2v;
|
|
1039
1055
|
|
|
1040
|
-
var styles$
|
|
1056
|
+
var styles$2k = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1041
1057
|
|
|
1042
1058
|
var defaultValue$1 = function (value) {
|
|
1043
1059
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1044
1060
|
};
|
|
1045
|
-
var Component$
|
|
1061
|
+
var Component$2u = function (_a) {
|
|
1046
1062
|
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;
|
|
1047
1063
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1048
1064
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1076,16 +1092,16 @@ var Component$2t = function (_a) {
|
|
|
1076
1092
|
}
|
|
1077
1093
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1078
1094
|
}, [disabled]);
|
|
1079
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1095
|
+
return (React__default["default"].createElement("div", { className: styles$2k['magneto-ui--date-picker__wrapper'] },
|
|
1080
1096
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1081
1097
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1082
1098
|
};
|
|
1083
|
-
var DatePicker = Component$
|
|
1099
|
+
var DatePicker = Component$2u;
|
|
1084
1100
|
|
|
1085
1101
|
var style$X = {"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"};
|
|
1086
1102
|
|
|
1087
1103
|
var DEFAULT_PADDING = 20;
|
|
1088
|
-
var Component$
|
|
1104
|
+
var Component$2t = function (_a) {
|
|
1089
1105
|
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;
|
|
1090
1106
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1091
1107
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1131,7 +1147,7 @@ var Component$2s = function (_a) {
|
|
|
1131
1147
|
/**
|
|
1132
1148
|
* Molecule UI component for Drawer
|
|
1133
1149
|
*/
|
|
1134
|
-
var Drawer$1 = Component$
|
|
1150
|
+
var Drawer$1 = Component$2t;
|
|
1135
1151
|
|
|
1136
1152
|
var style$W = {"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"};
|
|
1137
1153
|
|
|
@@ -1194,15 +1210,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1194
1210
|
_c)
|
|
1195
1211
|
};
|
|
1196
1212
|
|
|
1197
|
-
var styles$
|
|
1213
|
+
var styles$2j = {"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"};
|
|
1198
1214
|
|
|
1199
|
-
var Component$
|
|
1215
|
+
var Component$2s = function (_a) {
|
|
1200
1216
|
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;
|
|
1201
1217
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1202
1218
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1203
1219
|
var componentProps = React.useMemo(function () {
|
|
1204
1220
|
var className = CNM.get({
|
|
1205
|
-
styles: styles$
|
|
1221
|
+
styles: styles$2j,
|
|
1206
1222
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1207
1223
|
});
|
|
1208
1224
|
if (isUrl)
|
|
@@ -1224,48 +1240,48 @@ var Component$2r = function (_a) {
|
|
|
1224
1240
|
}
|
|
1225
1241
|
return;
|
|
1226
1242
|
}, [loading, variant]);
|
|
1227
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1228
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1243
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2j, cls: ['expandable-info-action', className] }) },
|
|
1244
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2j, cls: ['expandable-info-action__container'] }) },
|
|
1229
1245
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1230
1246
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1231
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1247
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2j, cls: ['expandable-info-action__title'] }) }, title),
|
|
1232
1248
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1233
1249
|
};
|
|
1234
1250
|
/**
|
|
1235
1251
|
* Molecule UI child component of expandable info
|
|
1236
1252
|
*/
|
|
1237
|
-
var ExpandableInfoAction = Component$
|
|
1253
|
+
var ExpandableInfoAction = Component$2s;
|
|
1238
1254
|
|
|
1239
|
-
var styles$
|
|
1255
|
+
var styles$2i = {"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"};
|
|
1240
1256
|
|
|
1241
|
-
var Component$
|
|
1257
|
+
var Component$2r = function (_a) {
|
|
1242
1258
|
var sections = _a.sections, footer = _a.footer;
|
|
1243
1259
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1244
1260
|
return CNM.get({
|
|
1245
|
-
styles: styles$
|
|
1261
|
+
styles: styles$2i,
|
|
1246
1262
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1247
1263
|
});
|
|
1248
1264
|
}, []);
|
|
1249
1265
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1250
1266
|
return CNM.get({
|
|
1251
|
-
styles: styles$
|
|
1267
|
+
styles: styles$2i,
|
|
1252
1268
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1253
1269
|
});
|
|
1254
1270
|
}, []);
|
|
1255
1271
|
var itemStyles = React.useCallback(function (first) {
|
|
1256
1272
|
return CNM.get({
|
|
1257
|
-
styles: styles$
|
|
1273
|
+
styles: styles$2i,
|
|
1258
1274
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1259
1275
|
});
|
|
1260
1276
|
}, []);
|
|
1261
1277
|
var textStyles = React.useCallback(function (bold) {
|
|
1262
1278
|
return CNM.get({
|
|
1263
|
-
styles: styles$
|
|
1279
|
+
styles: styles$2i,
|
|
1264
1280
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1265
1281
|
});
|
|
1266
1282
|
}, []);
|
|
1267
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1268
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1283
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2i, cls: ['expandable-info-details'] }) },
|
|
1284
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2i, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1269
1285
|
sections.map(function (section, index) {
|
|
1270
1286
|
var _a, _b;
|
|
1271
1287
|
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) {
|
|
@@ -1279,13 +1295,13 @@ var Component$2q = function (_a) {
|
|
|
1279
1295
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1280
1296
|
})));
|
|
1281
1297
|
}),
|
|
1282
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1283
|
-
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$
|
|
1298
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2i, cls: ['expandable-info-details__footer'] }) },
|
|
1299
|
+
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$2i, cls: ['expandable-info-details__action'] }) }))))));
|
|
1284
1300
|
};
|
|
1285
1301
|
/**
|
|
1286
1302
|
* Molecule UI child component of expandable info
|
|
1287
1303
|
*/
|
|
1288
|
-
var ExpandableInfoDetails = Component$
|
|
1304
|
+
var ExpandableInfoDetails = Component$2r;
|
|
1289
1305
|
|
|
1290
1306
|
exports.EExpandableInfoVariant = void 0;
|
|
1291
1307
|
(function (EExpandableInfoVariant) {
|
|
@@ -1306,9 +1322,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1306
1322
|
_a$3)
|
|
1307
1323
|
};
|
|
1308
1324
|
|
|
1309
|
-
var styles$
|
|
1325
|
+
var styles$2h = {"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"};
|
|
1310
1326
|
|
|
1311
|
-
var Component$
|
|
1327
|
+
var Component$2q = function (_a) {
|
|
1312
1328
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1313
1329
|
var icon = React.useCallback(function (icon) {
|
|
1314
1330
|
if (icon) {
|
|
@@ -1321,22 +1337,22 @@ var Component$2p = function (_a) {
|
|
|
1321
1337
|
}, [variant]);
|
|
1322
1338
|
if (!title)
|
|
1323
1339
|
return null;
|
|
1324
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1325
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1340
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-message', className] }) },
|
|
1341
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-message__container'] }) },
|
|
1326
1342
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1327
1343
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1328
|
-
styles: styles$
|
|
1344
|
+
styles: styles$2h,
|
|
1329
1345
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1330
1346
|
}) }, title))));
|
|
1331
1347
|
};
|
|
1332
1348
|
/**
|
|
1333
1349
|
* Molecule UI child component of expandable info
|
|
1334
1350
|
*/
|
|
1335
|
-
var ExpandableInfoMessage = Component$
|
|
1351
|
+
var ExpandableInfoMessage = Component$2q;
|
|
1336
1352
|
|
|
1337
|
-
var styles$
|
|
1353
|
+
var styles$2g = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1338
1354
|
|
|
1339
|
-
var Component$
|
|
1355
|
+
var Component$2p = function (_a) {
|
|
1340
1356
|
var toggler = _a.toggler, details = _a.details;
|
|
1341
1357
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1342
1358
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1344,37 +1360,37 @@ var Component$2o = function (_a) {
|
|
|
1344
1360
|
}, []);
|
|
1345
1361
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1346
1362
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1347
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1363
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2g, cls: ['expandable-info-modal'] }) },
|
|
1348
1364
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1349
1365
|
};
|
|
1350
1366
|
/**
|
|
1351
1367
|
* Molecule UI child component of expandable info
|
|
1352
1368
|
*/
|
|
1353
|
-
var ExpandableInfoModal = Component$
|
|
1369
|
+
var ExpandableInfoModal = Component$2p;
|
|
1354
1370
|
|
|
1355
|
-
var styles$
|
|
1371
|
+
var styles$2f = {"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"};
|
|
1356
1372
|
|
|
1357
|
-
var styles$
|
|
1373
|
+
var styles$2e = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
1358
1374
|
|
|
1359
1375
|
var DesktopSideCards = function (_a) {
|
|
1360
1376
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1361
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1362
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1377
|
+
return (React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container'] },
|
|
1378
|
+
React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container__side'] },
|
|
1363
1379
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1364
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1380
|
+
React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container__main'] },
|
|
1365
1381
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1366
1382
|
};
|
|
1367
1383
|
|
|
1368
1384
|
var MobileSideCards = function (_a) {
|
|
1369
1385
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1370
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1371
|
-
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$
|
|
1386
|
+
return (React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container__main'] },
|
|
1387
|
+
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container__side'] },
|
|
1372
1388
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1373
1389
|
};
|
|
1374
1390
|
|
|
1375
1391
|
var style$V = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1376
1392
|
|
|
1377
|
-
var Component$
|
|
1393
|
+
var Component$2o = function (_a) {
|
|
1378
1394
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1379
1395
|
var _d = React.useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1380
1396
|
var menuActive = isActive ? style$V['is-active'] : '';
|
|
@@ -1405,7 +1421,7 @@ var MegaMenuJobsDrawer = function (_a) {
|
|
|
1405
1421
|
React__default["default"].createElement("p", { className: style$V['item-drawer__title'] }, title)),
|
|
1406
1422
|
React__default["default"].createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
|
|
1407
1423
|
};
|
|
1408
|
-
var MegaMenuDrawerItem = Object.assign(Component$
|
|
1424
|
+
var MegaMenuDrawerItem = Object.assign(Component$2o, {
|
|
1409
1425
|
Drawer: MegaMenuJobsDrawer
|
|
1410
1426
|
});
|
|
1411
1427
|
|
|
@@ -1425,9 +1441,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
1425
1441
|
updateDrawerContent(index);
|
|
1426
1442
|
toogleDrawer();
|
|
1427
1443
|
}, [toogleDrawer, updateDrawerContent]);
|
|
1428
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1444
|
+
return (React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container'] },
|
|
1429
1445
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1430
|
-
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$
|
|
1446
|
+
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$2e['mega-menu-side-container__main'] },
|
|
1431
1447
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1432
1448
|
};
|
|
1433
1449
|
|
|
@@ -1442,10 +1458,10 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
1442
1458
|
return Component;
|
|
1443
1459
|
};
|
|
1444
1460
|
|
|
1445
|
-
var Component$
|
|
1461
|
+
var Component$2n = function (_a) {
|
|
1446
1462
|
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;
|
|
1447
1463
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1448
|
-
styles: styles$
|
|
1464
|
+
styles: styles$2f,
|
|
1449
1465
|
cls: [
|
|
1450
1466
|
'expandable-info-popover',
|
|
1451
1467
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1453,7 +1469,7 @@ var Component$2m = function (_a) {
|
|
|
1453
1469
|
]
|
|
1454
1470
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1455
1471
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1456
|
-
styles: styles$
|
|
1472
|
+
styles: styles$2f,
|
|
1457
1473
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1458
1474
|
}) }),
|
|
1459
1475
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1462,19 +1478,19 @@ var Component$2m = function (_a) {
|
|
|
1462
1478
|
/**
|
|
1463
1479
|
* Molecule UI child component of expandable info
|
|
1464
1480
|
*/
|
|
1465
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1481
|
+
var ExpandableInfoPopover = withClickOut(Component$2n);
|
|
1466
1482
|
|
|
1467
1483
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1468
1484
|
coin: CoinBlackOutline
|
|
1469
1485
|
};
|
|
1470
1486
|
|
|
1471
|
-
var styles$
|
|
1487
|
+
var styles$2d = {"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"};
|
|
1472
1488
|
|
|
1473
|
-
var Component$
|
|
1489
|
+
var Component$2m = function (_a) {
|
|
1474
1490
|
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;
|
|
1475
1491
|
var styleGenerator = React.useCallback(function (base) {
|
|
1476
1492
|
return CNM.get({
|
|
1477
|
-
styles: styles$
|
|
1493
|
+
styles: styles$2d,
|
|
1478
1494
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1479
1495
|
});
|
|
1480
1496
|
}, [variant]);
|
|
@@ -1506,7 +1522,7 @@ var Component$2l = function (_a) {
|
|
|
1506
1522
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1507
1523
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1508
1524
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1509
|
-
styles: styles$
|
|
1525
|
+
styles: styles$2d,
|
|
1510
1526
|
cls: [
|
|
1511
1527
|
'expandable-info-toggler__summary',
|
|
1512
1528
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1519,11 +1535,11 @@ var Component$2l = function (_a) {
|
|
|
1519
1535
|
/**
|
|
1520
1536
|
* Molecule UI child component of expandable info
|
|
1521
1537
|
*/
|
|
1522
|
-
var ExpandableInfoToggler = Component$
|
|
1538
|
+
var ExpandableInfoToggler = Component$2m;
|
|
1523
1539
|
|
|
1524
|
-
var styles$
|
|
1540
|
+
var styles$2c = {"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"};
|
|
1525
1541
|
|
|
1526
|
-
var Component$
|
|
1542
|
+
var Component$2l = function (_a) {
|
|
1527
1543
|
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;
|
|
1528
1544
|
var togglerProps = React.useMemo(function () { return ({
|
|
1529
1545
|
details: details,
|
|
@@ -1537,9 +1553,9 @@ var Component$2k = function (_a) {
|
|
|
1537
1553
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1538
1554
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1539
1555
|
});
|
|
1540
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1556
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2c, cls: ['expandable-info'] }) },
|
|
1541
1557
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1542
|
-
styles: styles$
|
|
1558
|
+
styles: styles$2c,
|
|
1543
1559
|
cls: [
|
|
1544
1560
|
'expandable-info__container',
|
|
1545
1561
|
"expandable-info__container--".concat(variant),
|
|
@@ -1549,13 +1565,13 @@ var Component$2k = function (_a) {
|
|
|
1549
1565
|
}) },
|
|
1550
1566
|
container,
|
|
1551
1567
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1552
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1568
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2c, 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)); }))),
|
|
1553
1569
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1554
1570
|
};
|
|
1555
1571
|
/**
|
|
1556
1572
|
* Molecule UI component for expandable info
|
|
1557
1573
|
*/
|
|
1558
|
-
var ExpandableInfo = Component$
|
|
1574
|
+
var ExpandableInfo = Component$2l;
|
|
1559
1575
|
|
|
1560
1576
|
var style$U = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1561
1577
|
|
|
@@ -1583,7 +1599,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1583
1599
|
return React__default["default"].createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
|
|
1584
1600
|
};
|
|
1585
1601
|
|
|
1586
|
-
var styles$
|
|
1602
|
+
var styles$2b = {"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"};
|
|
1587
1603
|
|
|
1588
1604
|
var FilterMenuItem = function (_a) {
|
|
1589
1605
|
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"]);
|
|
@@ -1598,51 +1614,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1598
1614
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1599
1615
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1600
1616
|
var className = React.useMemo(function () {
|
|
1601
|
-
return isApplied ? styles$
|
|
1617
|
+
return isApplied ? styles$2b.selected : isSearched ? styles$2b.isSearched : hiddenCount ? '' : !total && styles$2b.disabled;
|
|
1602
1618
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1603
1619
|
var handleClick = React.useCallback(function () {
|
|
1604
1620
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1605
1621
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1606
1622
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1607
1623
|
if (loading)
|
|
1608
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1609
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1624
|
+
return React__default["default"].createElement("div", { className: styles$2b.skeleton });
|
|
1625
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$2b['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1610
1626
|
React__default["default"].createElement("span", null, label),
|
|
1611
1627
|
displayOutput));
|
|
1612
1628
|
};
|
|
1613
1629
|
|
|
1614
|
-
var styles$
|
|
1630
|
+
var styles$2a = {"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"};
|
|
1615
1631
|
|
|
1616
1632
|
var FilterSearchItem = function (_a) {
|
|
1617
1633
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1618
1634
|
var inputRef = React.useRef(null);
|
|
1619
1635
|
if (loading)
|
|
1620
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1636
|
+
return (React__default["default"].createElement("div", { className: styles$2a.skeleton },
|
|
1621
1637
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1622
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1638
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$2a['magneto-ui-filter-search'], " ").concat(disabled ? styles$2a.disabled : '') },
|
|
1623
1639
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1624
1640
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1625
1641
|
};
|
|
1626
1642
|
|
|
1627
|
-
var styles$
|
|
1643
|
+
var styles$29 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
1628
1644
|
|
|
1629
|
-
var Component$
|
|
1645
|
+
var Component$2k = function (_a) {
|
|
1630
1646
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1631
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1632
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1647
|
+
return (React__default["default"].createElement("div", { className: styles$29['fraud-card-job'] },
|
|
1648
|
+
React__default["default"].createElement("div", { className: styles$29['fraud-card-job__header'] },
|
|
1633
1649
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1634
1650
|
React__default["default"].createElement("h4", null, title)),
|
|
1635
1651
|
React__default["default"].createElement("div", null,
|
|
1636
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1637
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1652
|
+
React__default["default"].createElement("p", { className: styles$29['fraud-card-job__text'] }, content),
|
|
1653
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$29['fraud-card-job__link'], href: link },
|
|
1638
1654
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1639
1655
|
linkText))));
|
|
1640
1656
|
};
|
|
1641
|
-
var FraudCardJob = Component$
|
|
1657
|
+
var FraudCardJob = Component$2k;
|
|
1642
1658
|
|
|
1643
|
-
var styles$
|
|
1659
|
+
var styles$28 = {"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"};
|
|
1644
1660
|
|
|
1645
|
-
var Component$
|
|
1661
|
+
var Component$2j = function (_a) {
|
|
1646
1662
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1647
1663
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1648
1664
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1652,46 +1668,46 @@ var Component$2i = function (_a) {
|
|
|
1652
1668
|
return searchList;
|
|
1653
1669
|
}, [searchList, showFullList]);
|
|
1654
1670
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1655
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1656
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1657
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1671
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$28['magneto-ui-frequent-search'] },
|
|
1672
|
+
React__default["default"].createElement("h2", { className: styles$28['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1673
|
+
React__default["default"].createElement("div", { className: styles$28['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1658
1674
|
var props = __rest(_a, []);
|
|
1659
1675
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1660
1676
|
})),
|
|
1661
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1677
|
+
React__default["default"].createElement("div", { className: styles$28['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$28['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1662
1678
|
showMore,
|
|
1663
1679
|
" (",
|
|
1664
1680
|
searchList.length,
|
|
1665
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1681
|
+
")")) : (React__default["default"].createElement("button", { className: styles$28['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1666
1682
|
};
|
|
1667
1683
|
/**
|
|
1668
1684
|
* UI Atom component of Frequent Search
|
|
1669
1685
|
*/
|
|
1670
|
-
var FrequentSearch = Component$
|
|
1686
|
+
var FrequentSearch = Component$2j;
|
|
1671
1687
|
|
|
1672
1688
|
var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1673
1689
|
|
|
1674
|
-
var Component$
|
|
1690
|
+
var Component$2i = function (_a) {
|
|
1675
1691
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1676
1692
|
return (React__default["default"].createElement("div", { className: style$S['header-drawer-company'] },
|
|
1677
1693
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1678
1694
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1679
1695
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1680
1696
|
};
|
|
1681
|
-
var HeaderDrawerCompany = Component$
|
|
1697
|
+
var HeaderDrawerCompany = Component$2i;
|
|
1682
1698
|
|
|
1683
|
-
var styles$
|
|
1699
|
+
var styles$27 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1684
1700
|
|
|
1685
|
-
var Component$
|
|
1701
|
+
var Component$2h = function (_a) {
|
|
1686
1702
|
var children = _a.children;
|
|
1687
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1703
|
+
return React__default["default"].createElement("div", { className: styles$27.TabComponent }, children);
|
|
1688
1704
|
};
|
|
1689
1705
|
/**
|
|
1690
1706
|
* Molecule UI for Tab
|
|
1691
1707
|
*/
|
|
1692
|
-
var Tab = Component$
|
|
1708
|
+
var Tab = Component$2h;
|
|
1693
1709
|
|
|
1694
|
-
var styles$
|
|
1710
|
+
var styles$26 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1695
1711
|
|
|
1696
1712
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1697
1713
|
var toCSSVariables = function (input) {
|
|
@@ -1707,35 +1723,35 @@ var toCSSVariables = function (input) {
|
|
|
1707
1723
|
return output;
|
|
1708
1724
|
};
|
|
1709
1725
|
|
|
1710
|
-
var Component$
|
|
1726
|
+
var Component$2g = function (_a) {
|
|
1711
1727
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1712
1728
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1713
1729
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1714
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1730
|
+
return (React__default["default"].createElement("div", { className: styles$26.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1715
1731
|
};
|
|
1716
1732
|
/**
|
|
1717
1733
|
* Molecule UI component for Tab Button
|
|
1718
1734
|
*/
|
|
1719
|
-
var TabButton = Component$
|
|
1735
|
+
var TabButton = Component$2g;
|
|
1720
1736
|
|
|
1721
|
-
var styles$
|
|
1737
|
+
var styles$25 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1722
1738
|
|
|
1723
|
-
var Component$
|
|
1739
|
+
var Component$2f = function (_a) {
|
|
1724
1740
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1725
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1741
|
+
return (React__default["default"].createElement("div", { className: styles$25.HeaderDrawerTabsComponent },
|
|
1726
1742
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1727
1743
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1728
1744
|
React__default["default"].createElement(Tab, null,
|
|
1729
1745
|
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 }),
|
|
1730
1746
|
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 }))));
|
|
1731
1747
|
};
|
|
1732
|
-
var HeaderDrawerTabs = Component$
|
|
1748
|
+
var HeaderDrawerTabs = Component$2f;
|
|
1733
1749
|
|
|
1734
|
-
var styles$
|
|
1750
|
+
var styles$24 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1735
1751
|
|
|
1736
|
-
var Component$
|
|
1752
|
+
var Component$2e = function (_a) {
|
|
1737
1753
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1738
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1754
|
+
return (React__default["default"].createElement("div", { className: styles$24.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1739
1755
|
var headerTabProps = __rest(_a, []);
|
|
1740
1756
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1741
1757
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1746,9 +1762,9 @@ var Component$2d = function (_a) {
|
|
|
1746
1762
|
/**
|
|
1747
1763
|
* Molecule UI component for header tabs information`
|
|
1748
1764
|
*/
|
|
1749
|
-
var HeaderTabs = Component$
|
|
1765
|
+
var HeaderTabs = Component$2e;
|
|
1750
1766
|
|
|
1751
|
-
var styles$
|
|
1767
|
+
var styles$23 = {"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"};
|
|
1752
1768
|
|
|
1753
1769
|
var Input = function (_a) {
|
|
1754
1770
|
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"]);
|
|
@@ -1783,28 +1799,28 @@ var Input = function (_a) {
|
|
|
1783
1799
|
setInputValue(e.target.value);
|
|
1784
1800
|
}, [onChange]);
|
|
1785
1801
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1786
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1802
|
+
React__default["default"].createElement("div", { className: styles$23["".concat(classMUI, "-input")] },
|
|
1787
1803
|
React__default["default"].createElement("div", null,
|
|
1788
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1804
|
+
React__default["default"].createElement("div", { className: styles$23["".concat(classMUI, "-input--container")] },
|
|
1789
1805
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1790
1806
|
left: hideIcon ? '10px' : '40px',
|
|
1791
1807
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1792
1808
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1793
|
-
}, className: styles$
|
|
1809
|
+
}, className: styles$23["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1794
1810
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1795
1811
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1796
|
-
}, disabled: disabled, className: styles$
|
|
1797
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1798
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1812
|
+
}, disabled: disabled, className: styles$23["".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" })),
|
|
1813
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$23["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1814
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$23["".concat(classMUI, "-input--container__icon-action")] },
|
|
1799
1815
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1800
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1801
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1816
|
+
React__default["default"].createElement("div", { className: "".concat(styles$23["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$23['footer-without-error'] : '') },
|
|
1817
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$23["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1802
1818
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1803
1819
|
};
|
|
1804
1820
|
|
|
1805
|
-
var styles$
|
|
1821
|
+
var styles$22 = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1806
1822
|
|
|
1807
|
-
var Component$
|
|
1823
|
+
var Component$2d = function (_a) {
|
|
1808
1824
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1809
1825
|
var loadingSize = React.useMemo(function () {
|
|
1810
1826
|
if (size) {
|
|
@@ -1818,11 +1834,11 @@ var Component$2c = function (_a) {
|
|
|
1818
1834
|
height: '15px'
|
|
1819
1835
|
};
|
|
1820
1836
|
}, [size]);
|
|
1821
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1837
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$22["".concat(classMUI, "-flat-loader")] }));
|
|
1822
1838
|
};
|
|
1823
|
-
var FlatLoader = Component$
|
|
1839
|
+
var FlatLoader = Component$2d;
|
|
1824
1840
|
|
|
1825
|
-
var styles$
|
|
1841
|
+
var styles$21 = {"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"};
|
|
1826
1842
|
|
|
1827
1843
|
var InputPlus = function (_a) {
|
|
1828
1844
|
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;
|
|
@@ -1866,26 +1882,26 @@ var InputPlus = function (_a) {
|
|
|
1866
1882
|
}
|
|
1867
1883
|
}
|
|
1868
1884
|
}, [disabledBtn, handleSubmmit]);
|
|
1869
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1885
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$21["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1870
1886
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1871
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1887
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$21["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$21.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$21['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1872
1888
|
};
|
|
1873
1889
|
|
|
1874
|
-
var styles$
|
|
1890
|
+
var styles$20 = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1875
1891
|
|
|
1876
1892
|
var style$R = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1877
1893
|
|
|
1878
|
-
var styles$
|
|
1894
|
+
var styles$1$ = {"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"};
|
|
1879
1895
|
|
|
1880
1896
|
var Tooltip = function (_a) {
|
|
1881
1897
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1882
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1883
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1898
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1$['tooltip-container'], " ").concat(styles$1$["tooltip-".concat(position)]) },
|
|
1899
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1$['tooltip'], " ").concat(styles$1$["tooltip-".concat(position)]) },
|
|
1884
1900
|
children,
|
|
1885
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
1901
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1$['tooltip-text'], " ").concat(styles$1$["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1886
1902
|
};
|
|
1887
1903
|
|
|
1888
|
-
var Component$
|
|
1904
|
+
var Component$2c = function (_a) {
|
|
1889
1905
|
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"]);
|
|
1890
1906
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1891
1907
|
return (React__default["default"].createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$R['content'], classNameContent].join(' ') },
|
|
@@ -1904,10 +1920,10 @@ var Component$2b = function (_a) {
|
|
|
1904
1920
|
React__default["default"].createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$R['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1905
1921
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share })))));
|
|
1906
1922
|
};
|
|
1907
|
-
Component$
|
|
1908
|
-
var SharePopover = Component$
|
|
1923
|
+
Component$2c.displayName = 'SharePopover';
|
|
1924
|
+
var SharePopover = Component$2c;
|
|
1909
1925
|
|
|
1910
|
-
var Component$
|
|
1926
|
+
var Component$2b = function (_a) {
|
|
1911
1927
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
|
|
1912
1928
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1913
1929
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1917,35 +1933,35 @@ var Component$2a = function (_a) {
|
|
|
1917
1933
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1918
1934
|
var ActionLink = function (_a) {
|
|
1919
1935
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1920
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
1936
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$20['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1921
1937
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1922
1938
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1923
1939
|
};
|
|
1924
1940
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1925
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1926
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
1927
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1941
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui-job-actions'] },
|
|
1942
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$20['magneto-ui__external-child'] }, externalButtonChild),
|
|
1943
|
+
React__default["default"].createElement("div", { className: styles$20['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1928
1944
|
!isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1929
1945
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1930
1946
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1931
1947
|
filteredActionsLinkList.map(function (_a) {
|
|
1932
1948
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1933
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1949
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1934
1950
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1935
1951
|
}))));
|
|
1936
1952
|
};
|
|
1937
1953
|
/**
|
|
1938
1954
|
* UI Molecule Component for Jobs Actions
|
|
1939
1955
|
*/
|
|
1940
|
-
var JobActions = Component$
|
|
1956
|
+
var JobActions = Component$2b;
|
|
1941
1957
|
|
|
1942
|
-
var styles$
|
|
1958
|
+
var styles$1_ = {"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"};
|
|
1943
1959
|
|
|
1944
|
-
var Component$
|
|
1960
|
+
var Component$2a = function (_a) {
|
|
1945
1961
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1946
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1947
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1948
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1962
|
+
return (React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-apply-card'] },
|
|
1963
|
+
React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-apply-card__wrapper'] },
|
|
1964
|
+
React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-apply-card__header'] },
|
|
1949
1965
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1950
1966
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1951
1967
|
offerApplyElements
|
|
@@ -1955,16 +1971,16 @@ var Component$29 = function (_a) {
|
|
|
1955
1971
|
})
|
|
1956
1972
|
.map(function (_a) {
|
|
1957
1973
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1958
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1974
|
+
return (React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1959
1975
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1960
1976
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1961
1977
|
})),
|
|
1962
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
1978
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1_['magneto-ui__external-child'] }, externalChild))));
|
|
1963
1979
|
};
|
|
1964
1980
|
/**
|
|
1965
1981
|
* UI Molecule Component for Job Apply Card
|
|
1966
1982
|
*/
|
|
1967
|
-
var JobApplyCard = Component$
|
|
1983
|
+
var JobApplyCard = Component$2a;
|
|
1968
1984
|
|
|
1969
1985
|
var style$Q = {"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"};
|
|
1970
1986
|
|
|
@@ -2048,31 +2064,31 @@ var JobCard = function (_a) {
|
|
|
2048
2064
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
2049
2065
|
};
|
|
2050
2066
|
|
|
2051
|
-
var styles$
|
|
2067
|
+
var styles$1Z = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
2052
2068
|
|
|
2053
|
-
var Component$
|
|
2069
|
+
var Component$29 = function (_a) {
|
|
2054
2070
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2055
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2071
|
+
return (React__default["default"].createElement("div", { className: styles$1Z['magneto-ui-job-company-header'] },
|
|
2056
2072
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2057
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2073
|
+
React__default["default"].createElement("div", { className: styles$1Z['magneto-ui-job-company-header__data-actions'] },
|
|
2058
2074
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2059
2075
|
isApplied && jobActionsProps && (React__default["default"].createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2060
2076
|
};
|
|
2061
2077
|
/**
|
|
2062
2078
|
* UI Molecule component for Company Job Header
|
|
2063
2079
|
*/
|
|
2064
|
-
var JobCompanyHeader = Component$
|
|
2080
|
+
var JobCompanyHeader = Component$29;
|
|
2065
2081
|
|
|
2066
|
-
var styles$
|
|
2082
|
+
var styles$1Y = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2067
2083
|
|
|
2068
|
-
var Component$
|
|
2084
|
+
var Component$28 = function (_a) {
|
|
2069
2085
|
var offerDescription = _a.offerDescription;
|
|
2070
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2086
|
+
return (React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
2071
2087
|
};
|
|
2072
2088
|
/**
|
|
2073
2089
|
* UI Molecule Component for Job Detail Card Header
|
|
2074
2090
|
*/
|
|
2075
|
-
var JobDetailCard = Component$
|
|
2091
|
+
var JobDetailCard = Component$28;
|
|
2076
2092
|
|
|
2077
2093
|
var style$O = {"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"};
|
|
2078
2094
|
|
|
@@ -2087,9 +2103,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2087
2103
|
children));
|
|
2088
2104
|
};
|
|
2089
2105
|
|
|
2090
|
-
var styles$
|
|
2106
|
+
var styles$1X = {"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"};
|
|
2091
2107
|
|
|
2092
|
-
var Component$
|
|
2108
|
+
var Component$27 = function (_a) {
|
|
2093
2109
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2094
2110
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2095
2111
|
icon: iconList && iconList[index],
|
|
@@ -2099,27 +2115,27 @@ var Component$26 = function (_a) {
|
|
|
2099
2115
|
var offerDetailText = _a.offerDetailText;
|
|
2100
2116
|
return !!offerDetailText && index !== 1;
|
|
2101
2117
|
});
|
|
2102
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2103
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2118
|
+
return (React__default["default"].createElement("div", { className: styles$1X['magneto-ui-job-details'] },
|
|
2119
|
+
React__default["default"].createElement("div", { className: styles$1X['magneto-ui-job-details__wrapper'] },
|
|
2104
2120
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2105
2121
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2106
2122
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2107
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2108
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2123
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1X['magneto-ui-job-details__item-detail'] },
|
|
2124
|
+
React__default["default"].createElement("div", { className: styles$1X['magneto-ui-job-details__item-detail-icon'] },
|
|
2109
2125
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2110
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2126
|
+
React__default["default"].createElement("p", { className: styles$1X['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2111
2127
|
})),
|
|
2112
2128
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2113
2129
|
};
|
|
2114
2130
|
/**
|
|
2115
2131
|
* UI Molecule component for Job Detail
|
|
2116
2132
|
*/
|
|
2117
|
-
Component$
|
|
2118
|
-
var JobDetails = Component$
|
|
2133
|
+
Component$27.displayName = 'JobDetails';
|
|
2134
|
+
var JobDetails = Component$27;
|
|
2119
2135
|
|
|
2120
|
-
var styles$
|
|
2136
|
+
var styles$1W = {"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"};
|
|
2121
2137
|
|
|
2122
|
-
var Component$
|
|
2138
|
+
var Component$26 = function (_a) {
|
|
2123
2139
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2124
2140
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2125
2141
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2130,28 +2146,28 @@ var Component$25 = function (_a) {
|
|
|
2130
2146
|
title: title
|
|
2131
2147
|
});
|
|
2132
2148
|
});
|
|
2133
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2149
|
+
return (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-footer-card'] },
|
|
2134
2150
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2135
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2151
|
+
React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-footer-card__icons'] },
|
|
2136
2152
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2137
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2153
|
+
React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-footer-card__wrapper'] },
|
|
2138
2154
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2139
2155
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2140
2156
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2141
2157
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2142
2158
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2143
2159
|
})),
|
|
2144
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2160
|
+
React__default["default"].createElement("div", { className: styles$1W['magneto-ui__share-button'] },
|
|
2145
2161
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2146
2162
|
};
|
|
2147
2163
|
/**
|
|
2148
2164
|
* UI Molecule component for Job Footer Card
|
|
2149
2165
|
*/
|
|
2150
|
-
var JobFooterCard = Component$
|
|
2166
|
+
var JobFooterCard = Component$26;
|
|
2151
2167
|
|
|
2152
|
-
var styles$
|
|
2168
|
+
var styles$1V = {"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"};
|
|
2153
2169
|
|
|
2154
|
-
var Component$
|
|
2170
|
+
var Component$25 = function (_a) {
|
|
2155
2171
|
var name = _a.name, score = _a.score;
|
|
2156
2172
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2157
2173
|
var skillRef = React.useRef(null);
|
|
@@ -2187,21 +2203,21 @@ var Component$24 = function (_a) {
|
|
|
2187
2203
|
4: 'four'
|
|
2188
2204
|
};
|
|
2189
2205
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2190
|
-
var fillAnimation = animationApplied ? styles$
|
|
2191
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2192
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2206
|
+
var fillAnimation = animationApplied ? styles$1V[levelClass] : '';
|
|
2207
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1V['magneto-ui-skill'] },
|
|
2208
|
+
React__default["default"].createElement("div", { className: styles$1V['magneto-ui-skill__wrapper'] },
|
|
2193
2209
|
React__default["default"].createElement("p", null, name),
|
|
2194
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2210
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1V['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1V['magneto-ui-skill--no-animation']) }))));
|
|
2195
2211
|
};
|
|
2196
|
-
var Skill = Component$
|
|
2212
|
+
var Skill = Component$25;
|
|
2197
2213
|
|
|
2198
|
-
var styles$
|
|
2214
|
+
var styles$1U = {"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"};
|
|
2199
2215
|
|
|
2200
|
-
var Component$
|
|
2216
|
+
var Component$24 = function (_a) {
|
|
2201
2217
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2202
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2218
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-skills-card'] },
|
|
2203
2219
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2204
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2220
|
+
React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2205
2221
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2206
2222
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2207
2223
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2210,9 +2226,9 @@ var Component$23 = function (_a) {
|
|
|
2210
2226
|
/**
|
|
2211
2227
|
* UI Molecule component of Job Skills Card
|
|
2212
2228
|
*/
|
|
2213
|
-
var JobSkillsCard = Component$
|
|
2229
|
+
var JobSkillsCard = Component$24;
|
|
2214
2230
|
|
|
2215
|
-
var styles$
|
|
2231
|
+
var styles$1T = {"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"};
|
|
2216
2232
|
|
|
2217
2233
|
var JobVideo = function (_a) {
|
|
2218
2234
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2227,13 +2243,13 @@ var JobVideo = function (_a) {
|
|
|
2227
2243
|
setLoadVideo && setLoadVideo(false);
|
|
2228
2244
|
}
|
|
2229
2245
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2230
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2246
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1T[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2231
2247
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2232
2248
|
};
|
|
2233
2249
|
|
|
2234
2250
|
var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2235
2251
|
|
|
2236
|
-
var Component$
|
|
2252
|
+
var Component$23 = function (_a) {
|
|
2237
2253
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2238
2254
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2239
2255
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2241,11 +2257,11 @@ var Component$22 = function (_a) {
|
|
|
2241
2257
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2242
2258
|
})));
|
|
2243
2259
|
};
|
|
2244
|
-
var ListIconLink = Component$
|
|
2260
|
+
var ListIconLink = Component$23;
|
|
2245
2261
|
|
|
2246
2262
|
var style$M = {"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"};
|
|
2247
2263
|
|
|
2248
|
-
var Component$
|
|
2264
|
+
var Component$22 = function (_a) {
|
|
2249
2265
|
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;
|
|
2250
2266
|
var menuActive = isActive ? style$M['isActive'] : '';
|
|
2251
2267
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2254,7 +2270,7 @@ var Component$21 = function (_a) {
|
|
|
2254
2270
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2255
2271
|
React__default["default"].createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2256
2272
|
};
|
|
2257
|
-
var MenuIcon = Component$
|
|
2273
|
+
var MenuIcon = Component$22;
|
|
2258
2274
|
|
|
2259
2275
|
var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2260
2276
|
|
|
@@ -2264,7 +2280,7 @@ var getIcons = function (iconName) {
|
|
|
2264
2280
|
return megaMenuUserLoggedIcons[iconName];
|
|
2265
2281
|
};
|
|
2266
2282
|
|
|
2267
|
-
var Component$
|
|
2283
|
+
var Component$21 = function (_a) {
|
|
2268
2284
|
var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
|
|
2269
2285
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2270
2286
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
@@ -2282,16 +2298,16 @@ var Component$20 = function (_a) {
|
|
|
2282
2298
|
})),
|
|
2283
2299
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2284
2300
|
};
|
|
2285
|
-
var ListMenuIcons = Component$
|
|
2301
|
+
var ListMenuIcons = Component$21;
|
|
2286
2302
|
|
|
2287
|
-
var Component$
|
|
2303
|
+
var Component$20 = function (_a) {
|
|
2288
2304
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2289
2305
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2290
2306
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2291
2307
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2292
2308
|
})));
|
|
2293
2309
|
};
|
|
2294
|
-
var ListMenuItems = Component$
|
|
2310
|
+
var ListMenuItems = Component$20;
|
|
2295
2311
|
|
|
2296
2312
|
var style$K = {"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"};
|
|
2297
2313
|
|
|
@@ -2334,16 +2350,16 @@ var MagnetoResolution = function (_a) {
|
|
|
2334
2350
|
React__default["default"].createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2335
2351
|
};
|
|
2336
2352
|
|
|
2337
|
-
var styles$
|
|
2353
|
+
var styles$1S = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2338
2354
|
|
|
2339
2355
|
var Image = function (_a) {
|
|
2340
2356
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2341
2357
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2342
2358
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2343
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
2359
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1S['magneto-ui-play-button'] }, playIcon)));
|
|
2344
2360
|
};
|
|
2345
2361
|
|
|
2346
|
-
var styles$
|
|
2362
|
+
var styles$1R = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
2347
2363
|
|
|
2348
2364
|
var MegaMenuCard = function (_a) {
|
|
2349
2365
|
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;
|
|
@@ -2353,19 +2369,19 @@ var MegaMenuCard = function (_a) {
|
|
|
2353
2369
|
onClick();
|
|
2354
2370
|
}
|
|
2355
2371
|
}, [onClick]);
|
|
2356
|
-
var rigthArrow = (React__default["default"].createElement("div", { className: styles$
|
|
2372
|
+
var rigthArrow = (React__default["default"].createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__arrow"] },
|
|
2357
2373
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2358
2374
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2359
2375
|
md: rigthArrow
|
|
2360
2376
|
});
|
|
2361
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
2362
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
2377
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1R["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2378
|
+
icon && (React__default["default"].createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__icon"] },
|
|
2363
2379
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2364
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
2365
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
2366
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2367
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2368
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2380
|
+
logo && (React__default["default"].createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__logo"] },
|
|
2381
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1R["magneto-ui-mega-menu-card__logo"] }))),
|
|
2382
|
+
React__default["default"].createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__content"] },
|
|
2383
|
+
React__default["default"].createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__title"] }, title),
|
|
2384
|
+
React__default["default"].createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2369
2385
|
maximumFractionDigits: 3
|
|
2370
2386
|
}), " cupos"))),
|
|
2371
2387
|
arrow));
|
|
@@ -2421,9 +2437,9 @@ var useLoggedInUser = function () {
|
|
|
2421
2437
|
return listMenuUserProps;
|
|
2422
2438
|
};
|
|
2423
2439
|
|
|
2424
|
-
var styles$
|
|
2440
|
+
var styles$1Q = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2425
2441
|
|
|
2426
|
-
var Component$
|
|
2442
|
+
var Component$1$ = function (_a) {
|
|
2427
2443
|
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;
|
|
2428
2444
|
var handleClick = React.useCallback(function (event) {
|
|
2429
2445
|
if (onClick) {
|
|
@@ -2431,15 +2447,15 @@ var Component$1_ = function (_a) {
|
|
|
2431
2447
|
onClick();
|
|
2432
2448
|
}
|
|
2433
2449
|
}, [onClick]);
|
|
2434
|
-
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$
|
|
2435
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2436
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2437
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2450
|
+
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$1Q['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2451
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1Q['button-link__icon'] })),
|
|
2452
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1Q['button-link__text'] }, buttonText),
|
|
2453
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1Q['button-link__icon'] }))));
|
|
2438
2454
|
};
|
|
2439
2455
|
/**
|
|
2440
2456
|
* UI Atom Component of Save Button
|
|
2441
2457
|
*/
|
|
2442
|
-
var ButtonLink = Component$
|
|
2458
|
+
var ButtonLink = Component$1$;
|
|
2443
2459
|
|
|
2444
2460
|
var MegaMenuJobsTabs = function () {
|
|
2445
2461
|
var _a, _b;
|
|
@@ -2467,7 +2483,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2467
2483
|
React__default["default"].createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2468
2484
|
};
|
|
2469
2485
|
|
|
2470
|
-
var styles$
|
|
2486
|
+
var styles$1P = {"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"};
|
|
2471
2487
|
|
|
2472
2488
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2473
2489
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2489,12 +2505,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
2489
2505
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2490
2506
|
}, [showContent]);
|
|
2491
2507
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2492
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2493
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2494
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2495
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2496
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2497
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2508
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1P["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2509
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1P["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2510
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1P["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1P["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2511
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1P["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1P["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2512
|
+
React__default["default"].createElement("div", { className: styles$1P["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2513
|
+
React__default["default"].createElement("div", { className: styles$1P["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2498
2514
|
event.stopPropagation();
|
|
2499
2515
|
} }, children))));
|
|
2500
2516
|
};
|
|
@@ -2519,17 +2535,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2519
2535
|
React__default["default"].createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$G["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
|
|
2520
2536
|
};
|
|
2521
2537
|
|
|
2522
|
-
var styles$
|
|
2538
|
+
var styles$1O = {"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"};
|
|
2523
2539
|
|
|
2524
2540
|
var MenuSearch = function (_a) {
|
|
2525
2541
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2526
2542
|
var onBlur = React.useCallback(function () {
|
|
2527
2543
|
handleOnBlur && handleOnBlur();
|
|
2528
2544
|
}, [handleOnBlur]);
|
|
2529
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2530
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2545
|
+
return (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2546
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-menu-search_container'] },
|
|
2531
2547
|
children,
|
|
2532
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2548
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1O['magneto-ui-menu-search_content'], " ").concat(show && styles$1O.open) }, content))));
|
|
2533
2549
|
};
|
|
2534
2550
|
|
|
2535
2551
|
var iconByType = {
|
|
@@ -2540,9 +2556,9 @@ var iconByType = {
|
|
|
2540
2556
|
};
|
|
2541
2557
|
var transitionDuration = 300;
|
|
2542
2558
|
|
|
2543
|
-
var styles$
|
|
2559
|
+
var styles$1N = {"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"};
|
|
2544
2560
|
|
|
2545
|
-
var Component$
|
|
2561
|
+
var Component$1_ = function (_a) {
|
|
2546
2562
|
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;
|
|
2547
2563
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2548
2564
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2554,7 +2570,7 @@ var Component$1Z = function (_a) {
|
|
|
2554
2570
|
}); }, []);
|
|
2555
2571
|
var containerStyles = React.useMemo(function () {
|
|
2556
2572
|
return CNM.get({
|
|
2557
|
-
styles: styles$
|
|
2573
|
+
styles: styles$1N,
|
|
2558
2574
|
cls: [
|
|
2559
2575
|
'message__container',
|
|
2560
2576
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2562,7 +2578,7 @@ var Component$1Z = function (_a) {
|
|
|
2562
2578
|
]
|
|
2563
2579
|
});
|
|
2564
2580
|
}, [type, toggleAnimation]);
|
|
2565
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2581
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1N, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2566
2582
|
React.useEffect(function () {
|
|
2567
2583
|
if (!localVisible)
|
|
2568
2584
|
return;
|
|
@@ -2594,9 +2610,9 @@ var Component$1Z = function (_a) {
|
|
|
2594
2610
|
setIsAnimating(visible);
|
|
2595
2611
|
}, [isAnimating, visible]);
|
|
2596
2612
|
return localVisible
|
|
2597
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2613
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1N, cls: [className] }) },
|
|
2598
2614
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2599
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2615
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1N, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2600
2616
|
React__default["default"].createElement("div", null,
|
|
2601
2617
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2602
2618
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2605,13 +2621,13 @@ var Component$1Z = function (_a) {
|
|
|
2605
2621
|
/**
|
|
2606
2622
|
* Molecule UI component for Message
|
|
2607
2623
|
*/
|
|
2608
|
-
var Message = Component$
|
|
2624
|
+
var Message = Component$1_;
|
|
2609
2625
|
|
|
2610
|
-
var styles$
|
|
2626
|
+
var styles$1M = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2611
2627
|
|
|
2612
|
-
var Component$
|
|
2628
|
+
var Component$1Z = function (_a) {
|
|
2613
2629
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2614
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2630
|
+
return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-mobile-job-details-header'] },
|
|
2615
2631
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2616
2632
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2617
2633
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2619,11 +2635,11 @@ var Component$1Y = function (_a) {
|
|
|
2619
2635
|
/**
|
|
2620
2636
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2621
2637
|
*/
|
|
2622
|
-
var MobileJobDetailsHeader = Component$
|
|
2638
|
+
var MobileJobDetailsHeader = Component$1Z;
|
|
2623
2639
|
|
|
2624
|
-
var styles$
|
|
2640
|
+
var styles$1L = {"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"};
|
|
2625
2641
|
|
|
2626
|
-
var Component$
|
|
2642
|
+
var Component$1Y = function (_a) {
|
|
2627
2643
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2628
2644
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2629
2645
|
var searchInputRef = React.useRef(null);
|
|
@@ -2645,20 +2661,20 @@ var Component$1X = function (_a) {
|
|
|
2645
2661
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2646
2662
|
}
|
|
2647
2663
|
}, [focusSearchInput]);
|
|
2648
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2664
|
+
return (React__default["default"].createElement("div", { className: styles$1L.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2649
2665
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2650
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2651
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2666
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1L['search-badge'] }),
|
|
2667
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1L['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2652
2668
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2653
2669
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2654
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2670
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1L['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2655
2671
|
};
|
|
2656
2672
|
/**
|
|
2657
2673
|
* Molecule UI component for MobileSearchbar
|
|
2658
2674
|
*/
|
|
2659
|
-
var MobileSearchbar = Component$
|
|
2675
|
+
var MobileSearchbar = Component$1Y;
|
|
2660
2676
|
|
|
2661
|
-
var styles$
|
|
2677
|
+
var styles$1K = {"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"};
|
|
2662
2678
|
|
|
2663
2679
|
var Modal = function (_a) {
|
|
2664
2680
|
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;
|
|
@@ -2671,49 +2687,49 @@ var Modal = function (_a) {
|
|
|
2671
2687
|
if (!isOpen)
|
|
2672
2688
|
return null;
|
|
2673
2689
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2674
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2675
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2676
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2690
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2691
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1K["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2692
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1K["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2677
2693
|
children,
|
|
2678
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2694
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1K["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2679
2695
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2680
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2696
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1K["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2681
2697
|
};
|
|
2682
2698
|
var Title = function (_a) {
|
|
2683
2699
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2684
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2700
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1K["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2685
2701
|
};
|
|
2686
2702
|
var Description = function (_a) {
|
|
2687
2703
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2688
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2704
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1K["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2689
2705
|
};
|
|
2690
2706
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2691
2707
|
|
|
2692
|
-
var Component$
|
|
2708
|
+
var Component$1X = function (_a) {
|
|
2693
2709
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2694
2710
|
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2695
2711
|
md: (React__default["default"].createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2696
2712
|
});
|
|
2697
2713
|
return container;
|
|
2698
2714
|
};
|
|
2699
|
-
var ModalResponsive = Component$
|
|
2715
|
+
var ModalResponsive = Component$1X;
|
|
2700
2716
|
|
|
2701
|
-
var styles$
|
|
2717
|
+
var styles$1J = {"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"};
|
|
2702
2718
|
|
|
2703
2719
|
var BtnPagination = function (_a) {
|
|
2704
2720
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2705
2721
|
var displayContent = React.useMemo(function () {
|
|
2706
2722
|
if (loading && value && current === value)
|
|
2707
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2723
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1J['magneto-ui-btn-pagination_spinner'] });
|
|
2708
2724
|
return value;
|
|
2709
2725
|
}, [loading, current, value]);
|
|
2710
2726
|
var pageQueryParam = 'paginator[page]=';
|
|
2711
2727
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2712
2728
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2713
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2714
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2729
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1J['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2730
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1J['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1J['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1J['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1J['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2715
2731
|
displayContent,
|
|
2716
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2732
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1J['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1J['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1J['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1J['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2717
2733
|
displayContent,
|
|
2718
2734
|
displayIcon))));
|
|
2719
2735
|
};
|
|
@@ -2764,7 +2780,7 @@ var createPagination = function (_a) {
|
|
|
2764
2780
|
};
|
|
2765
2781
|
};
|
|
2766
2782
|
|
|
2767
|
-
var styles$
|
|
2783
|
+
var styles$1I = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2768
2784
|
|
|
2769
2785
|
var Pagination = function (_a) {
|
|
2770
2786
|
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;
|
|
@@ -2783,16 +2799,16 @@ var Pagination = function (_a) {
|
|
|
2783
2799
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2784
2800
|
if (total <= pageSize)
|
|
2785
2801
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2786
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2802
|
+
return (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-pagination'] },
|
|
2787
2803
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2788
2804
|
React__default["default"].createElement("ul", null,
|
|
2789
2805
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2790
2806
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2791
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2807
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1I['magneto-ui-pagination_ellipsis'] }))),
|
|
2792
2808
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2793
2809
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2794
2810
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2795
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2811
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1I['magneto-ui-pagination_ellipsis'] }),
|
|
2796
2812
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2797
2813
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2798
2814
|
};
|
|
@@ -2812,9 +2828,9 @@ var generateID = function () {
|
|
|
2812
2828
|
return uniqueID;
|
|
2813
2829
|
};
|
|
2814
2830
|
|
|
2815
|
-
var styles$
|
|
2831
|
+
var styles$1H = {"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"};
|
|
2816
2832
|
|
|
2817
|
-
var Component$
|
|
2833
|
+
var Component$1W = function (_a) {
|
|
2818
2834
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2819
2835
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2820
2836
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2842,19 +2858,19 @@ var Component$1V = function (_a) {
|
|
|
2842
2858
|
}
|
|
2843
2859
|
return { backgroundColor: '#c4c4c4' };
|
|
2844
2860
|
}, [color, score, spanHover]);
|
|
2845
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2861
|
+
return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-score-level'] },
|
|
2846
2862
|
React__default["default"].createElement("p", null, name),
|
|
2847
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2863
|
+
React__default["default"].createElement("div", { className: styles$1H['magneto-ui-score-level__summary'] },
|
|
2848
2864
|
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); } })); })),
|
|
2849
2865
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2850
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2866
|
+
React__default["default"].createElement("button", { className: styles$1H['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2851
2867
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2852
2868
|
};
|
|
2853
|
-
var ScoreLevel = Component$
|
|
2869
|
+
var ScoreLevel = Component$1W;
|
|
2854
2870
|
|
|
2855
|
-
var styles$
|
|
2871
|
+
var styles$1G = {"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"};
|
|
2856
2872
|
|
|
2857
|
-
var Component$
|
|
2873
|
+
var Component$1V = function (_a) {
|
|
2858
2874
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2859
2875
|
var labelScore = React.useMemo(function () {
|
|
2860
2876
|
return levels[scoreValue - 1];
|
|
@@ -2869,17 +2885,17 @@ var Component$1U = function (_a) {
|
|
|
2869
2885
|
}
|
|
2870
2886
|
return { backgroundColor: '#c4c4c4' };
|
|
2871
2887
|
}, [color, scoreValue]);
|
|
2872
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2888
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-score-level'] },
|
|
2873
2889
|
React__default["default"].createElement("p", null, name),
|
|
2874
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2890
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-score-level__summary'] },
|
|
2875
2891
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2876
2892
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2877
2893
|
};
|
|
2878
|
-
var ScoreLevelStatic = Component$
|
|
2894
|
+
var ScoreLevelStatic = Component$1V;
|
|
2879
2895
|
|
|
2880
|
-
var styles$
|
|
2896
|
+
var styles$1F = {"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"};
|
|
2881
2897
|
|
|
2882
|
-
var Component$
|
|
2898
|
+
var Component$1U = function (_a) {
|
|
2883
2899
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2884
2900
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2885
2901
|
React.useEffect(function () {
|
|
@@ -2895,32 +2911,32 @@ var Component$1T = function (_a) {
|
|
|
2895
2911
|
setSearchValue('');
|
|
2896
2912
|
onSearch('');
|
|
2897
2913
|
};
|
|
2898
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2914
|
+
return (React__default["default"].createElement("div", { className: styles$1F.SearchbarComponent },
|
|
2899
2915
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2900
2916
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2901
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2902
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2917
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1F['SearchbarComponent__badge'] }),
|
|
2918
|
+
React__default["default"].createElement("div", { className: styles$1F['magneto-ui-searchbar-buttons'] },
|
|
2903
2919
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2904
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2920
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1F['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2905
2921
|
React__default["default"].createElement("span", null, "|"))),
|
|
2906
2922
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2907
2923
|
};
|
|
2908
2924
|
/**
|
|
2909
2925
|
* UI Molecule of a searchbar
|
|
2910
2926
|
*/
|
|
2911
|
-
var Searchbar = Component$
|
|
2927
|
+
var Searchbar = Component$1U;
|
|
2912
2928
|
|
|
2913
|
-
var styles$
|
|
2929
|
+
var styles$1E = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2914
2930
|
|
|
2915
|
-
var Component$
|
|
2931
|
+
var Component$1T = function (_a) {
|
|
2916
2932
|
var props = __rest(_a, []);
|
|
2917
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2918
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2933
|
+
return (React__default["default"].createElement("div", { className: styles$1E['search-button'] },
|
|
2934
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1E['search-button__badge'] }),
|
|
2919
2935
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2920
2936
|
};
|
|
2921
|
-
var SearchButton = Component$
|
|
2937
|
+
var SearchButton = Component$1T;
|
|
2922
2938
|
|
|
2923
|
-
var styles$
|
|
2939
|
+
var styles$1D = {"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"};
|
|
2924
2940
|
|
|
2925
2941
|
var SimilarJobsCard = function (_a) {
|
|
2926
2942
|
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;
|
|
@@ -2930,12 +2946,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2930
2946
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2931
2947
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2932
2948
|
}, [cities, salary, experience]);
|
|
2933
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2934
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2949
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2950
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2935
2951
|
React__default["default"].createElement("div", null,
|
|
2936
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2937
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2938
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2952
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2953
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2954
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2939
2955
|
};
|
|
2940
2956
|
|
|
2941
2957
|
var style$E = {"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"};
|
|
@@ -2957,7 +2973,7 @@ var SortMenu = function (_a) {
|
|
|
2957
2973
|
};
|
|
2958
2974
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2959
2975
|
|
|
2960
|
-
var styles$
|
|
2976
|
+
var styles$1C = {"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"};
|
|
2961
2977
|
|
|
2962
2978
|
var TextArea = function (_a) {
|
|
2963
2979
|
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"]);
|
|
@@ -2983,15 +2999,15 @@ var TextArea = function (_a) {
|
|
|
2983
2999
|
return;
|
|
2984
3000
|
setShowPlaceholder(scrollTop === 0);
|
|
2985
3001
|
}, [showPlaceholder]);
|
|
2986
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2987
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3002
|
+
return (React__default["default"].createElement("div", { className: styles$1C["".concat(classMUI, "-text-area")] },
|
|
3003
|
+
React__default["default"].createElement("div", { className: styles$1C["".concat(classMUI, "-text-area--container")] },
|
|
2988
3004
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2989
3005
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2990
3006
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2991
|
-
}, className: styles$
|
|
2992
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2993
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2994
|
-
React__default["default"].createElement("span", { className: styles$
|
|
3007
|
+
}, className: styles$1C["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
3008
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1C["".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 }))),
|
|
3009
|
+
React__default["default"].createElement("div", { className: styles$1C["".concat(classMUI, "-text-area__footer")] },
|
|
3010
|
+
React__default["default"].createElement("span", { className: styles$1C["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2995
3011
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2996
3012
|
};
|
|
2997
3013
|
|
|
@@ -3002,7 +3018,7 @@ var timelineIcons = {
|
|
|
3002
3018
|
current: Clock,
|
|
3003
3019
|
blocked: Lock
|
|
3004
3020
|
};
|
|
3005
|
-
var Component$
|
|
3021
|
+
var Component$1S = function (_a) {
|
|
3006
3022
|
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;
|
|
3007
3023
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
3008
3024
|
var titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -3015,11 +3031,11 @@ var Component$1R = function (_a) {
|
|
|
3015
3031
|
React__default["default"].createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
3016
3032
|
React__default["default"].createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
3017
3033
|
};
|
|
3018
|
-
var TimelineEvent = Component$
|
|
3034
|
+
var TimelineEvent = Component$1S;
|
|
3019
3035
|
|
|
3020
|
-
var styles$
|
|
3036
|
+
var styles$1B = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
3021
3037
|
|
|
3022
|
-
var Component$
|
|
3038
|
+
var Component$1R = function (_a) {
|
|
3023
3039
|
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;
|
|
3024
3040
|
var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
3025
3041
|
React.useEffect(function () {
|
|
@@ -3042,19 +3058,19 @@ var Component$1Q = function (_a) {
|
|
|
3042
3058
|
}
|
|
3043
3059
|
return false;
|
|
3044
3060
|
};
|
|
3045
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
3061
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1B['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
3046
3062
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
3047
3063
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
3048
3064
|
})));
|
|
3049
3065
|
};
|
|
3050
|
-
var ToggleButtonList = Component$
|
|
3066
|
+
var ToggleButtonList = Component$1R;
|
|
3051
3067
|
|
|
3052
|
-
var Component$
|
|
3068
|
+
var Component$1Q = function (_a) {
|
|
3053
3069
|
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;
|
|
3054
3070
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
3055
3071
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3056
3072
|
};
|
|
3057
|
-
var UserMenu = withClickOut(Component$
|
|
3073
|
+
var UserMenu = withClickOut(Component$1Q);
|
|
3058
3074
|
|
|
3059
3075
|
var userMenuAnalystIcons = {
|
|
3060
3076
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -3069,11 +3085,11 @@ var userMenuAnalystIcons = {
|
|
|
3069
3085
|
recoverPassword: Security
|
|
3070
3086
|
};
|
|
3071
3087
|
|
|
3072
|
-
var styles$
|
|
3088
|
+
var styles$1A = {"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"};
|
|
3073
3089
|
|
|
3074
|
-
var styles$
|
|
3090
|
+
var styles$1z = {"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"};
|
|
3075
3091
|
|
|
3076
|
-
var Component$
|
|
3092
|
+
var Component$1P = function (_a) {
|
|
3077
3093
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3078
3094
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
3079
3095
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -3087,12 +3103,12 @@ var Component$1O = function (_a) {
|
|
|
3087
3103
|
}
|
|
3088
3104
|
}, [handleModal, handleMenuOpen, option]);
|
|
3089
3105
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3090
|
-
styles: styles$
|
|
3106
|
+
styles: styles$1z,
|
|
3091
3107
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3092
3108
|
}) },
|
|
3093
3109
|
prefix,
|
|
3094
3110
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
3095
|
-
styles: styles$
|
|
3111
|
+
styles: styles$1z,
|
|
3096
3112
|
cls: ['user-menu-analyst-option-default__container']
|
|
3097
3113
|
}), 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 }),
|
|
3098
3114
|
suffix));
|
|
@@ -3100,31 +3116,31 @@ var Component$1O = function (_a) {
|
|
|
3100
3116
|
/**
|
|
3101
3117
|
* Molecule UI great-grand child component of menu dropdown
|
|
3102
3118
|
*/
|
|
3103
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
3119
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1P);
|
|
3104
3120
|
|
|
3105
|
-
var styles$
|
|
3121
|
+
var styles$1y = {"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"};
|
|
3106
3122
|
|
|
3107
|
-
var Component$
|
|
3123
|
+
var Component$1O = function (_a) {
|
|
3108
3124
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3109
3125
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3110
|
-
styles: styles$
|
|
3126
|
+
styles: styles$1y,
|
|
3111
3127
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3112
3128
|
}) },
|
|
3113
3129
|
prefix,
|
|
3114
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3130
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3115
3131
|
suffix));
|
|
3116
3132
|
};
|
|
3117
3133
|
/**
|
|
3118
3134
|
* Molecule UI great-grand child component of menu dropdown
|
|
3119
3135
|
*/
|
|
3120
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
3136
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1O);
|
|
3121
3137
|
|
|
3122
|
-
var styles$
|
|
3138
|
+
var styles$1x = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3123
3139
|
|
|
3124
|
-
var Component$
|
|
3140
|
+
var Component$1N = function (_a) {
|
|
3125
3141
|
var option = _a.option, className = _a.className;
|
|
3126
3142
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3127
|
-
styles: styles$
|
|
3143
|
+
styles: styles$1x,
|
|
3128
3144
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3129
3145
|
}) },
|
|
3130
3146
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -3132,9 +3148,9 @@ var Component$1M = function (_a) {
|
|
|
3132
3148
|
/**
|
|
3133
3149
|
* Molecule UI great-grand child component of menu dropdown
|
|
3134
3150
|
*/
|
|
3135
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
3151
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1N);
|
|
3136
3152
|
|
|
3137
|
-
var Component$
|
|
3153
|
+
var Component$1M = function (_a) {
|
|
3138
3154
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3139
3155
|
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" },
|
|
3140
3156
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3154,7 +3170,7 @@ var Action = function (_a) {
|
|
|
3154
3170
|
/**
|
|
3155
3171
|
* Molecule UI great-grand child component of menu dropdown
|
|
3156
3172
|
*/
|
|
3157
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
3173
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1M);
|
|
3158
3174
|
|
|
3159
3175
|
var EUserMenuAnalystOptionType;
|
|
3160
3176
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3180,28 +3196,28 @@ var optionTypes = (_b = {},
|
|
|
3180
3196
|
_b);
|
|
3181
3197
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3182
3198
|
|
|
3183
|
-
var styles$
|
|
3199
|
+
var styles$1w = {"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"};
|
|
3184
3200
|
|
|
3185
|
-
var Component$
|
|
3201
|
+
var Component$1L = function (_a) {
|
|
3186
3202
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3187
3203
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3188
3204
|
return (React__default["default"].createElement("div", null,
|
|
3189
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3205
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3190
3206
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
3191
3207
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3192
|
-
styles: styles$
|
|
3208
|
+
styles: styles$1w,
|
|
3193
3209
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3194
3210
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3195
3211
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3196
|
-
styles: styles$
|
|
3212
|
+
styles: styles$1w,
|
|
3197
3213
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3198
3214
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3199
3215
|
};
|
|
3200
|
-
var UserMenuAnalystTitle = Component$
|
|
3216
|
+
var UserMenuAnalystTitle = Component$1L;
|
|
3201
3217
|
|
|
3202
|
-
var styles$
|
|
3218
|
+
var styles$1v = {"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"};
|
|
3203
3219
|
|
|
3204
|
-
var Component$
|
|
3220
|
+
var Component$1K = function (_a) {
|
|
3205
3221
|
var _b;
|
|
3206
3222
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3207
3223
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3227,13 +3243,13 @@ var Component$1J = function (_a) {
|
|
|
3227
3243
|
var OptionType = getOptionType(option.type);
|
|
3228
3244
|
if (!OptionType)
|
|
3229
3245
|
return null;
|
|
3230
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3231
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3246
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-option__object'] }) },
|
|
3247
|
+
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$1v, 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 }) })));
|
|
3232
3248
|
}
|
|
3233
|
-
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$
|
|
3249
|
+
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$1v, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3234
3250
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3235
3251
|
}, className: CNM.get({
|
|
3236
|
-
styles: styles$
|
|
3252
|
+
styles: styles$1v,
|
|
3237
3253
|
cls: [
|
|
3238
3254
|
'user-menu-analyst-option__dropdown',
|
|
3239
3255
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3242,8 +3258,8 @@ var Component$1J = function (_a) {
|
|
|
3242
3258
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3243
3259
|
var _a;
|
|
3244
3260
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3245
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3246
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
3261
|
+
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1v, 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 :
|
|
3262
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1K, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3247
3263
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3248
3264
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3249
3265
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3252,27 +3268,27 @@ var Component$1J = function (_a) {
|
|
|
3252
3268
|
/**
|
|
3253
3269
|
* Molecule UI grand child component of menu dropdown
|
|
3254
3270
|
*/
|
|
3255
|
-
var UserMenuAnalystOption = Component$
|
|
3271
|
+
var UserMenuAnalystOption = Component$1K;
|
|
3256
3272
|
|
|
3257
|
-
var Component$
|
|
3273
|
+
var Component$1J = function (_a) {
|
|
3258
3274
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3259
3275
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3260
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3276
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1A, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3261
3277
|
var _a;
|
|
3262
3278
|
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 :
|
|
3263
3279
|
_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 })); }),
|
|
3264
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3280
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1A, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3265
3281
|
React__default["default"].createElement(Divider, null)))));
|
|
3266
3282
|
})));
|
|
3267
3283
|
};
|
|
3268
3284
|
/**
|
|
3269
3285
|
* Molecule UI child component of user menu analyst
|
|
3270
3286
|
*/
|
|
3271
|
-
var UserMenuAnalystOptions = Component$
|
|
3287
|
+
var UserMenuAnalystOptions = Component$1J;
|
|
3272
3288
|
|
|
3273
|
-
var styles$
|
|
3289
|
+
var styles$1u = {"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"};
|
|
3274
3290
|
|
|
3275
|
-
var Component$
|
|
3291
|
+
var Component$1I = function (_a) {
|
|
3276
3292
|
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;
|
|
3277
3293
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3278
3294
|
var actionUrl = React.useMemo(function () {
|
|
@@ -3290,58 +3306,58 @@ var Component$1H = function (_a) {
|
|
|
3290
3306
|
: action.data;
|
|
3291
3307
|
}
|
|
3292
3308
|
}, [action, queryString]);
|
|
3293
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3294
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
3295
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3309
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst'] }) },
|
|
3310
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__header'] }) },
|
|
3311
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user'] }) },
|
|
3296
3312
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3297
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3298
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3299
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3300
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3313
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info'] }) },
|
|
3314
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3315
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3316
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3301
3317
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3302
|
-
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$
|
|
3318
|
+
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$1u, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3303
3319
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3304
|
-
styles: styles$
|
|
3320
|
+
styles: styles$1u,
|
|
3305
3321
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3306
3322
|
}), optionClassNames: {
|
|
3307
|
-
link: CNM.get({ styles: styles$
|
|
3308
|
-
dropdown: CNM.get({ styles: styles$
|
|
3323
|
+
link: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__company-link'] }),
|
|
3324
|
+
dropdown: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3309
3325
|
} }))),
|
|
3310
3326
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3311
3327
|
};
|
|
3312
3328
|
/**
|
|
3313
3329
|
* Molecule UI component for user menu
|
|
3314
3330
|
*/
|
|
3315
|
-
var UserMenuAnalyst = Component$
|
|
3331
|
+
var UserMenuAnalyst = Component$1I;
|
|
3316
3332
|
|
|
3317
|
-
var styles$
|
|
3333
|
+
var styles$1t = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3318
3334
|
|
|
3319
|
-
var Component$
|
|
3335
|
+
var Component$1H = function (_a) {
|
|
3320
3336
|
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;
|
|
3321
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3337
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1t, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3322
3338
|
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" },
|
|
3323
3339
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3324
3340
|
};
|
|
3325
3341
|
/**
|
|
3326
3342
|
* Molecule UI child component of user menu analyst wrapper
|
|
3327
3343
|
*/
|
|
3328
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3344
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1H);
|
|
3329
3345
|
|
|
3330
|
-
var styles$
|
|
3346
|
+
var styles$1s = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3331
3347
|
|
|
3332
|
-
var Component$
|
|
3348
|
+
var Component$1G = function (_a) {
|
|
3333
3349
|
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;
|
|
3334
3350
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3335
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3351
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1s, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3336
3352
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3337
3353
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3338
3354
|
};
|
|
3339
3355
|
/**
|
|
3340
3356
|
* Molecule UI child component of user menu analyst wrapper
|
|
3341
3357
|
*/
|
|
3342
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3358
|
+
var UserMenuWrapperAnalystModal = Component$1G;
|
|
3343
3359
|
|
|
3344
|
-
var Component$
|
|
3360
|
+
var Component$1F = function (_a) {
|
|
3345
3361
|
var props = __rest(_a, []);
|
|
3346
3362
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
3347
3363
|
React.useEffect(function () {
|
|
@@ -3363,21 +3379,21 @@ var Component$1E = function (_a) {
|
|
|
3363
3379
|
/**
|
|
3364
3380
|
* Molecule UI component for user menu wrapper analyst
|
|
3365
3381
|
*/
|
|
3366
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3382
|
+
var UserMenuWrapperAnalyst = Component$1F;
|
|
3367
3383
|
|
|
3368
|
-
var styles$
|
|
3384
|
+
var styles$1r = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
|
|
3369
3385
|
|
|
3370
|
-
var styles$
|
|
3386
|
+
var styles$1q = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3371
3387
|
|
|
3372
|
-
var cx$N = classNames.bind(styles$
|
|
3388
|
+
var cx$N = classNames.bind(styles$1q);
|
|
3373
3389
|
var AlertJobStatusContainer = function (_a) {
|
|
3374
3390
|
var className = _a.className, children = _a.children;
|
|
3375
3391
|
return React__default["default"].createElement("div", { className: cx$N('alert-job__content', className) }, children);
|
|
3376
3392
|
};
|
|
3377
3393
|
|
|
3378
|
-
var styles$
|
|
3394
|
+
var styles$1p = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3379
3395
|
|
|
3380
|
-
var cx$M = classNames.bind(styles$
|
|
3396
|
+
var cx$M = classNames.bind(styles$1p);
|
|
3381
3397
|
var alertIcons = {
|
|
3382
3398
|
success: Checked2,
|
|
3383
3399
|
warning: Warning3D
|
|
@@ -3389,9 +3405,9 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3389
3405
|
return (React__default["default"].createElement("img", { style: customWidth, className: cx$M('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3390
3406
|
};
|
|
3391
3407
|
|
|
3392
|
-
var styles$
|
|
3408
|
+
var styles$1o = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3393
3409
|
|
|
3394
|
-
var cx$L = classNames.bind(styles$
|
|
3410
|
+
var cx$L = classNames.bind(styles$1o);
|
|
3395
3411
|
var AlertJobStatusButton = function (_a) {
|
|
3396
3412
|
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3397
3413
|
return (React__default["default"].createElement("button", __assign({ className: cx$L('alert-modal__button', className) }, buttonProps),
|
|
@@ -3399,64 +3415,58 @@ var AlertJobStatusButton = function (_a) {
|
|
|
3399
3415
|
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3400
3416
|
};
|
|
3401
3417
|
|
|
3402
|
-
var cx$K = classNames.bind(styles$
|
|
3403
|
-
var Component$
|
|
3418
|
+
var cx$K = classNames.bind(styles$1r);
|
|
3419
|
+
var Component$1E = function (_a) {
|
|
3404
3420
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3405
3421
|
return React__default["default"].createElement("div", { className: cx$K('alert-job', className, type) }, children);
|
|
3406
3422
|
};
|
|
3407
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3423
|
+
var AlertJobStatus = Object.assign(Component$1E, {
|
|
3408
3424
|
Container: AlertJobStatusContainer,
|
|
3409
3425
|
Icon: AlertJobStatusIcon,
|
|
3410
3426
|
Button: AlertJobStatusButton,
|
|
3411
3427
|
Text: TextCustom
|
|
3412
3428
|
});
|
|
3413
3429
|
|
|
3414
|
-
var styles$
|
|
3430
|
+
var styles$1n = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
|
|
3415
3431
|
|
|
3416
|
-
var styles$
|
|
3432
|
+
var styles$1m = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3417
3433
|
|
|
3418
|
-
var cx$J = classNames.bind(styles$
|
|
3419
|
-
var Component$
|
|
3434
|
+
var cx$J = classNames.bind(styles$1m);
|
|
3435
|
+
var Component$1D = function (_a) {
|
|
3420
3436
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3421
3437
|
if (hideLogo)
|
|
3422
3438
|
return null;
|
|
3423
3439
|
return (React__default["default"].createElement("img", { className: cx$J("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3424
3440
|
};
|
|
3425
|
-
var SimilarCardLogo = Component$
|
|
3441
|
+
var SimilarCardLogo = Component$1D;
|
|
3426
3442
|
|
|
3427
|
-
var cx$I = classNames.bind(styles$
|
|
3428
|
-
var Component$
|
|
3443
|
+
var cx$I = classNames.bind(styles$1n);
|
|
3444
|
+
var Component$1C = function (_a) {
|
|
3429
3445
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3430
3446
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3431
3447
|
React__default["default"].createElement(IconItem, { className: cx$I('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
|
|
3432
3448
|
};
|
|
3433
|
-
var SimilarCardIcon = Component$
|
|
3449
|
+
var SimilarCardIcon = Component$1C;
|
|
3434
3450
|
|
|
3435
|
-
var cx$H = classNames.bind(styles$
|
|
3436
|
-
var Component$
|
|
3451
|
+
var cx$H = classNames.bind(styles$1n);
|
|
3452
|
+
var Component$1B = function (_a) {
|
|
3437
3453
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3438
3454
|
return (React__default["default"].createElement("a", { className: cx$H("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3439
3455
|
};
|
|
3440
|
-
var SimilarCard = Object.assign(Component$
|
|
3456
|
+
var SimilarCard = Object.assign(Component$1B, {
|
|
3441
3457
|
Text: TextCustom,
|
|
3442
3458
|
Logo: SimilarCardLogo,
|
|
3443
3459
|
Icon: SimilarCardIcon
|
|
3444
3460
|
});
|
|
3445
3461
|
|
|
3446
|
-
var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
|
|
3447
|
-
|
|
3448
|
-
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
3449
|
-
|
|
3450
|
-
var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
|
|
3451
|
-
|
|
3452
3462
|
var style$C = {"mega-menu-empty":"mg_mega_menu_empty_mega-menu-empty_ms4x7","mega-menu-empty__title":"mg_mega_menu_empty_mega-menu-empty_title_ms4x7","mega-menu-empty__subtitle":"mg_mega_menu_empty_mega-menu-empty_subtitle_ms4x7","mega-menu-empty__image":"mg_mega_menu_empty_mega-menu-empty_image_ms4x7"};
|
|
3453
3463
|
|
|
3454
3464
|
var MegaMenuEmpty = function (_a) {
|
|
3455
|
-
var title = _a.title, subtitle = _a.subtitle;
|
|
3465
|
+
var title = _a.title, subtitle = _a.subtitle, _b = _a.imageData, imageData = _b === void 0 ? 'noData' : _b;
|
|
3456
3466
|
return (React__default["default"].createElement("div", { className: style$C['mega-menu-empty'] },
|
|
3457
3467
|
React__default["default"].createElement("h4", { className: style$C['mega-menu-empty__title'] }, title),
|
|
3458
3468
|
React__default["default"].createElement("p", { className: style$C['mega-menu-empty__subtitle'] }, subtitle),
|
|
3459
|
-
React__default["default"].createElement("img", { className: style$C['mega-menu-empty__image'], src:
|
|
3469
|
+
React__default["default"].createElement("img", { className: style$C['mega-menu-empty__image'], src: staticMessages[imageData], height: 170 })));
|
|
3460
3470
|
};
|
|
3461
3471
|
|
|
3462
3472
|
var ModalPortal = function (_a) {
|
|
@@ -3474,7 +3484,7 @@ var ModalPortal = function (_a) {
|
|
|
3474
3484
|
return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
|
|
3475
3485
|
};
|
|
3476
3486
|
|
|
3477
|
-
var styles$
|
|
3487
|
+
var styles$1l = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
|
|
3478
3488
|
|
|
3479
3489
|
var Notification = function (_a) {
|
|
3480
3490
|
var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
|
|
@@ -3485,30 +3495,30 @@ var Notification = function (_a) {
|
|
|
3485
3495
|
}
|
|
3486
3496
|
}, [autoCloseDuration, onClose]);
|
|
3487
3497
|
return (React__default["default"].createElement(ModalPortal, null,
|
|
3488
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3489
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3490
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3491
|
-
React__default["default"].createElement("button", { className: styles$
|
|
3498
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1l.notification, " ").concat(styles$1l[position], " ").concat(className), role: "alert" },
|
|
3499
|
+
React__default["default"].createElement("div", { className: styles$1l['notification__content'] },
|
|
3500
|
+
React__default["default"].createElement("div", { className: styles$1l['notification__message'] }, message),
|
|
3501
|
+
React__default["default"].createElement("button", { className: styles$1l['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3492
3502
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
3493
3503
|
extraContent && extraContent)));
|
|
3494
3504
|
};
|
|
3495
3505
|
|
|
3496
|
-
var styles$
|
|
3506
|
+
var styles$1k = {"alert-modal":"mg_alert_job_modal_alert-modal_oyuqf","alert-modal__mobile":"mg_alert_job_modal_alert-modal_mobile_oyuqf","alert-modal__header":"mg_alert_job_modal_alert-modal_header_oyuqf","alert-modal__body":"mg_alert_job_modal_alert-modal_body_oyuqf","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_oyuqf","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_oyuqf","alert-modal__title":"mg_alert_job_modal_alert-modal_title_oyuqf","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_oyuqf","alert-modal__button":"mg_alert_job_modal_alert-modal_button_oyuqf"};
|
|
3497
3507
|
|
|
3498
|
-
var cx$G = classNames.bind(styles$
|
|
3508
|
+
var cx$G = classNames.bind(styles$1k);
|
|
3499
3509
|
var AlertJobModalIcon = function (_a) {
|
|
3500
3510
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3501
3511
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3502
3512
|
return (React__default["default"].createElement("img", { style: customWidth, className: cx$G('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3503
3513
|
};
|
|
3504
3514
|
|
|
3505
|
-
var cx$F = classNames.bind(styles$
|
|
3515
|
+
var cx$F = classNames.bind(styles$1k);
|
|
3506
3516
|
var AlertJobModalHeader = function (_a) {
|
|
3507
3517
|
var className = _a.className, children = _a.children;
|
|
3508
3518
|
return React__default["default"].createElement("div", { className: cx$F('alert-modal__header', className) }, children);
|
|
3509
3519
|
};
|
|
3510
3520
|
|
|
3511
|
-
var cx$E = classNames.bind(styles$
|
|
3521
|
+
var cx$E = classNames.bind(styles$1k);
|
|
3512
3522
|
var AlertJobModalTitle = function (_a) {
|
|
3513
3523
|
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3514
3524
|
return (React__default["default"].createElement("div", { className: cx$E('alert-modal__title', className) },
|
|
@@ -3517,19 +3527,19 @@ var AlertJobModalTitle = function (_a) {
|
|
|
3517
3527
|
children));
|
|
3518
3528
|
};
|
|
3519
3529
|
|
|
3520
|
-
var cx$D = classNames.bind(styles$
|
|
3530
|
+
var cx$D = classNames.bind(styles$1k);
|
|
3521
3531
|
var AlertJobModalBody = function (_a) {
|
|
3522
3532
|
var className = _a.className, children = _a.children;
|
|
3523
3533
|
return React__default["default"].createElement("div", { className: cx$D('alert-modal__body', className) }, children);
|
|
3524
3534
|
};
|
|
3525
3535
|
|
|
3526
|
-
var cx$C = classNames.bind(styles$
|
|
3536
|
+
var cx$C = classNames.bind(styles$1k);
|
|
3527
3537
|
var AlertJobModalFooter = function (_a) {
|
|
3528
3538
|
var className = _a.className, children = _a.children;
|
|
3529
3539
|
return React__default["default"].createElement("div", { className: cx$C('alert-modal__footer', className) }, children);
|
|
3530
3540
|
};
|
|
3531
3541
|
|
|
3532
|
-
var cx$B = classNames.bind(styles$
|
|
3542
|
+
var cx$B = classNames.bind(styles$1k);
|
|
3533
3543
|
var AlertJobModalButton = function (_a) {
|
|
3534
3544
|
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3535
3545
|
return (React__default["default"].createElement("button", __assign({ className: cx$B('alert-modal__button', className) }, buttonProps),
|
|
@@ -3537,12 +3547,12 @@ var AlertJobModalButton = function (_a) {
|
|
|
3537
3547
|
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3538
3548
|
};
|
|
3539
3549
|
|
|
3540
|
-
var cx$A = classNames.bind(styles$
|
|
3541
|
-
var Component$
|
|
3550
|
+
var cx$A = classNames.bind(styles$1k);
|
|
3551
|
+
var Component$1A = function (_a) {
|
|
3542
3552
|
var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
|
|
3543
3553
|
return (React__default["default"].createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$A('alert-modal', className), mobileDrawerClassName: cx$A('alert-modal__mobile', mobileClassName) }, children));
|
|
3544
3554
|
};
|
|
3545
|
-
var AlertJobModal = Object.assign(Component$
|
|
3555
|
+
var AlertJobModal = Object.assign(Component$1A, {
|
|
3546
3556
|
Header: AlertJobModalHeader,
|
|
3547
3557
|
Body: AlertJobModalBody,
|
|
3548
3558
|
Footer: AlertJobModalFooter,
|
|
@@ -3551,35 +3561,35 @@ var AlertJobModal = Object.assign(Component$1z, {
|
|
|
3551
3561
|
Button: AlertJobModalButton
|
|
3552
3562
|
});
|
|
3553
3563
|
|
|
3554
|
-
var Component$
|
|
3564
|
+
var Component$1z = function (_a) {
|
|
3555
3565
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3556
3566
|
var component = React.useMemo(function () {
|
|
3557
3567
|
var _a, _b, _c;
|
|
3558
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3568
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2q, cls: ['modal-analyst-container'] }) },
|
|
3559
3569
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3560
3570
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3561
3571
|
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 })));
|
|
3562
3572
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3563
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3564
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3573
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2q, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3574
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2q, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3565
3575
|
});
|
|
3566
3576
|
return container;
|
|
3567
3577
|
};
|
|
3568
3578
|
/**
|
|
3569
3579
|
* Molecule UI child component of modal analyst
|
|
3570
3580
|
*/
|
|
3571
|
-
var ModalAnalystContainer = Component$
|
|
3581
|
+
var ModalAnalystContainer = Component$1z;
|
|
3572
3582
|
|
|
3573
|
-
var Component$
|
|
3583
|
+
var Component$1y = function (_a) {
|
|
3574
3584
|
var content = _a.content;
|
|
3575
3585
|
return React__default["default"].createElement("div", null, content);
|
|
3576
3586
|
};
|
|
3577
3587
|
/**
|
|
3578
3588
|
* Molecule UI child component of modal analyst
|
|
3579
3589
|
*/
|
|
3580
|
-
var ModalAnalystContent = Component$
|
|
3590
|
+
var ModalAnalystContent = Component$1y;
|
|
3581
3591
|
|
|
3582
|
-
var styles$
|
|
3592
|
+
var styles$1j = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
|
|
3583
3593
|
|
|
3584
3594
|
var EModalAnalystActionType;
|
|
3585
3595
|
(function (EModalAnalystActionType) {
|
|
@@ -3604,7 +3614,7 @@ var MODAL_ICONS = {
|
|
|
3604
3614
|
closeCircle: CloseCircle
|
|
3605
3615
|
};
|
|
3606
3616
|
|
|
3607
|
-
var Component$
|
|
3617
|
+
var Component$1x = function (_a) {
|
|
3608
3618
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3609
3619
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3610
3620
|
var _c = React.useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3642,12 +3652,12 @@ var Component$1w = function (_a) {
|
|
|
3642
3652
|
});
|
|
3643
3653
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3644
3654
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
3645
|
-
styles: styles$
|
|
3655
|
+
styles: styles$1j,
|
|
3646
3656
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3647
3657
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3648
3658
|
var _a, _b, _c, _d, _e;
|
|
3649
3659
|
return (React__default["default"].createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3650
|
-
styles: styles$
|
|
3660
|
+
styles: styles$1j,
|
|
3651
3661
|
cls: [
|
|
3652
3662
|
'modal-analyst-footer__button',
|
|
3653
3663
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3655,7 +3665,7 @@ var Component$1w = function (_a) {
|
|
|
3655
3665
|
]
|
|
3656
3666
|
}) },
|
|
3657
3667
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
3658
|
-
styles: styles$
|
|
3668
|
+
styles: styles$1j,
|
|
3659
3669
|
cls: [
|
|
3660
3670
|
'modal-analyst-footer__prefix-icon-container',
|
|
3661
3671
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3663,7 +3673,7 @@ var Component$1w = function (_a) {
|
|
|
3663
3673
|
]
|
|
3664
3674
|
}) },
|
|
3665
3675
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3666
|
-
styles: styles$
|
|
3676
|
+
styles: styles$1j,
|
|
3667
3677
|
cls: [
|
|
3668
3678
|
'modal-analyst-footer__prefix-loading',
|
|
3669
3679
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3672,7 +3682,7 @@ var Component$1w = function (_a) {
|
|
|
3672
3682
|
}) },
|
|
3673
3683
|
React__default["default"].createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3674
3684
|
React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3675
|
-
styles: styles$
|
|
3685
|
+
styles: styles$1j,
|
|
3676
3686
|
cls: [
|
|
3677
3687
|
'modal-analyst-footer__prefix-icon',
|
|
3678
3688
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3687,13 +3697,13 @@ var Component$1w = function (_a) {
|
|
|
3687
3697
|
/**
|
|
3688
3698
|
* Molecule UI child component of modal analyst
|
|
3689
3699
|
*/
|
|
3690
|
-
var ModalAnalystFooter = Component$
|
|
3700
|
+
var ModalAnalystFooter = Component$1x;
|
|
3691
3701
|
|
|
3692
|
-
var styles$
|
|
3702
|
+
var styles$1i = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3693
3703
|
|
|
3694
|
-
var Component$
|
|
3704
|
+
var Component$1w = function (_a) {
|
|
3695
3705
|
var header = _a.header;
|
|
3696
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3706
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1i, cls: ['modal-analyst-header'] }) },
|
|
3697
3707
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3698
3708
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3699
3709
|
: header.prefixIcon.icon }))),
|
|
@@ -3705,7 +3715,7 @@ var Component$1v = function (_a) {
|
|
|
3705
3715
|
/**
|
|
3706
3716
|
* Molecule UI child component of modal analyst
|
|
3707
3717
|
*/
|
|
3708
|
-
var ModalAnalystHeader = Component$
|
|
3718
|
+
var ModalAnalystHeader = Component$1w;
|
|
3709
3719
|
|
|
3710
3720
|
var MenuButtonAnalystProps = {
|
|
3711
3721
|
buttonType: 'button',
|
|
@@ -4395,6 +4405,18 @@ var LocationBlue = "https://static.magneto365.com/lib/assets/megaMenu/5b59e34612
|
|
|
4395
4405
|
|
|
4396
4406
|
var Book = "https://static.magneto365.com/lib/assets/megaMenu/ca9ee6d183e7647b.svg";
|
|
4397
4407
|
|
|
4408
|
+
var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
|
|
4409
|
+
|
|
4410
|
+
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
4411
|
+
|
|
4412
|
+
var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
|
|
4413
|
+
|
|
4414
|
+
var Waiting = "https://static.magneto365.com/lib/assets/gif/e2ca38f1e0d908d9.gif";
|
|
4415
|
+
|
|
4416
|
+
var staticMessages = {
|
|
4417
|
+
noData: NoData,
|
|
4418
|
+
waiting: Waiting
|
|
4419
|
+
};
|
|
4398
4420
|
var alphabet = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';
|
|
4399
4421
|
var megaMenuJobImage = {
|
|
4400
4422
|
title: 'Cajero cafeteria en la esquina del barrio de por mi casa',
|
|
@@ -4450,9 +4472,9 @@ var CNM = /** @class */ (function () {
|
|
|
4450
4472
|
return CNM;
|
|
4451
4473
|
}());
|
|
4452
4474
|
|
|
4453
|
-
var styles$
|
|
4475
|
+
var styles$1h = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
4454
4476
|
|
|
4455
|
-
var Component$
|
|
4477
|
+
var Component$1v = function (_a) {
|
|
4456
4478
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4457
4479
|
var validateCompleted = React.useCallback(function (value) {
|
|
4458
4480
|
if (!value)
|
|
@@ -4472,27 +4494,27 @@ var Component$1u = function (_a) {
|
|
|
4472
4494
|
var _a;
|
|
4473
4495
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4474
4496
|
}, [percent, validateCompleted]);
|
|
4475
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4476
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4497
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1h, cls: [className] }) },
|
|
4498
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4477
4499
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4478
|
-
styles: styles$
|
|
4500
|
+
styles: styles$1h,
|
|
4479
4501
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4480
4502
|
}) }))));
|
|
4481
4503
|
};
|
|
4482
4504
|
/**
|
|
4483
4505
|
* UI Atom component of Bar Loader
|
|
4484
4506
|
*/
|
|
4485
|
-
var BarLoader = Component$
|
|
4507
|
+
var BarLoader = Component$1v;
|
|
4486
4508
|
|
|
4487
|
-
var styles$
|
|
4509
|
+
var styles$1g = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
4488
4510
|
|
|
4489
|
-
var Component$
|
|
4511
|
+
var Component$1u = function (_a) {
|
|
4490
4512
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
4491
4513
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4492
4514
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4493
4515
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4494
4516
|
var haveDetailTitle = detailTitle !== '';
|
|
4495
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4517
|
+
var detailTileStyle = detailTitle ? styles$1g['no-transform'] : '';
|
|
4496
4518
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4497
4519
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4498
4520
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4504,9 +4526,9 @@ var Component$1t = function (_a) {
|
|
|
4504
4526
|
"/ ",
|
|
4505
4527
|
href)));
|
|
4506
4528
|
}),
|
|
4507
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4529
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1g['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4508
4530
|
"/ ",
|
|
4509
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4531
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$1g['magneto-ui-bc-active'] : '', " ").concat(styles$1g['magneto-ui-bc']), key: i },
|
|
4510
4532
|
i > 0 && '/',
|
|
4511
4533
|
" ",
|
|
4512
4534
|
bc)); })));
|
|
@@ -4522,53 +4544,53 @@ var Component$1t = function (_a) {
|
|
|
4522
4544
|
queryParams,
|
|
4523
4545
|
lastIndexBC
|
|
4524
4546
|
]);
|
|
4525
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4547
|
+
return React__default["default"].createElement("div", { className: styles$1g.breadcrumbComponent }, breadCrumbsRender);
|
|
4526
4548
|
};
|
|
4527
4549
|
/**
|
|
4528
4550
|
* Atom UI of breadcrumb
|
|
4529
4551
|
*/
|
|
4530
|
-
var Breadcrumb = Component$
|
|
4552
|
+
var Breadcrumb = Component$1u;
|
|
4531
4553
|
|
|
4532
|
-
var styles$
|
|
4554
|
+
var styles$1f = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4533
4555
|
|
|
4534
|
-
var Component$
|
|
4556
|
+
var Component$1t = function (_a) {
|
|
4535
4557
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4536
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4537
|
-
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4538
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4539
|
-
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4558
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$1f['magneto-ui-button'], " ").concat(addHover ? styles$1f['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4559
|
+
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$1f['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
4560
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1f['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4561
|
+
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$1f['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
4540
4562
|
};
|
|
4541
4563
|
/**
|
|
4542
4564
|
* UI Atom Component of Save Button
|
|
4543
4565
|
*/
|
|
4544
|
-
var Button = Component$
|
|
4566
|
+
var Button = Component$1t;
|
|
4545
4567
|
|
|
4546
|
-
var styles$
|
|
4568
|
+
var styles$1e = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4547
4569
|
|
|
4548
4570
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4549
|
-
var Component$
|
|
4571
|
+
var Component$1s = function (_a) {
|
|
4550
4572
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d;
|
|
4551
4573
|
var currentHigherMax = React.useMemo(function () {
|
|
4552
4574
|
return current > max;
|
|
4553
4575
|
}, [current, max]);
|
|
4554
|
-
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
4576
|
+
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$1e["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$1e['error-label'] : '') },
|
|
4555
4577
|
nf.format(current),
|
|
4556
4578
|
React__default["default"].createElement("span", null,
|
|
4557
4579
|
" / ",
|
|
4558
4580
|
nf.format(max))));
|
|
4559
4581
|
};
|
|
4560
|
-
var ComparativeCounter = Component$
|
|
4582
|
+
var ComparativeCounter = Component$1s;
|
|
4561
4583
|
|
|
4562
|
-
var styles$
|
|
4584
|
+
var styles$1d = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
4563
4585
|
|
|
4564
|
-
var cx$z = classNames.bind(styles$
|
|
4586
|
+
var cx$z = classNames.bind(styles$1d);
|
|
4565
4587
|
var defaultCheck = function (_a) {
|
|
4566
4588
|
var type = _a.type, checked = _a.checked;
|
|
4567
4589
|
if (type === 'background')
|
|
4568
4590
|
return;
|
|
4569
4591
|
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$z('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
4570
4592
|
};
|
|
4571
|
-
var Component$
|
|
4593
|
+
var Component$1r = function (_a) {
|
|
4572
4594
|
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
4573
4595
|
return (React__default["default"].createElement("label", { className: cx$z('checkbox', "checkbox--".concat(display), className, {
|
|
4574
4596
|
'checkbox--checked': checked,
|
|
@@ -4581,7 +4603,7 @@ var Component$1q = function (_a) {
|
|
|
4581
4603
|
}, type: "checkbox", id: id }, rest)),
|
|
4582
4604
|
children));
|
|
4583
4605
|
};
|
|
4584
|
-
var Checkbox = Component$
|
|
4606
|
+
var Checkbox = Component$1r;
|
|
4585
4607
|
|
|
4586
4608
|
var DateArray = /** @class */ (function () {
|
|
4587
4609
|
function DateArray(array) {
|
|
@@ -4636,7 +4658,7 @@ var fixArrayDate = function (array) {
|
|
|
4636
4658
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4637
4659
|
};
|
|
4638
4660
|
|
|
4639
|
-
var styles$
|
|
4661
|
+
var styles$1c = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
4640
4662
|
|
|
4641
4663
|
// placeholder to every input.
|
|
4642
4664
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4644,7 +4666,7 @@ var stringArraytoDate = function (array) {
|
|
|
4644
4666
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4645
4667
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4646
4668
|
};
|
|
4647
|
-
var Component$
|
|
4669
|
+
var Component$1q = function (_a) {
|
|
4648
4670
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
4649
4671
|
// Represent the value of every input field (there are 8 in total).
|
|
4650
4672
|
var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4747,30 +4769,30 @@ var Component$1p = function (_a) {
|
|
|
4747
4769
|
}
|
|
4748
4770
|
}, []);
|
|
4749
4771
|
return (React__default["default"].createElement("div", { className: [
|
|
4750
|
-
styles$
|
|
4772
|
+
styles$1c['date-input'],
|
|
4751
4773
|
className,
|
|
4752
|
-
fit ? styles$
|
|
4753
|
-
hasError ? styles$
|
|
4774
|
+
fit ? styles$1c['date-input--fit'] : '',
|
|
4775
|
+
hasError ? styles$1c['date-input--error'] : ''
|
|
4754
4776
|
].join(' ') },
|
|
4755
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4777
|
+
React__default["default"].createElement("div", { className: styles$1c['date-input__left'], onClick: function () {
|
|
4756
4778
|
var _a;
|
|
4757
4779
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4758
4780
|
} }),
|
|
4759
4781
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
4760
4782
|
[2, 4].includes(index) ? (
|
|
4761
4783
|
// include / separator in date (DD / MM / YYYY)
|
|
4762
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
4763
|
-
React__default["default"].createElement("input", { className: styles$
|
|
4764
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4784
|
+
React__default["default"].createElement("span", { className: [styles$1c['date-input__separator'], value ? styles$1c['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4785
|
+
React__default["default"].createElement("input", { className: styles$1c['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
4786
|
+
React__default["default"].createElement("div", { className: styles$1c['date-input__right'], onClick: function () {
|
|
4765
4787
|
var _a;
|
|
4766
4788
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4767
4789
|
} })));
|
|
4768
4790
|
};
|
|
4769
|
-
var DateInput = Component$
|
|
4791
|
+
var DateInput = Component$1q;
|
|
4770
4792
|
|
|
4771
4793
|
var style$B = {"divider":"mg_divider_divider_1vn87"};
|
|
4772
4794
|
|
|
4773
|
-
var Component$
|
|
4795
|
+
var Component$1p = function (_a) {
|
|
4774
4796
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
|
|
4775
4797
|
var inlineStyle = direction == 'HORIZONTAL'
|
|
4776
4798
|
? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
|
|
@@ -4780,7 +4802,15 @@ var Component$1o = function (_a) {
|
|
|
4780
4802
|
/**
|
|
4781
4803
|
* Atom UI Divider Component
|
|
4782
4804
|
*/
|
|
4783
|
-
var Divider = Component$
|
|
4805
|
+
var Divider = Component$1p;
|
|
4806
|
+
|
|
4807
|
+
var styles$1b = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
|
|
4808
|
+
|
|
4809
|
+
var Component$1o = function (_a) {
|
|
4810
|
+
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
4811
|
+
return (React__default["default"].createElement("div", { className: styles$1b['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$1b['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
4812
|
+
};
|
|
4813
|
+
var DotsLoader = Component$1o;
|
|
4784
4814
|
|
|
4785
4815
|
var styles$1a = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4786
4816
|
|
|
@@ -8400,7 +8430,7 @@ var JobCardSkeleton = function (_a) {
|
|
|
8400
8430
|
};
|
|
8401
8431
|
|
|
8402
8432
|
var JobsPage = function (_a) {
|
|
8403
|
-
var jobDetailsDrawerProps = _a.jobDetailsDrawerProps, mobileJobDetailsDrawerProps = _a.mobileJobDetailsDrawerProps, sortBarProps = _a.sortBarProps, sideFilterProps = _a.sideFilterProps, frequentSearchProps = _a.frequentSearchProps, vacantProps = _a.vacantProps, footerProps = _a.footerProps, paginationProps = _a.paginationProps, setJobSelected = _a.setJobSelected, jobSelected = _a.jobSelected, isLoading = _a.isLoading, device = _a.device, emptyResultsProps = _a.emptyResultsProps, jobDetailAction = _a.jobDetailAction, customParagraph = _a.customParagraph, dynamicPaginationUrl = _a.dynamicPaginationUrl, displayAlwaysFilter = _a.displayAlwaysFilter;
|
|
8433
|
+
var jobDetailsDrawerProps = _a.jobDetailsDrawerProps, mobileJobDetailsDrawerProps = _a.mobileJobDetailsDrawerProps, sortBarProps = _a.sortBarProps, sideFilterProps = _a.sideFilterProps, frequentSearchProps = _a.frequentSearchProps, vacantProps = _a.vacantProps, footerProps = _a.footerProps, paginationProps = _a.paginationProps, setJobSelected = _a.setJobSelected, jobSelected = _a.jobSelected, isLoading = _a.isLoading, device = _a.device, emptyResultsProps = _a.emptyResultsProps, jobDetailAction = _a.jobDetailAction, customParagraph = _a.customParagraph, dynamicPaginationUrl = _a.dynamicPaginationUrl, displayAlwaysFilter = _a.displayAlwaysFilter, createAccountCTAProps = _a.createAccountCTAProps;
|
|
8404
8434
|
var _b = React.useState(false), isFiltersOpen = _b[0], setIsFiltersOpen = _b[1];
|
|
8405
8435
|
var _c = React.useState(false), loadVideo = _c[0], setLoadVideo = _c[1];
|
|
8406
8436
|
var _d = React.useState(device === 'desktop'), showDetail = _d[0], setShowDetail = _d[1];
|
|
@@ -8457,6 +8487,7 @@ var JobsPage = function (_a) {
|
|
|
8457
8487
|
sideFilterAltRender,
|
|
8458
8488
|
React__default["default"].createElement("div", { className: style$2["".concat(classMUI, "-jobs-page--center-row")] },
|
|
8459
8489
|
React__default["default"].createElement(SortBar, __assign({}, sortBarProps, { isFiltersOpen: isFiltersOpen, setIsFiltersOpen: setIsFiltersOpen, emptyVacant: emptyVacant })),
|
|
8490
|
+
createAccountCTAProps && React__default["default"].createElement(CreateAccountCTA, __assign({}, createAccountCTAProps)),
|
|
8460
8491
|
mainTitleByMediaQuery,
|
|
8461
8492
|
React__default["default"].createElement("div", { className: style$2["".concat(classMUI, "-jobs-page--center-row__jobs-result")] }, cardsAltRender),
|
|
8462
8493
|
customParagraph && React__default["default"].createElement(Paragraph, { paragraph: customParagraph }),
|
|
@@ -8573,11 +8604,13 @@ exports.ButtonLink = ButtonLink;
|
|
|
8573
8604
|
exports.Checkbox = Checkbox;
|
|
8574
8605
|
exports.CitiesDetailDrawer = CitiesDetailDrawer;
|
|
8575
8606
|
exports.ComparativeCounter = ComparativeCounter;
|
|
8607
|
+
exports.CreateAccountCTA = CreateAccountCTA;
|
|
8576
8608
|
exports.DateDropdown = DateDropdown;
|
|
8577
8609
|
exports.DateInput = DateInput;
|
|
8578
8610
|
exports.DatePicker = DatePicker;
|
|
8579
8611
|
exports.DatePickerResponsiveComponent = DatePickerResponsiveComponent;
|
|
8580
8612
|
exports.Divider = Divider;
|
|
8613
|
+
exports.DotsLoader = DotsLoader;
|
|
8581
8614
|
exports.Drawer = Drawer$1;
|
|
8582
8615
|
exports.DrawerMenu = DrawerMenu;
|
|
8583
8616
|
exports.EmptyResults = EmptyResult;
|