magneto365.ui 2.50.4 → 2.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +808 -789
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/cjs/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/cjs/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +807 -790
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/esm/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/esm/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/index.d.ts +156 -101
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
250
250
|
|
|
251
251
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
|
-
var Component$
|
|
253
|
+
var Component$29 = 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$28 = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$29;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$25 = {"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
|
|
|
@@ -522,21 +522,21 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
522
522
|
|
|
523
523
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
524
524
|
|
|
525
|
-
var Component$
|
|
525
|
+
var Component$28 = function (_a) {
|
|
526
526
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
527
527
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
528
528
|
var handleError = function () {
|
|
529
529
|
setImageError(true);
|
|
530
530
|
};
|
|
531
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
531
|
+
return (React__default["default"].createElement("div", { className: styles$25.avatarComponent, onClick: onClick },
|
|
532
532
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
533
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
533
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$25['magneto-ui-default-avatar'] },
|
|
534
534
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
535
535
|
};
|
|
536
536
|
/**
|
|
537
537
|
* UI Atom component of Avatar
|
|
538
538
|
*/
|
|
539
|
-
var Avatar = Component$
|
|
539
|
+
var Avatar = Component$28;
|
|
540
540
|
|
|
541
541
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
542
542
|
|
|
@@ -653,9 +653,9 @@ var SignUpButtonStyle = {
|
|
|
653
653
|
}
|
|
654
654
|
};
|
|
655
655
|
|
|
656
|
-
var styles$
|
|
656
|
+
var styles$24 = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
657
657
|
|
|
658
|
-
var styles$
|
|
658
|
+
var styles$23 = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
659
659
|
|
|
660
660
|
var ShareIcons = {
|
|
661
661
|
Facebook: {
|
|
@@ -675,7 +675,7 @@ var ShareIcons = {
|
|
|
675
675
|
}
|
|
676
676
|
};
|
|
677
677
|
|
|
678
|
-
var Component$
|
|
678
|
+
var Component$27 = function (_a) {
|
|
679
679
|
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;
|
|
680
680
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
681
681
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -688,46 +688,46 @@ var Component$26 = function (_a) {
|
|
|
688
688
|
};
|
|
689
689
|
if (component)
|
|
690
690
|
return component;
|
|
691
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
692
|
-
React__default["default"].createElement("div", { id: styles$
|
|
691
|
+
return (React__default["default"].createElement("div", { className: styles$23['magneto-ui-actions'] },
|
|
692
|
+
React__default["default"].createElement("div", { id: styles$23['magneto-ui__external-child'] }, externalButtonChild),
|
|
693
693
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
694
|
-
React__default["default"].createElement("button", { className: styles$
|
|
694
|
+
React__default["default"].createElement("button", { className: styles$23['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
695
695
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
696
696
|
} },
|
|
697
697
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
698
698
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
699
699
|
actionsLinkList.map(function (_a, index) {
|
|
700
700
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
701
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
701
|
+
return (React__default["default"].createElement("a", { className: styles$23['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
702
702
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
703
703
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
704
704
|
}),
|
|
705
|
-
React__default["default"].createElement("div", { className: styles$
|
|
706
|
-
React__default["default"].createElement("p", { className: styles$
|
|
707
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
705
|
+
React__default["default"].createElement("div", { className: styles$23['magneto-ui-actions__header'] },
|
|
706
|
+
React__default["default"].createElement("p", { className: styles$23['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
707
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$23['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
708
708
|
};
|
|
709
709
|
var ShareLinksAction = function (_a) {
|
|
710
710
|
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;
|
|
711
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
712
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
711
|
+
return (React__default["default"].createElement("div", { className: styles$23['magneto-ui-actions'] },
|
|
712
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$23['magneto-ui-actions__share'] }, shareProps)),
|
|
713
713
|
shareLinks.map(function (_a, index) {
|
|
714
714
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
715
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
715
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$23['magneto-ui-actions__link'], styles$23['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
716
716
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
717
717
|
React__default["default"].createElement("span", null, title)));
|
|
718
718
|
}),
|
|
719
|
-
React__default["default"].createElement("div", { className: styles$
|
|
720
|
-
React__default["default"].createElement("p", { className: styles$
|
|
721
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
722
|
-
React__default["default"].createElement("div", { className: styles$
|
|
723
|
-
React__default["default"].createElement("button", { className: styles$
|
|
719
|
+
React__default["default"].createElement("div", { className: styles$23['magneto-ui-actions__header'] },
|
|
720
|
+
React__default["default"].createElement("p", { className: styles$23['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
721
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$23['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
722
|
+
React__default["default"].createElement("div", { className: styles$23['magneto-ui-actions__back'] },
|
|
723
|
+
React__default["default"].createElement("button", { className: styles$23['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
724
724
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
725
725
|
backText)));
|
|
726
726
|
};
|
|
727
727
|
/**
|
|
728
728
|
* UI Molecule componet of Actions
|
|
729
729
|
*/
|
|
730
|
-
var Actions = Object.assign(Component$
|
|
730
|
+
var Actions = Object.assign(Component$27, { ShareLinks: ShareLinksAction });
|
|
731
731
|
|
|
732
732
|
var style$Z = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
733
733
|
|
|
@@ -753,7 +753,7 @@ var alertIcons = {
|
|
|
753
753
|
warning: Warning,
|
|
754
754
|
error: Error
|
|
755
755
|
};
|
|
756
|
-
var Component$
|
|
756
|
+
var Component$26 = function (_a) {
|
|
757
757
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
758
758
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
759
759
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -765,7 +765,7 @@ var Component$25 = function (_a) {
|
|
|
765
765
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
766
766
|
extraButton));
|
|
767
767
|
};
|
|
768
|
-
var Alert = Component$
|
|
768
|
+
var Alert = Component$26;
|
|
769
769
|
|
|
770
770
|
var style$X = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
771
771
|
|
|
@@ -853,7 +853,7 @@ var classNames = {
|
|
|
853
853
|
};
|
|
854
854
|
|
|
855
855
|
var cx$f = classNames.bind(style$W);
|
|
856
|
-
var Component$
|
|
856
|
+
var Component$25 = function (_a) {
|
|
857
857
|
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;
|
|
858
858
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
859
859
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -889,7 +889,7 @@ var Component$24 = function (_a) {
|
|
|
889
889
|
/**
|
|
890
890
|
* Molecule UI component for Mobile Drawer
|
|
891
891
|
*/
|
|
892
|
-
var MobileDrawer = Component$
|
|
892
|
+
var MobileDrawer = Component$25;
|
|
893
893
|
|
|
894
894
|
var style$V = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
895
895
|
|
|
@@ -945,11 +945,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
945
945
|
};
|
|
946
946
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
947
947
|
|
|
948
|
-
var styles$
|
|
948
|
+
var styles$22 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
949
949
|
|
|
950
|
-
var Component$
|
|
950
|
+
var Component$24 = function (_a) {
|
|
951
951
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
952
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
952
|
+
return (React__default["default"].createElement("div", { className: styles$22.BreadcrumbsComponent },
|
|
953
953
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
954
954
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
955
955
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -957,52 +957,52 @@ var Component$23 = function (_a) {
|
|
|
957
957
|
/**
|
|
958
958
|
* Molecule UI component for breadcrums information
|
|
959
959
|
*/
|
|
960
|
-
var Breadcrumbs = Component$
|
|
960
|
+
var Breadcrumbs = Component$24;
|
|
961
961
|
|
|
962
|
-
var styles$
|
|
962
|
+
var styles$21 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
963
963
|
|
|
964
964
|
var CitiesDetailDrawer = function (_a) {
|
|
965
965
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
966
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
967
|
-
React__default["default"].createElement("div", { className: styles$
|
|
966
|
+
return (React__default["default"].createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
967
|
+
React__default["default"].createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
968
968
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
969
|
-
React__default["default"].createElement("div", { className: styles$
|
|
970
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
969
|
+
React__default["default"].createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
970
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
971
971
|
cities &&
|
|
972
972
|
cities.map(function (_a, index) {
|
|
973
973
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
974
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
974
|
+
return (React__default["default"].createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
975
975
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
976
976
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
977
977
|
})))) : null));
|
|
978
978
|
};
|
|
979
979
|
|
|
980
|
-
var styles$
|
|
980
|
+
var styles$20 = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
981
981
|
|
|
982
|
-
var Component$
|
|
982
|
+
var Component$23 = function (_a) {
|
|
983
983
|
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;
|
|
984
984
|
var disabledArrow = React.useMemo(function () {
|
|
985
985
|
if (disabled)
|
|
986
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
986
|
+
return (React__default["default"].createElement(IconItem, { className: styles$20['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
987
987
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
988
988
|
}, [disabled]);
|
|
989
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
990
|
-
React__default["default"].createElement("select", { className: styles$
|
|
991
|
-
React__default["default"].createElement("option", { className: styles$
|
|
989
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui--date-dropdown__wrapper'] },
|
|
990
|
+
React__default["default"].createElement("select", { className: styles$20["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
991
|
+
React__default["default"].createElement("option", { className: styles$20['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
992
992
|
dateOptions.map(function (_a) {
|
|
993
993
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
994
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
994
|
+
return (React__default["default"].createElement("option", { className: styles$20['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
995
995
|
})),
|
|
996
|
-
React__default["default"].createElement("span", { className: styles$
|
|
996
|
+
React__default["default"].createElement("span", { className: styles$20['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
997
997
|
};
|
|
998
|
-
var DateDropdown = Component$
|
|
998
|
+
var DateDropdown = Component$23;
|
|
999
999
|
|
|
1000
|
-
var styles$
|
|
1000
|
+
var styles$1$ = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1001
1001
|
|
|
1002
1002
|
var defaultValue$1 = function (value) {
|
|
1003
1003
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1004
1004
|
};
|
|
1005
|
-
var Component$
|
|
1005
|
+
var Component$22 = function (_a) {
|
|
1006
1006
|
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;
|
|
1007
1007
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1008
1008
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1036,16 +1036,16 @@ var Component$21 = function (_a) {
|
|
|
1036
1036
|
}
|
|
1037
1037
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1038
1038
|
}, [disabled]);
|
|
1039
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1039
|
+
return (React__default["default"].createElement("div", { className: styles$1$['magneto-ui--date-picker__wrapper'] },
|
|
1040
1040
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1041
1041
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1042
1042
|
};
|
|
1043
|
-
var DatePicker = Component$
|
|
1043
|
+
var DatePicker = Component$22;
|
|
1044
1044
|
|
|
1045
1045
|
var style$U = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1046
1046
|
|
|
1047
1047
|
var DEFAULT_PADDING = 20;
|
|
1048
|
-
var Component$
|
|
1048
|
+
var Component$21 = function (_a) {
|
|
1049
1049
|
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;
|
|
1050
1050
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1051
1051
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1091,7 +1091,7 @@ var Component$20 = function (_a) {
|
|
|
1091
1091
|
/**
|
|
1092
1092
|
* Molecule UI component for Drawer
|
|
1093
1093
|
*/
|
|
1094
|
-
var Drawer = Component$
|
|
1094
|
+
var Drawer = Component$21;
|
|
1095
1095
|
|
|
1096
1096
|
var style$T = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1097
1097
|
|
|
@@ -1154,15 +1154,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1154
1154
|
_c)
|
|
1155
1155
|
};
|
|
1156
1156
|
|
|
1157
|
-
var styles$
|
|
1157
|
+
var styles$1_ = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
1158
1158
|
|
|
1159
|
-
var Component$
|
|
1159
|
+
var Component$20 = function (_a) {
|
|
1160
1160
|
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;
|
|
1161
1161
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1162
1162
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1163
1163
|
var componentProps = React.useMemo(function () {
|
|
1164
1164
|
var className = CNM.get({
|
|
1165
|
-
styles: styles$
|
|
1165
|
+
styles: styles$1_,
|
|
1166
1166
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1167
1167
|
});
|
|
1168
1168
|
if (isUrl)
|
|
@@ -1184,48 +1184,48 @@ var Component$1$ = function (_a) {
|
|
|
1184
1184
|
}
|
|
1185
1185
|
return;
|
|
1186
1186
|
}, [loading, variant]);
|
|
1187
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1188
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1187
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action', className] }) },
|
|
1188
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action__container'] }) },
|
|
1189
1189
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1190
1190
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1191
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1191
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action__title'] }) }, title),
|
|
1192
1192
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1193
1193
|
};
|
|
1194
1194
|
/**
|
|
1195
1195
|
* Molecule UI child component of expandable info
|
|
1196
1196
|
*/
|
|
1197
|
-
var ExpandableInfoAction = Component$
|
|
1197
|
+
var ExpandableInfoAction = Component$20;
|
|
1198
1198
|
|
|
1199
|
-
var styles$
|
|
1199
|
+
var styles$1Z = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
1200
1200
|
|
|
1201
|
-
var Component$
|
|
1201
|
+
var Component$1$ = function (_a) {
|
|
1202
1202
|
var sections = _a.sections, footer = _a.footer;
|
|
1203
1203
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1204
1204
|
return CNM.get({
|
|
1205
|
-
styles: styles$
|
|
1205
|
+
styles: styles$1Z,
|
|
1206
1206
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1207
1207
|
});
|
|
1208
1208
|
}, []);
|
|
1209
1209
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1210
1210
|
return CNM.get({
|
|
1211
|
-
styles: styles$
|
|
1211
|
+
styles: styles$1Z,
|
|
1212
1212
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1213
1213
|
});
|
|
1214
1214
|
}, []);
|
|
1215
1215
|
var itemStyles = React.useCallback(function (first) {
|
|
1216
1216
|
return CNM.get({
|
|
1217
|
-
styles: styles$
|
|
1217
|
+
styles: styles$1Z,
|
|
1218
1218
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1219
1219
|
});
|
|
1220
1220
|
}, []);
|
|
1221
1221
|
var textStyles = React.useCallback(function (bold) {
|
|
1222
1222
|
return CNM.get({
|
|
1223
|
-
styles: styles$
|
|
1223
|
+
styles: styles$1Z,
|
|
1224
1224
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1225
1225
|
});
|
|
1226
1226
|
}, []);
|
|
1227
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1228
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1227
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details'] }) },
|
|
1228
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1229
1229
|
sections.map(function (section, index) {
|
|
1230
1230
|
var _a, _b;
|
|
1231
1231
|
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) {
|
|
@@ -1239,13 +1239,13 @@ var Component$1_ = function (_a) {
|
|
|
1239
1239
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1240
1240
|
})));
|
|
1241
1241
|
}),
|
|
1242
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1243
|
-
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$
|
|
1242
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__footer'] }) },
|
|
1243
|
+
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$1Z, cls: ['expandable-info-details__action'] }) }))))));
|
|
1244
1244
|
};
|
|
1245
1245
|
/**
|
|
1246
1246
|
* Molecule UI child component of expandable info
|
|
1247
1247
|
*/
|
|
1248
|
-
var ExpandableInfoDetails = Component$
|
|
1248
|
+
var ExpandableInfoDetails = Component$1$;
|
|
1249
1249
|
|
|
1250
1250
|
exports.EExpandableInfoVariant = void 0;
|
|
1251
1251
|
(function (EExpandableInfoVariant) {
|
|
@@ -1266,9 +1266,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1266
1266
|
_a$3)
|
|
1267
1267
|
};
|
|
1268
1268
|
|
|
1269
|
-
var styles$
|
|
1269
|
+
var styles$1Y = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
1270
1270
|
|
|
1271
|
-
var Component$
|
|
1271
|
+
var Component$1_ = function (_a) {
|
|
1272
1272
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1273
1273
|
var icon = React.useCallback(function (icon) {
|
|
1274
1274
|
if (icon) {
|
|
@@ -1281,22 +1281,22 @@ var Component$1Z = function (_a) {
|
|
|
1281
1281
|
}, [variant]);
|
|
1282
1282
|
if (!title)
|
|
1283
1283
|
return null;
|
|
1284
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1285
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1284
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-message', className] }) },
|
|
1285
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-message__container'] }) },
|
|
1286
1286
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1287
1287
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1288
|
-
styles: styles$
|
|
1288
|
+
styles: styles$1Y,
|
|
1289
1289
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1290
1290
|
}) }, title))));
|
|
1291
1291
|
};
|
|
1292
1292
|
/**
|
|
1293
1293
|
* Molecule UI child component of expandable info
|
|
1294
1294
|
*/
|
|
1295
|
-
var ExpandableInfoMessage = Component$
|
|
1295
|
+
var ExpandableInfoMessage = Component$1_;
|
|
1296
1296
|
|
|
1297
|
-
var styles$
|
|
1297
|
+
var styles$1X = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1298
1298
|
|
|
1299
|
-
var Component$
|
|
1299
|
+
var Component$1Z = function (_a) {
|
|
1300
1300
|
var toggler = _a.toggler, details = _a.details;
|
|
1301
1301
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1302
1302
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1304,28 +1304,28 @@ var Component$1Y = function (_a) {
|
|
|
1304
1304
|
}, []);
|
|
1305
1305
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1306
1306
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1307
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1307
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1X, cls: ['expandable-info-modal'] }) },
|
|
1308
1308
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1309
1309
|
};
|
|
1310
1310
|
/**
|
|
1311
1311
|
* Molecule UI child component of expandable info
|
|
1312
1312
|
*/
|
|
1313
|
-
var ExpandableInfoModal = Component$
|
|
1313
|
+
var ExpandableInfoModal = Component$1Z;
|
|
1314
1314
|
|
|
1315
|
-
var styles$
|
|
1315
|
+
var styles$1W = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
1316
1316
|
|
|
1317
1317
|
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1318
1318
|
|
|
1319
|
-
var styles$
|
|
1319
|
+
var styles$1V = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1320
1320
|
|
|
1321
1321
|
var Image = function (_a) {
|
|
1322
1322
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1323
1323
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1324
1324
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1325
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1325
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1V['magneto-ui-play-button'] }, playIcon)));
|
|
1326
1326
|
};
|
|
1327
1327
|
|
|
1328
|
-
var styles$
|
|
1328
|
+
var styles$1U = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1329
1329
|
|
|
1330
1330
|
var MegaMenuCard = function (_a) {
|
|
1331
1331
|
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;
|
|
@@ -1335,17 +1335,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1335
1335
|
onClick();
|
|
1336
1336
|
}
|
|
1337
1337
|
}, [onClick]);
|
|
1338
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1339
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1338
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1U["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1339
|
+
icon && (React__default["default"].createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__icon"] },
|
|
1340
1340
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1341
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1342
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1343
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1344
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1345
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1341
|
+
logo && (React__default["default"].createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__logo"] },
|
|
1342
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1U["magneto-ui-mega-menu-card__logo"] }))),
|
|
1343
|
+
React__default["default"].createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__content"] },
|
|
1344
|
+
React__default["default"].createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__title"] }, title),
|
|
1345
|
+
React__default["default"].createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1346
1346
|
maximumFractionDigits: 3
|
|
1347
1347
|
}), " cupos"))),
|
|
1348
|
-
showRigthArrow && (React__default["default"].createElement("div", { className: styles$
|
|
1348
|
+
showRigthArrow && (React__default["default"].createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__arrow"] },
|
|
1349
1349
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1350
1350
|
};
|
|
1351
1351
|
|
|
@@ -1364,24 +1364,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1364
1364
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1365
1365
|
};
|
|
1366
1366
|
|
|
1367
|
-
var styles$
|
|
1367
|
+
var styles$1T = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
1368
1368
|
|
|
1369
1369
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1370
1370
|
var Component = function (_a) {
|
|
1371
1371
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1372
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1373
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1372
|
+
return (React__default["default"].createElement("div", { className: styles$1T['mega-menu-side-container'] },
|
|
1373
|
+
React__default["default"].createElement("div", { className: styles$1T['mega-menu-side-container__side'] },
|
|
1374
1374
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1375
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1375
|
+
React__default["default"].createElement("div", { className: styles$1T['mega-menu-side-container__main'] },
|
|
1376
1376
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1377
1377
|
};
|
|
1378
1378
|
return Component;
|
|
1379
1379
|
};
|
|
1380
1380
|
|
|
1381
|
-
var Component$
|
|
1381
|
+
var Component$1Y = function (_a) {
|
|
1382
1382
|
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;
|
|
1383
1383
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1384
|
-
styles: styles$
|
|
1384
|
+
styles: styles$1W,
|
|
1385
1385
|
cls: [
|
|
1386
1386
|
'expandable-info-popover',
|
|
1387
1387
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1389,7 +1389,7 @@ var Component$1X = function (_a) {
|
|
|
1389
1389
|
]
|
|
1390
1390
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1391
1391
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1392
|
-
styles: styles$
|
|
1392
|
+
styles: styles$1W,
|
|
1393
1393
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1394
1394
|
}) }),
|
|
1395
1395
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1398,19 +1398,19 @@ var Component$1X = function (_a) {
|
|
|
1398
1398
|
/**
|
|
1399
1399
|
* Molecule UI child component of expandable info
|
|
1400
1400
|
*/
|
|
1401
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1401
|
+
var ExpandableInfoPopover = withClickOut(Component$1Y);
|
|
1402
1402
|
|
|
1403
1403
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1404
1404
|
coin: CoinBlackOutline
|
|
1405
1405
|
};
|
|
1406
1406
|
|
|
1407
|
-
var styles$
|
|
1407
|
+
var styles$1S = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
1408
1408
|
|
|
1409
|
-
var Component$
|
|
1409
|
+
var Component$1X = function (_a) {
|
|
1410
1410
|
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;
|
|
1411
1411
|
var styleGenerator = React.useCallback(function (base) {
|
|
1412
1412
|
return CNM.get({
|
|
1413
|
-
styles: styles$
|
|
1413
|
+
styles: styles$1S,
|
|
1414
1414
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1415
1415
|
});
|
|
1416
1416
|
}, [variant]);
|
|
@@ -1442,7 +1442,7 @@ var Component$1W = function (_a) {
|
|
|
1442
1442
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1443
1443
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1444
1444
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1445
|
-
styles: styles$
|
|
1445
|
+
styles: styles$1S,
|
|
1446
1446
|
cls: [
|
|
1447
1447
|
'expandable-info-toggler__summary',
|
|
1448
1448
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1455,11 +1455,11 @@ var Component$1W = function (_a) {
|
|
|
1455
1455
|
/**
|
|
1456
1456
|
* Molecule UI child component of expandable info
|
|
1457
1457
|
*/
|
|
1458
|
-
var ExpandableInfoToggler = Component$
|
|
1458
|
+
var ExpandableInfoToggler = Component$1X;
|
|
1459
1459
|
|
|
1460
|
-
var styles$
|
|
1460
|
+
var styles$1R = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
1461
1461
|
|
|
1462
|
-
var Component$
|
|
1462
|
+
var Component$1W = function (_a) {
|
|
1463
1463
|
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;
|
|
1464
1464
|
var togglerProps = React.useMemo(function () { return ({
|
|
1465
1465
|
details: details,
|
|
@@ -1473,9 +1473,9 @@ var Component$1V = function (_a) {
|
|
|
1473
1473
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1474
1474
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1475
1475
|
});
|
|
1476
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1476
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info'] }) },
|
|
1477
1477
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1478
|
-
styles: styles$
|
|
1478
|
+
styles: styles$1R,
|
|
1479
1479
|
cls: [
|
|
1480
1480
|
'expandable-info__container',
|
|
1481
1481
|
"expandable-info__container--".concat(variant),
|
|
@@ -1485,22 +1485,41 @@ var Component$1V = function (_a) {
|
|
|
1485
1485
|
}) },
|
|
1486
1486
|
container,
|
|
1487
1487
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1488
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1488
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1489
1489
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1490
1490
|
};
|
|
1491
1491
|
/**
|
|
1492
1492
|
* Molecule UI component for expandable info
|
|
1493
1493
|
*/
|
|
1494
|
-
var ExpandableInfo = Component$
|
|
1494
|
+
var ExpandableInfo = Component$1W;
|
|
1495
|
+
|
|
1496
|
+
var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
1497
|
+
|
|
1498
|
+
var FilterActions = function (_a) {
|
|
1499
|
+
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
1500
|
+
var _b = React.useState(0), selected = _b[0], setSelected = _b[1];
|
|
1501
|
+
var handleClickAction = React.useCallback(function (index, letter) { return function () {
|
|
1502
|
+
setSelected(index);
|
|
1503
|
+
onClickAction(index, letter);
|
|
1504
|
+
}; }, [onClickAction]);
|
|
1505
|
+
React.useImperativeHandle(filtersRef, function () { return ({
|
|
1506
|
+
restartFilters: function () { return setSelected(0); }
|
|
1507
|
+
}); });
|
|
1508
|
+
var actions = React.useMemo(function () {
|
|
1509
|
+
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
1510
|
+
return values.map(function (letter, index) { return (React__default["default"].createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$R["filter-actions__action"], " ").concat(selected == index ? style$R["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
1511
|
+
}, [allAction, handleClickAction, selected]);
|
|
1512
|
+
return React__default["default"].createElement("nav", { className: style$R['filter-actions'] }, actions);
|
|
1513
|
+
};
|
|
1495
1514
|
|
|
1496
|
-
var style$
|
|
1515
|
+
var style$Q = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1497
1516
|
|
|
1498
1517
|
var FilterContainerMenu = function (_a) {
|
|
1499
1518
|
var children = _a.children;
|
|
1500
|
-
return React__default["default"].createElement("div", { className: style$
|
|
1519
|
+
return React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1501
1520
|
};
|
|
1502
1521
|
|
|
1503
|
-
var styles$
|
|
1522
|
+
var styles$1Q = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
|
|
1504
1523
|
|
|
1505
1524
|
var FilterMenuItem = function (_a) {
|
|
1506
1525
|
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"]);
|
|
@@ -1515,35 +1534,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1515
1534
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1516
1535
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1517
1536
|
var className = React.useMemo(function () {
|
|
1518
|
-
return isApplied ? styles$
|
|
1537
|
+
return isApplied ? styles$1Q.selected : isSearched ? styles$1Q.isSearched : hiddenCount ? '' : !total && styles$1Q.disabled;
|
|
1519
1538
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1520
1539
|
var handleClick = React.useCallback(function () {
|
|
1521
1540
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1522
1541
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1523
1542
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1524
1543
|
if (loading)
|
|
1525
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1526
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1544
|
+
return React__default["default"].createElement("div", { className: styles$1Q.skeleton });
|
|
1545
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1Q['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1527
1546
|
React__default["default"].createElement("span", null, label),
|
|
1528
1547
|
displayOutput));
|
|
1529
1548
|
};
|
|
1530
1549
|
|
|
1531
|
-
var styles$
|
|
1550
|
+
var styles$1P = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
1532
1551
|
|
|
1533
1552
|
var FilterSearchItem = function (_a) {
|
|
1534
1553
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1535
1554
|
var inputRef = React.useRef(null);
|
|
1536
1555
|
if (loading)
|
|
1537
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1556
|
+
return (React__default["default"].createElement("div", { className: styles$1P.skeleton },
|
|
1538
1557
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1539
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1558
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1P['magneto-ui-filter-search'], " ").concat(disabled ? styles$1P.disabled : '') },
|
|
1540
1559
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1541
1560
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1542
1561
|
};
|
|
1543
1562
|
|
|
1544
|
-
var styles$
|
|
1563
|
+
var styles$1O = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
1545
1564
|
|
|
1546
|
-
var Component$
|
|
1565
|
+
var Component$1V = function (_a) {
|
|
1547
1566
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1548
1567
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1549
1568
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1553,46 +1572,46 @@ var Component$1U = function (_a) {
|
|
|
1553
1572
|
return searchList;
|
|
1554
1573
|
}, [searchList, showFullList]);
|
|
1555
1574
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1556
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1557
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1558
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1575
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-frequent-search'] },
|
|
1576
|
+
React__default["default"].createElement("h2", { className: styles$1O['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1577
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1559
1578
|
var props = __rest(_a, []);
|
|
1560
1579
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1561
1580
|
})),
|
|
1562
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1581
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1O['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1563
1582
|
showMore,
|
|
1564
1583
|
" (",
|
|
1565
1584
|
searchList.length,
|
|
1566
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1585
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1O['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1567
1586
|
};
|
|
1568
1587
|
/**
|
|
1569
1588
|
* UI Atom component of Frequent Search
|
|
1570
1589
|
*/
|
|
1571
|
-
var FrequentSearch = Component$
|
|
1590
|
+
var FrequentSearch = Component$1V;
|
|
1572
1591
|
|
|
1573
|
-
var style$
|
|
1592
|
+
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1574
1593
|
|
|
1575
|
-
var Component$
|
|
1594
|
+
var Component$1U = function (_a) {
|
|
1576
1595
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1577
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
1596
|
+
return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
|
|
1578
1597
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1579
1598
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1580
1599
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1581
1600
|
};
|
|
1582
|
-
var HeaderDrawerCompany = Component$
|
|
1601
|
+
var HeaderDrawerCompany = Component$1U;
|
|
1583
1602
|
|
|
1584
|
-
var styles$
|
|
1603
|
+
var styles$1N = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1585
1604
|
|
|
1586
|
-
var Component$
|
|
1605
|
+
var Component$1T = function (_a) {
|
|
1587
1606
|
var children = _a.children;
|
|
1588
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1607
|
+
return React__default["default"].createElement("div", { className: styles$1N.TabComponent }, children);
|
|
1589
1608
|
};
|
|
1590
1609
|
/**
|
|
1591
1610
|
* Molecule UI for Tab
|
|
1592
1611
|
*/
|
|
1593
|
-
var Tab = Component$
|
|
1612
|
+
var Tab = Component$1T;
|
|
1594
1613
|
|
|
1595
|
-
var styles$
|
|
1614
|
+
var styles$1M = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1596
1615
|
|
|
1597
1616
|
var toCSSVariables = function (input) {
|
|
1598
1617
|
var output = {};
|
|
@@ -1607,35 +1626,35 @@ var toCSSVariables = function (input) {
|
|
|
1607
1626
|
return output;
|
|
1608
1627
|
};
|
|
1609
1628
|
|
|
1610
|
-
var Component$
|
|
1629
|
+
var Component$1S = function (_a) {
|
|
1611
1630
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1612
1631
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1613
1632
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1614
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1633
|
+
return (React__default["default"].createElement("div", { className: styles$1M.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1615
1634
|
};
|
|
1616
1635
|
/**
|
|
1617
1636
|
* Molecule UI component for Tab Button
|
|
1618
1637
|
*/
|
|
1619
|
-
var TabButton = Component$
|
|
1638
|
+
var TabButton = Component$1S;
|
|
1620
1639
|
|
|
1621
|
-
var styles$
|
|
1640
|
+
var styles$1L = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1622
1641
|
|
|
1623
|
-
var Component$
|
|
1642
|
+
var Component$1R = function (_a) {
|
|
1624
1643
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1625
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1644
|
+
return (React__default["default"].createElement("div", { className: styles$1L.HeaderDrawerTabsComponent },
|
|
1626
1645
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1627
1646
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1628
1647
|
React__default["default"].createElement(Tab, null,
|
|
1629
1648
|
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 }),
|
|
1630
1649
|
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 }))));
|
|
1631
1650
|
};
|
|
1632
|
-
var HeaderDrawerTabs = Component$
|
|
1651
|
+
var HeaderDrawerTabs = Component$1R;
|
|
1633
1652
|
|
|
1634
|
-
var styles$
|
|
1653
|
+
var styles$1K = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1635
1654
|
|
|
1636
|
-
var Component$
|
|
1655
|
+
var Component$1Q = function (_a) {
|
|
1637
1656
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1638
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1657
|
+
return (React__default["default"].createElement("div", { className: styles$1K.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1639
1658
|
var headerTabProps = __rest(_a, []);
|
|
1640
1659
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1641
1660
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1646,9 +1665,9 @@ var Component$1P = function (_a) {
|
|
|
1646
1665
|
/**
|
|
1647
1666
|
* Molecule UI component for header tabs information`
|
|
1648
1667
|
*/
|
|
1649
|
-
var HeaderTabs = Component$
|
|
1668
|
+
var HeaderTabs = Component$1Q;
|
|
1650
1669
|
|
|
1651
|
-
var styles$
|
|
1670
|
+
var styles$1J = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
1652
1671
|
|
|
1653
1672
|
var Input = function (_a) {
|
|
1654
1673
|
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"]);
|
|
@@ -1683,28 +1702,28 @@ var Input = function (_a) {
|
|
|
1683
1702
|
setInputValue(e.target.value);
|
|
1684
1703
|
}, [onChange]);
|
|
1685
1704
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1686
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1705
|
+
React__default["default"].createElement("div", { className: styles$1J["".concat(classMUI, "-input")] },
|
|
1687
1706
|
React__default["default"].createElement("div", null,
|
|
1688
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1707
|
+
React__default["default"].createElement("div", { className: styles$1J["".concat(classMUI, "-input--container")] },
|
|
1689
1708
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1690
1709
|
left: hideIcon ? '10px' : '40px',
|
|
1691
1710
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1692
1711
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1693
|
-
}, className: styles$
|
|
1712
|
+
}, className: styles$1J["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1694
1713
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1695
1714
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1696
|
-
}, disabled: disabled, className: styles$
|
|
1697
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1698
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1715
|
+
}, disabled: disabled, className: styles$1J["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
1716
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1J["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1717
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1J["".concat(classMUI, "-input--container__icon-action")] },
|
|
1699
1718
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1700
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1701
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1719
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1J["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1J['footer-without-error'] : '') },
|
|
1720
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1J["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1702
1721
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1703
1722
|
};
|
|
1704
1723
|
|
|
1705
|
-
var styles$
|
|
1724
|
+
var styles$1I = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1706
1725
|
|
|
1707
|
-
var Component$
|
|
1726
|
+
var Component$1P = function (_a) {
|
|
1708
1727
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1709
1728
|
var loadingSize = React.useMemo(function () {
|
|
1710
1729
|
if (size) {
|
|
@@ -1718,11 +1737,11 @@ var Component$1O = function (_a) {
|
|
|
1718
1737
|
height: '15px'
|
|
1719
1738
|
};
|
|
1720
1739
|
}, [size]);
|
|
1721
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1740
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1I["".concat(classMUI, "-flat-loader")] }));
|
|
1722
1741
|
};
|
|
1723
|
-
var FlatLoader = Component$
|
|
1742
|
+
var FlatLoader = Component$1P;
|
|
1724
1743
|
|
|
1725
|
-
var styles$
|
|
1744
|
+
var styles$1H = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
1726
1745
|
|
|
1727
1746
|
var InputPlus = function (_a) {
|
|
1728
1747
|
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;
|
|
@@ -1766,23 +1785,23 @@ var InputPlus = function (_a) {
|
|
|
1766
1785
|
}
|
|
1767
1786
|
}
|
|
1768
1787
|
}, [disabledBtn, handleSubmmit]);
|
|
1769
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1788
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1H["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1770
1789
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1771
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1790
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1H["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1H.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1H['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1772
1791
|
};
|
|
1773
1792
|
|
|
1774
|
-
var styles$
|
|
1793
|
+
var styles$1G = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1775
1794
|
|
|
1776
|
-
var style$
|
|
1795
|
+
var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1777
1796
|
|
|
1778
|
-
var Component$
|
|
1797
|
+
var Component$1O = function (_a) {
|
|
1779
1798
|
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"]);
|
|
1780
1799
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1781
|
-
return (React__default["default"].createElement(Popover, { className: [style$
|
|
1800
|
+
return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
1782
1801
|
shareLinks.map(function (_a, index) {
|
|
1783
1802
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1784
1803
|
return (React__default["default"].createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1785
|
-
React__default["default"].createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1804
|
+
React__default["default"].createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$O['content__link'], onClick: function () { return setShow(false); } },
|
|
1786
1805
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1787
1806
|
React__default["default"].createElement("span", null, title))));
|
|
1788
1807
|
}),
|
|
@@ -1790,13 +1809,13 @@ var Component$1N = function (_a) {
|
|
|
1790
1809
|
React__default["default"].createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1791
1810
|
rest.onCopySuccess();
|
|
1792
1811
|
} })))) },
|
|
1793
|
-
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$
|
|
1812
|
+
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1794
1813
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
|
|
1795
1814
|
};
|
|
1796
|
-
Component$
|
|
1797
|
-
var SharePopover = Component$
|
|
1815
|
+
Component$1O.displayName = 'SharePopover';
|
|
1816
|
+
var SharePopover = Component$1O;
|
|
1798
1817
|
|
|
1799
|
-
var Component$
|
|
1818
|
+
var Component$1N = function (_a) {
|
|
1800
1819
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1801
1820
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1802
1821
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1804,30 +1823,30 @@ var Component$1M = function (_a) {
|
|
|
1804
1823
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1805
1824
|
}); });
|
|
1806
1825
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1807
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1808
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1809
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1826
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-actions'] },
|
|
1827
|
+
React__default["default"].createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalButtonChild),
|
|
1828
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1810
1829
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1811
1830
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1812
1831
|
filteredActionsLinkList.map(function (_a) {
|
|
1813
1832
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1814
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1815
|
-
React__default["default"].createElement("a", { className: styles$
|
|
1833
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1834
|
+
React__default["default"].createElement("a", { className: styles$1G['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1816
1835
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1817
1836
|
}))));
|
|
1818
1837
|
};
|
|
1819
1838
|
/**
|
|
1820
1839
|
* UI Molecule Component for Jobs Actions
|
|
1821
1840
|
*/
|
|
1822
|
-
var JobActions = Component$
|
|
1841
|
+
var JobActions = Component$1N;
|
|
1823
1842
|
|
|
1824
|
-
var styles$
|
|
1843
|
+
var styles$1F = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1825
1844
|
|
|
1826
|
-
var Component$
|
|
1845
|
+
var Component$1M = function (_a) {
|
|
1827
1846
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1828
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1829
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1830
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1847
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-apply-card'] },
|
|
1848
|
+
React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-apply-card__wrapper'] },
|
|
1849
|
+
React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-apply-card__header'] },
|
|
1831
1850
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1832
1851
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1833
1852
|
offerApplyElements
|
|
@@ -1837,18 +1856,18 @@ var Component$1L = function (_a) {
|
|
|
1837
1856
|
})
|
|
1838
1857
|
.map(function (_a) {
|
|
1839
1858
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1840
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1859
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1841
1860
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1842
1861
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1843
1862
|
})),
|
|
1844
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1863
|
+
React__default["default"].createElement("div", { id: styles$1F['magneto-ui__external-child'] }, externalChild))));
|
|
1845
1864
|
};
|
|
1846
1865
|
/**
|
|
1847
1866
|
* UI Molecule Component for Job Apply Card
|
|
1848
1867
|
*/
|
|
1849
|
-
var JobApplyCard = Component$
|
|
1868
|
+
var JobApplyCard = Component$1M;
|
|
1850
1869
|
|
|
1851
|
-
var style$
|
|
1870
|
+
var style$N = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1852
1871
|
|
|
1853
1872
|
var JobCardDesktop = function (_a) {
|
|
1854
1873
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
@@ -1859,43 +1878,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1859
1878
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1860
1879
|
}, [cities]);
|
|
1861
1880
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1862
|
-
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1863
|
-
!isCompanyPage && (React__default["default"].createElement("div", { className: style$
|
|
1864
|
-
React__default["default"].createElement("div", { className: style$
|
|
1865
|
-
React__default["default"].createElement("img", { className: style$
|
|
1866
|
-
React__default["default"].createElement("div", { className: style$
|
|
1867
|
-
React__default["default"].createElement("div", { className: style$
|
|
1881
|
+
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
|
|
1882
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row1")] },
|
|
1883
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--brand")] },
|
|
1884
|
+
React__default["default"].createElement("img", { className: style$N["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1885
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--data")] },
|
|
1886
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2")] },
|
|
1868
1887
|
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1869
|
-
React__default["default"].createElement("h2", { className: "".concat(style$
|
|
1888
|
+
React__default["default"].createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1870
1889
|
React__default["default"].createElement("h3", null, companyName),
|
|
1871
1890
|
React__default["default"].createElement("p", null, formatPublishDate),
|
|
1872
|
-
urgent && (React__default["default"].createElement("div", { className: style$
|
|
1891
|
+
urgent && (React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
1873
1892
|
React__default["default"].createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
1874
1893
|
React__default["default"].createElement("p", null, urgent)))),
|
|
1875
|
-
React__default["default"].createElement("div", { className: style$
|
|
1894
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row3")] },
|
|
1876
1895
|
React__default["default"].createElement("p", null,
|
|
1877
1896
|
citiesformatted,
|
|
1878
1897
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
1879
|
-
React__default["default"].createElement("div", { className: style$
|
|
1898
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row4")] },
|
|
1880
1899
|
React__default["default"].createElement("p", null, infoRow4))),
|
|
1881
|
-
React__default["default"].createElement("div", { className: style$
|
|
1900
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--arrow")] },
|
|
1882
1901
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2 }))));
|
|
1883
1902
|
};
|
|
1884
1903
|
|
|
1885
|
-
var style$
|
|
1904
|
+
var style$M = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
|
|
1886
1905
|
|
|
1887
1906
|
var JobCardMobile = function (_a) {
|
|
1888
1907
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
1889
|
-
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1890
|
-
!isCompanyPage && (React__default["default"].createElement("div", { className: style$
|
|
1891
|
-
React__default["default"].createElement("div", { className: style$
|
|
1892
|
-
React__default["default"].createElement("img", { className: style$
|
|
1893
|
-
React__default["default"].createElement("div", { className: style$
|
|
1894
|
-
React__default["default"].createElement("div", { className: style$
|
|
1908
|
+
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$M[workSeen] : '', " ").concat(jobOpen ? style$M[jobOpen] : '') },
|
|
1909
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1910
|
+
React__default["default"].createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1911
|
+
React__default["default"].createElement("img", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1912
|
+
React__default["default"].createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1913
|
+
React__default["default"].createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
1895
1914
|
React__default["default"].createElement("div", null,
|
|
1896
1915
|
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
1897
|
-
React__default["default"].createElement("h2", { className: "".concat(style$
|
|
1898
|
-
React__default["default"].createElement("div", { className: style$
|
|
1916
|
+
React__default["default"].createElement("h2", { className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1917
|
+
React__default["default"].createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
1899
1918
|
React__default["default"].createElement("h3", null,
|
|
1900
1919
|
companyName,
|
|
1901
1920
|
","),
|
|
@@ -1930,46 +1949,46 @@ var JobCard = function (_a) {
|
|
|
1930
1949
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
1931
1950
|
};
|
|
1932
1951
|
|
|
1933
|
-
var styles$
|
|
1952
|
+
var styles$1E = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1934
1953
|
|
|
1935
|
-
var Component$
|
|
1954
|
+
var Component$1L = function (_a) {
|
|
1936
1955
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1937
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1956
|
+
return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-company-header'] },
|
|
1938
1957
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1939
1958
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1940
1959
|
};
|
|
1941
1960
|
/**
|
|
1942
1961
|
* UI Molecule component for Company Job Header
|
|
1943
1962
|
*/
|
|
1944
|
-
var JobCompanyHeader = Component$
|
|
1963
|
+
var JobCompanyHeader = Component$1L;
|
|
1945
1964
|
|
|
1946
|
-
var styles$
|
|
1965
|
+
var styles$1D = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1947
1966
|
|
|
1948
|
-
var Component$
|
|
1967
|
+
var Component$1K = function (_a) {
|
|
1949
1968
|
var offerDescription = _a.offerDescription;
|
|
1950
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1969
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
1951
1970
|
};
|
|
1952
1971
|
/**
|
|
1953
1972
|
* UI Molecule Component for Job Detail Card Header
|
|
1954
1973
|
*/
|
|
1955
|
-
var JobDetailCard = Component$
|
|
1974
|
+
var JobDetailCard = Component$1K;
|
|
1956
1975
|
|
|
1957
|
-
var style$
|
|
1976
|
+
var style$L = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
1958
1977
|
|
|
1959
1978
|
var JobDetailContainer = function (_a) {
|
|
1960
1979
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
1961
1980
|
var toggleMenu = React.useMemo(function () {
|
|
1962
|
-
return isOpen ? style$
|
|
1981
|
+
return isOpen ? style$L['is-open'] : '';
|
|
1963
1982
|
}, [isOpen]);
|
|
1964
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
1965
|
-
React__default["default"].createElement("button", { type: "button", onClick: onClose, className: style$
|
|
1983
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$L["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
1984
|
+
React__default["default"].createElement("button", { type: "button", onClick: onClose, className: style$L["".concat(classMUI, "-job-detail-container--btn")] },
|
|
1966
1985
|
React__default["default"].createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
1967
1986
|
children));
|
|
1968
1987
|
};
|
|
1969
1988
|
|
|
1970
|
-
var styles$
|
|
1989
|
+
var styles$1C = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
1971
1990
|
|
|
1972
|
-
var Component$
|
|
1991
|
+
var Component$1J = function (_a) {
|
|
1973
1992
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1974
1993
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1975
1994
|
icon: iconList && iconList[index],
|
|
@@ -1979,27 +1998,27 @@ var Component$1I = function (_a) {
|
|
|
1979
1998
|
var offerDetailText = _a.offerDetailText;
|
|
1980
1999
|
return !!offerDetailText && index !== 1;
|
|
1981
2000
|
});
|
|
1982
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1983
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2001
|
+
return (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-details'] },
|
|
2002
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-details__wrapper'] },
|
|
1984
2003
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1985
2004
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1986
2005
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1987
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1988
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2006
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1C['magneto-ui-job-details__item-detail'] },
|
|
2007
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-details__item-detail-icon'] },
|
|
1989
2008
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
1990
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2009
|
+
React__default["default"].createElement("p", { className: styles$1C['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
1991
2010
|
})),
|
|
1992
2011
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
1993
2012
|
};
|
|
1994
2013
|
/**
|
|
1995
2014
|
* UI Molecule component for Job Detail
|
|
1996
2015
|
*/
|
|
1997
|
-
Component$
|
|
1998
|
-
var JobDetails = Component$
|
|
2016
|
+
Component$1J.displayName = 'JobDetails';
|
|
2017
|
+
var JobDetails = Component$1J;
|
|
1999
2018
|
|
|
2000
|
-
var styles$
|
|
2019
|
+
var styles$1B = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
2001
2020
|
|
|
2002
|
-
var Component$
|
|
2021
|
+
var Component$1I = function (_a) {
|
|
2003
2022
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2004
2023
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2005
2024
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2010,28 +2029,28 @@ var Component$1H = function (_a) {
|
|
|
2010
2029
|
title: title
|
|
2011
2030
|
});
|
|
2012
2031
|
});
|
|
2013
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2032
|
+
return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-footer-card'] },
|
|
2014
2033
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2015
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2034
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-footer-card__icons'] },
|
|
2016
2035
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2017
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2036
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-footer-card__wrapper'] },
|
|
2018
2037
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2019
2038
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2020
2039
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2021
2040
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2022
2041
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2023
2042
|
})),
|
|
2024
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2043
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui__share-button'] },
|
|
2025
2044
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2026
2045
|
};
|
|
2027
2046
|
/**
|
|
2028
2047
|
* UI Molecule component for Job Footer Card
|
|
2029
2048
|
*/
|
|
2030
|
-
var JobFooterCard = Component$
|
|
2049
|
+
var JobFooterCard = Component$1I;
|
|
2031
2050
|
|
|
2032
|
-
var styles$
|
|
2051
|
+
var styles$1A = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2033
2052
|
|
|
2034
|
-
var Component$
|
|
2053
|
+
var Component$1H = function (_a) {
|
|
2035
2054
|
var name = _a.name, score = _a.score;
|
|
2036
2055
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2037
2056
|
var skillRef = React.useRef(null);
|
|
@@ -2067,21 +2086,21 @@ var Component$1G = function (_a) {
|
|
|
2067
2086
|
4: 'four'
|
|
2068
2087
|
};
|
|
2069
2088
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2070
|
-
var fillAnimation = animationApplied ? styles$
|
|
2071
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2072
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2089
|
+
var fillAnimation = animationApplied ? styles$1A[levelClass] : '';
|
|
2090
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1A['magneto-ui-skill'] },
|
|
2091
|
+
React__default["default"].createElement("div", { className: styles$1A['magneto-ui-skill__wrapper'] },
|
|
2073
2092
|
React__default["default"].createElement("p", null, name),
|
|
2074
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2093
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1A['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1A['magneto-ui-skill--no-animation']) }))));
|
|
2075
2094
|
};
|
|
2076
|
-
var Skill = Component$
|
|
2095
|
+
var Skill = Component$1H;
|
|
2077
2096
|
|
|
2078
|
-
var styles$
|
|
2097
|
+
var styles$1z = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2079
2098
|
|
|
2080
|
-
var Component$
|
|
2099
|
+
var Component$1G = function (_a) {
|
|
2081
2100
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2082
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2101
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-skills-card'] },
|
|
2083
2102
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2084
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2103
|
+
React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2085
2104
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2086
2105
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2087
2106
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2090,9 +2109,9 @@ var Component$1F = function (_a) {
|
|
|
2090
2109
|
/**
|
|
2091
2110
|
* UI Molecule component of Job Skills Card
|
|
2092
2111
|
*/
|
|
2093
|
-
var JobSkillsCard = Component$
|
|
2112
|
+
var JobSkillsCard = Component$1G;
|
|
2094
2113
|
|
|
2095
|
-
var styles$
|
|
2114
|
+
var styles$1y = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2096
2115
|
|
|
2097
2116
|
var JobVideo = function (_a) {
|
|
2098
2117
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2107,43 +2126,43 @@ var JobVideo = function (_a) {
|
|
|
2107
2126
|
setLoadVideo && setLoadVideo(false);
|
|
2108
2127
|
}
|
|
2109
2128
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2110
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2129
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1y[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2111
2130
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2112
2131
|
};
|
|
2113
2132
|
|
|
2114
|
-
var style$
|
|
2133
|
+
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2115
2134
|
|
|
2116
|
-
var Component$
|
|
2135
|
+
var Component$1F = function (_a) {
|
|
2117
2136
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2118
|
-
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$
|
|
2137
|
+
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2119
2138
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2120
2139
|
return url && (React__default["default"].createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2121
2140
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2122
2141
|
})));
|
|
2123
2142
|
};
|
|
2124
|
-
var ListIconLink = Component$
|
|
2143
|
+
var ListIconLink = Component$1F;
|
|
2125
2144
|
|
|
2126
|
-
var style$
|
|
2145
|
+
var style$J = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2127
2146
|
|
|
2128
|
-
var Component$
|
|
2147
|
+
var Component$1E = function (_a) {
|
|
2129
2148
|
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;
|
|
2130
|
-
var menuActive = isActive ? style$
|
|
2131
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$
|
|
2149
|
+
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2150
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2132
2151
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2133
|
-
React__default["default"].createElement("p", { className: style$
|
|
2152
|
+
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text))) : (React__default["default"].createElement("button", { onClick: onClick, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2134
2153
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2135
|
-
React__default["default"].createElement("p", { className: style$
|
|
2154
|
+
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2136
2155
|
};
|
|
2137
|
-
var MenuIcon = Component$
|
|
2156
|
+
var MenuIcon = Component$1E;
|
|
2138
2157
|
|
|
2139
|
-
var style$
|
|
2158
|
+
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2140
2159
|
|
|
2141
|
-
var Component$
|
|
2160
|
+
var Component$1D = function (_a) {
|
|
2142
2161
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2143
2162
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2144
2163
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2145
2164
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2146
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2165
|
+
return (React__default["default"].createElement("div", { className: style$I['mangeto-ui-list-menu-icons'] },
|
|
2147
2166
|
React__default["default"].createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2148
2167
|
userMenu.map(function (_a, i) {
|
|
2149
2168
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2159,34 +2178,34 @@ var Component$1C = function (_a) {
|
|
|
2159
2178
|
React__default["default"].createElement(Divider, null),
|
|
2160
2179
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2161
2180
|
};
|
|
2162
|
-
var ListMenuIcons = Component$
|
|
2181
|
+
var ListMenuIcons = Component$1D;
|
|
2163
2182
|
|
|
2164
|
-
var Component$
|
|
2183
|
+
var Component$1C = function (_a) {
|
|
2165
2184
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2166
2185
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2167
2186
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2168
2187
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2169
2188
|
})));
|
|
2170
2189
|
};
|
|
2171
|
-
var ListMenuItems = Component$
|
|
2190
|
+
var ListMenuItems = Component$1C;
|
|
2172
2191
|
|
|
2173
|
-
var style$
|
|
2192
|
+
var style$H = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2174
2193
|
|
|
2175
2194
|
var ListMenuText = function (_a) {
|
|
2176
2195
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2177
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2178
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2196
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$H["".concat(classMUI, "-list-menu")]) },
|
|
2197
|
+
React__default["default"].createElement("p", { className: "".concat(style$H["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2179
2198
|
links.map(function (_a, i) {
|
|
2180
2199
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2181
2200
|
return isCreateAccount
|
|
2182
|
-
? tag && (React__default["default"].createElement("div", { key: i, className: "".concat(style$
|
|
2183
|
-
React__default["default"].createElement("button", { title: tag, className: "".concat(style$
|
|
2201
|
+
? tag && (React__default["default"].createElement("div", { key: i, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2202
|
+
React__default["default"].createElement("button", { title: tag, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2184
2203
|
isLoading && React__default["default"].createElement(Loading, __assign({}, LoadingProps))))
|
|
2185
|
-
: tag && (React__default["default"].createElement("a", { className: "".concat(style$
|
|
2204
|
+
: tag && (React__default["default"].createElement("a", { className: "".concat(style$H["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2186
2205
|
})));
|
|
2187
2206
|
};
|
|
2188
2207
|
|
|
2189
|
-
var style$
|
|
2208
|
+
var style$G = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2190
2209
|
|
|
2191
2210
|
var ListSortMenu = function (_a) {
|
|
2192
2211
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2194,24 +2213,24 @@ var ListSortMenu = function (_a) {
|
|
|
2194
2213
|
setFilter({ key: key });
|
|
2195
2214
|
setShowPopover(false);
|
|
2196
2215
|
}, [setFilter, setShowPopover]);
|
|
2197
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2216
|
+
return (React__default["default"].createElement("div", { className: style$G['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2198
2217
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2199
2218
|
return (React__default["default"].createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2200
2219
|
})));
|
|
2201
2220
|
};
|
|
2202
2221
|
|
|
2203
|
-
var style$
|
|
2222
|
+
var style$F = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
|
|
2204
2223
|
|
|
2205
2224
|
var MagnetoResolution = function (_a) {
|
|
2206
2225
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2207
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2208
|
-
React__default["default"].createElement("img", { className: "".concat(style$
|
|
2209
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2226
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution")]) },
|
|
2227
|
+
React__default["default"].createElement("img", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2228
|
+
React__default["default"].createElement("p", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2210
2229
|
resolutionText,
|
|
2211
|
-
React__default["default"].createElement("a", { className: "".concat(style$
|
|
2230
|
+
React__default["default"].createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2212
2231
|
};
|
|
2213
2232
|
|
|
2214
|
-
var style$
|
|
2233
|
+
var style$E = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
|
|
2215
2234
|
|
|
2216
2235
|
var initialContext = {
|
|
2217
2236
|
socialHeaderProps: {
|
|
@@ -2242,9 +2261,9 @@ var useMegaMenuMain = function () {
|
|
|
2242
2261
|
return mainHeaderProps;
|
|
2243
2262
|
};
|
|
2244
2263
|
|
|
2245
|
-
var styles$
|
|
2264
|
+
var styles$1x = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2246
2265
|
|
|
2247
|
-
var Component$
|
|
2266
|
+
var Component$1B = function (_a) {
|
|
2248
2267
|
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;
|
|
2249
2268
|
var handleClick = React.useCallback(function (event) {
|
|
2250
2269
|
if (onClick) {
|
|
@@ -2252,15 +2271,15 @@ var Component$1A = function (_a) {
|
|
|
2252
2271
|
onClick();
|
|
2253
2272
|
}
|
|
2254
2273
|
}, [onClick]);
|
|
2255
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2256
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2257
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2258
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2274
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1x['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2275
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1x['button-link__icon'] })),
|
|
2276
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1x['button-link__text'] }, buttonText),
|
|
2277
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1x['button-link__icon'] }))));
|
|
2259
2278
|
};
|
|
2260
2279
|
/**
|
|
2261
2280
|
* UI Atom Component of Save Button
|
|
2262
2281
|
*/
|
|
2263
|
-
var ButtonLink = Component$
|
|
2282
|
+
var ButtonLink = Component$1B;
|
|
2264
2283
|
|
|
2265
2284
|
var MegaMenuJobsTabs = function () {
|
|
2266
2285
|
var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2271,23 +2290,23 @@ var MegaMenuJobsTabs = function () {
|
|
|
2271
2290
|
}; }, [onChangeTab]);
|
|
2272
2291
|
var isSelectedTab = React.useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2273
2292
|
var content = React.useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2274
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2293
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__container"]) },
|
|
2275
2294
|
React__default["default"].createElement("nav", null,
|
|
2276
|
-
React__default["default"].createElement("ul", { className: "".concat(style$
|
|
2295
|
+
React__default["default"].createElement("ul", { className: "".concat(style$E["mega-menu-jobs-tabs"]) },
|
|
2277
2296
|
tabs &&
|
|
2278
2297
|
tabs.map(function (_a, index) {
|
|
2279
2298
|
var label = _a.label, url = _a.url;
|
|
2280
2299
|
return (React__default["default"].createElement("li", { key: index },
|
|
2281
|
-
React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2300
|
+
React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$E["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$E["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2282
2301
|
}),
|
|
2283
2302
|
React__default["default"].createElement(Divider, { direction: 'VERTICAL' }),
|
|
2284
2303
|
React__default["default"].createElement("li", null,
|
|
2285
2304
|
React__default["default"].createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
2286
2305
|
React__default["default"].createElement(Divider, null),
|
|
2287
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
2306
|
+
React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2288
2307
|
};
|
|
2289
2308
|
|
|
2290
|
-
var styles$
|
|
2309
|
+
var styles$1w = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
2291
2310
|
|
|
2292
2311
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2293
2312
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2306,27 +2325,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2306
2325
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2307
2326
|
}, [showContent]);
|
|
2308
2327
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2309
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2310
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2311
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2312
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2313
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2314
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2328
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1w["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2329
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1w["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2330
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1w["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1w["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2331
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1w["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1w["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2332
|
+
React__default["default"].createElement("div", { className: styles$1w["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2333
|
+
React__default["default"].createElement("div", { className: styles$1w["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2315
2334
|
event.stopPropagation();
|
|
2316
2335
|
} }, children))));
|
|
2317
2336
|
};
|
|
2318
2337
|
|
|
2319
|
-
var styles$
|
|
2338
|
+
var styles$1v = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
2320
2339
|
|
|
2321
2340
|
var MenuSearch = function (_a) {
|
|
2322
2341
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2323
2342
|
var onBlur = React.useCallback(function () {
|
|
2324
2343
|
handleOnBlur && handleOnBlur();
|
|
2325
2344
|
}, [handleOnBlur]);
|
|
2326
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2327
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2345
|
+
return (React__default["default"].createElement("div", { className: styles$1v['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2346
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui-menu-search_container'] },
|
|
2328
2347
|
children,
|
|
2329
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2348
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1v['magneto-ui-menu-search_content'], " ").concat(show && styles$1v.open) }, content))));
|
|
2330
2349
|
};
|
|
2331
2350
|
|
|
2332
2351
|
var iconByType = {
|
|
@@ -2337,9 +2356,9 @@ var iconByType = {
|
|
|
2337
2356
|
};
|
|
2338
2357
|
var transitionDuration = 300;
|
|
2339
2358
|
|
|
2340
|
-
var styles$
|
|
2359
|
+
var styles$1u = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2341
2360
|
|
|
2342
|
-
var Component$
|
|
2361
|
+
var Component$1A = function (_a) {
|
|
2343
2362
|
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;
|
|
2344
2363
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2345
2364
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2351,7 +2370,7 @@ var Component$1z = function (_a) {
|
|
|
2351
2370
|
}); }, []);
|
|
2352
2371
|
var containerStyles = React.useMemo(function () {
|
|
2353
2372
|
return CNM.get({
|
|
2354
|
-
styles: styles$
|
|
2373
|
+
styles: styles$1u,
|
|
2355
2374
|
cls: [
|
|
2356
2375
|
'message__container',
|
|
2357
2376
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2359,7 +2378,7 @@ var Component$1z = function (_a) {
|
|
|
2359
2378
|
]
|
|
2360
2379
|
});
|
|
2361
2380
|
}, [type, toggleAnimation]);
|
|
2362
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2381
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1u, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2363
2382
|
React.useEffect(function () {
|
|
2364
2383
|
if (!localVisible)
|
|
2365
2384
|
return;
|
|
@@ -2391,9 +2410,9 @@ var Component$1z = function (_a) {
|
|
|
2391
2410
|
setIsAnimating(visible);
|
|
2392
2411
|
}, [isAnimating, visible]);
|
|
2393
2412
|
return localVisible
|
|
2394
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2413
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1u, cls: [className] }) },
|
|
2395
2414
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2396
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2415
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1u, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2397
2416
|
React__default["default"].createElement("div", null,
|
|
2398
2417
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2399
2418
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2402,13 +2421,13 @@ var Component$1z = function (_a) {
|
|
|
2402
2421
|
/**
|
|
2403
2422
|
* Molecule UI component for Message
|
|
2404
2423
|
*/
|
|
2405
|
-
var Message = Component$
|
|
2424
|
+
var Message = Component$1A;
|
|
2406
2425
|
|
|
2407
|
-
var styles$
|
|
2426
|
+
var styles$1t = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2408
2427
|
|
|
2409
|
-
var Component$
|
|
2428
|
+
var Component$1z = function (_a) {
|
|
2410
2429
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2411
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2430
|
+
return (React__default["default"].createElement("div", { className: styles$1t['magneto-ui-mobile-job-details-header'] },
|
|
2412
2431
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2413
2432
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2414
2433
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2416,11 +2435,11 @@ var Component$1y = function (_a) {
|
|
|
2416
2435
|
/**
|
|
2417
2436
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2418
2437
|
*/
|
|
2419
|
-
var MobileJobDetailsHeader = Component$
|
|
2438
|
+
var MobileJobDetailsHeader = Component$1z;
|
|
2420
2439
|
|
|
2421
|
-
var styles$
|
|
2440
|
+
var styles$1s = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2422
2441
|
|
|
2423
|
-
var Component$
|
|
2442
|
+
var Component$1y = function (_a) {
|
|
2424
2443
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2425
2444
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2426
2445
|
var searchInputRef = React.useRef(null);
|
|
@@ -2442,20 +2461,20 @@ var Component$1x = function (_a) {
|
|
|
2442
2461
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2443
2462
|
}
|
|
2444
2463
|
}, [focusSearchInput]);
|
|
2445
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2464
|
+
return (React__default["default"].createElement("div", { className: styles$1s.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2446
2465
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2447
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2448
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2466
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1s['search-badge'] }),
|
|
2467
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1s['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2449
2468
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2450
2469
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2451
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2470
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1s['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2452
2471
|
};
|
|
2453
2472
|
/**
|
|
2454
2473
|
* Molecule UI component for MobileSearchbar
|
|
2455
2474
|
*/
|
|
2456
|
-
var MobileSearchbar = Component$
|
|
2475
|
+
var MobileSearchbar = Component$1y;
|
|
2457
2476
|
|
|
2458
|
-
var styles$
|
|
2477
|
+
var styles$1r = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
2459
2478
|
|
|
2460
2479
|
var Modal = function (_a) {
|
|
2461
2480
|
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;
|
|
@@ -2468,40 +2487,40 @@ var Modal = function (_a) {
|
|
|
2468
2487
|
if (!isOpen)
|
|
2469
2488
|
return null;
|
|
2470
2489
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2471
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2472
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2473
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2490
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1r["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2491
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1r["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2492
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1r["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2474
2493
|
children,
|
|
2475
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2494
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1r["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2476
2495
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2477
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2496
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1r["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2478
2497
|
};
|
|
2479
2498
|
var Title = function (_a) {
|
|
2480
2499
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2481
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2500
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1r["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2482
2501
|
};
|
|
2483
2502
|
var Description = function (_a) {
|
|
2484
2503
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2485
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2504
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1r["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2486
2505
|
};
|
|
2487
2506
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2488
2507
|
|
|
2489
|
-
var styles$
|
|
2508
|
+
var styles$1q = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2490
2509
|
|
|
2491
2510
|
var BtnPagination = function (_a) {
|
|
2492
2511
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2493
2512
|
var displayContent = React.useMemo(function () {
|
|
2494
2513
|
if (loading && value && current === value)
|
|
2495
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2514
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1q['magneto-ui-btn-pagination_spinner'] });
|
|
2496
2515
|
return value;
|
|
2497
2516
|
}, [loading, current, value]);
|
|
2498
2517
|
var pageQueryParam = 'paginator[page]=';
|
|
2499
2518
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2500
2519
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2501
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2502
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2520
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1q['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2521
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1q['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1q['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1q['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1q['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2503
2522
|
displayContent,
|
|
2504
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2523
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1q['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1q['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1q['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1q['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2505
2524
|
displayContent,
|
|
2506
2525
|
displayIcon))));
|
|
2507
2526
|
};
|
|
@@ -2552,7 +2571,7 @@ var createPagination = function (_a) {
|
|
|
2552
2571
|
};
|
|
2553
2572
|
};
|
|
2554
2573
|
|
|
2555
|
-
var styles$
|
|
2574
|
+
var styles$1p = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2556
2575
|
|
|
2557
2576
|
var Pagination = function (_a) {
|
|
2558
2577
|
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;
|
|
@@ -2571,25 +2590,25 @@ var Pagination = function (_a) {
|
|
|
2571
2590
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2572
2591
|
if (total <= pageSize)
|
|
2573
2592
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2574
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2593
|
+
return (React__default["default"].createElement("div", { className: styles$1p['magneto-ui-pagination'] },
|
|
2575
2594
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2576
2595
|
React__default["default"].createElement("ul", null,
|
|
2577
2596
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2578
2597
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2579
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2598
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1p['magneto-ui-pagination_ellipsis'] }))),
|
|
2580
2599
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2581
2600
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2582
2601
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2583
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2602
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1p['magneto-ui-pagination_ellipsis'] }),
|
|
2584
2603
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2585
2604
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2586
2605
|
};
|
|
2587
2606
|
|
|
2588
|
-
var style$
|
|
2607
|
+
var style$D = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
|
|
2589
2608
|
|
|
2590
2609
|
var RightsReservedText = function (_a) {
|
|
2591
2610
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2592
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2611
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$D["".concat(classMUI, "-rights-reserved")]) },
|
|
2593
2612
|
React__default["default"].createElement("p", null, magnetoRightsText)));
|
|
2594
2613
|
};
|
|
2595
2614
|
|
|
@@ -2600,9 +2619,9 @@ var generateID = function () {
|
|
|
2600
2619
|
return uniqueID;
|
|
2601
2620
|
};
|
|
2602
2621
|
|
|
2603
|
-
var styles$
|
|
2622
|
+
var styles$1o = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2604
2623
|
|
|
2605
|
-
var Component$
|
|
2624
|
+
var Component$1x = function (_a) {
|
|
2606
2625
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2607
2626
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2608
2627
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2630,19 +2649,19 @@ var Component$1w = function (_a) {
|
|
|
2630
2649
|
}
|
|
2631
2650
|
return { backgroundColor: '#c4c4c4' };
|
|
2632
2651
|
}, [color, score, spanHover]);
|
|
2633
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2652
|
+
return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2634
2653
|
React__default["default"].createElement("p", null, name),
|
|
2635
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2654
|
+
React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2636
2655
|
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); } })); })),
|
|
2637
2656
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2638
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2657
|
+
React__default["default"].createElement("button", { className: styles$1o['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2639
2658
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2640
2659
|
};
|
|
2641
|
-
var ScoreLevel = Component$
|
|
2660
|
+
var ScoreLevel = Component$1x;
|
|
2642
2661
|
|
|
2643
|
-
var styles$
|
|
2662
|
+
var styles$1n = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2644
2663
|
|
|
2645
|
-
var Component$
|
|
2664
|
+
var Component$1w = function (_a) {
|
|
2646
2665
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2647
2666
|
var labelScore = React.useMemo(function () {
|
|
2648
2667
|
return levels[scoreValue - 1];
|
|
@@ -2657,17 +2676,17 @@ var Component$1v = function (_a) {
|
|
|
2657
2676
|
}
|
|
2658
2677
|
return { backgroundColor: '#c4c4c4' };
|
|
2659
2678
|
}, [color, scoreValue]);
|
|
2660
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2679
|
+
return (React__default["default"].createElement("div", { className: styles$1n['magneto-ui-score-level'] },
|
|
2661
2680
|
React__default["default"].createElement("p", null, name),
|
|
2662
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2681
|
+
React__default["default"].createElement("div", { className: styles$1n['magneto-ui-score-level__summary'] },
|
|
2663
2682
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2664
2683
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2665
2684
|
};
|
|
2666
|
-
var ScoreLevelStatic = Component$
|
|
2685
|
+
var ScoreLevelStatic = Component$1w;
|
|
2667
2686
|
|
|
2668
|
-
var styles$
|
|
2687
|
+
var styles$1m = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2669
2688
|
|
|
2670
|
-
var Component$
|
|
2689
|
+
var Component$1v = function (_a) {
|
|
2671
2690
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2672
2691
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2673
2692
|
React.useEffect(function () {
|
|
@@ -2683,32 +2702,32 @@ var Component$1u = function (_a) {
|
|
|
2683
2702
|
setSearchValue('');
|
|
2684
2703
|
onSearch('');
|
|
2685
2704
|
};
|
|
2686
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2705
|
+
return (React__default["default"].createElement("div", { className: styles$1m.SearchbarComponent },
|
|
2687
2706
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2688
2707
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2689
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2690
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2708
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1m['SearchbarComponent__badge'] }),
|
|
2709
|
+
React__default["default"].createElement("div", { className: styles$1m['magneto-ui-searchbar-buttons'] },
|
|
2691
2710
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2692
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2711
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1m['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2693
2712
|
React__default["default"].createElement("span", null, "|"))),
|
|
2694
2713
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2695
2714
|
};
|
|
2696
2715
|
/**
|
|
2697
2716
|
* UI Molecule of a searchbar
|
|
2698
2717
|
*/
|
|
2699
|
-
var Searchbar = Component$
|
|
2718
|
+
var Searchbar = Component$1v;
|
|
2700
2719
|
|
|
2701
|
-
var styles$
|
|
2720
|
+
var styles$1l = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2702
2721
|
|
|
2703
|
-
var Component$
|
|
2722
|
+
var Component$1u = function (_a) {
|
|
2704
2723
|
var props = __rest(_a, []);
|
|
2705
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2706
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2724
|
+
return (React__default["default"].createElement("div", { className: styles$1l['search-button'] },
|
|
2725
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1l['search-button__badge'] }),
|
|
2707
2726
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2708
2727
|
};
|
|
2709
|
-
var SearchButton = Component$
|
|
2728
|
+
var SearchButton = Component$1u;
|
|
2710
2729
|
|
|
2711
|
-
var styles$
|
|
2730
|
+
var styles$1k = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2712
2731
|
|
|
2713
2732
|
var SimilarJobsCard = function (_a) {
|
|
2714
2733
|
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;
|
|
@@ -2718,15 +2737,15 @@ var SimilarJobsCard = function (_a) {
|
|
|
2718
2737
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2719
2738
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2720
2739
|
}, [cities, salary, experience]);
|
|
2721
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2722
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2740
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2741
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2723
2742
|
React__default["default"].createElement("div", null,
|
|
2724
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2725
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2726
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2743
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2744
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2745
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2727
2746
|
};
|
|
2728
2747
|
|
|
2729
|
-
var style$
|
|
2748
|
+
var style$C = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
2730
2749
|
|
|
2731
2750
|
var SortMenu = function (_a) {
|
|
2732
2751
|
var orderFields = _a.orderFields, textOrderFilter = _a.textOrderFilter, setFilter = _a.setFilter, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
@@ -2739,13 +2758,13 @@ var SortMenu = function (_a) {
|
|
|
2739
2758
|
};
|
|
2740
2759
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2741
2760
|
return (React__default["default"].createElement(Popover, { widthBase: 180, show: clickOut, content: React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2742
|
-
React__default["default"].createElement("button", { className: "".concat(style$
|
|
2743
|
-
React__default["default"].createElement("p", { className: style$
|
|
2761
|
+
React__default["default"].createElement("button", { className: "".concat(style$C['magneto-ui-btn-menu'], " ").concat(loading && style$C.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2762
|
+
React__default["default"].createElement("p", { className: style$C['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2744
2763
|
React__default["default"].createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2745
2764
|
};
|
|
2746
2765
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2747
2766
|
|
|
2748
|
-
var styles$
|
|
2767
|
+
var styles$1j = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
2749
2768
|
|
|
2750
2769
|
var TextArea = function (_a) {
|
|
2751
2770
|
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"]);
|
|
@@ -2771,39 +2790,57 @@ var TextArea = function (_a) {
|
|
|
2771
2790
|
return;
|
|
2772
2791
|
setShowPlaceholder(scrollTop === 0);
|
|
2773
2792
|
}, [showPlaceholder]);
|
|
2774
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2775
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2793
|
+
return (React__default["default"].createElement("div", { className: styles$1j["".concat(classMUI, "-text-area")] },
|
|
2794
|
+
React__default["default"].createElement("div", { className: styles$1j["".concat(classMUI, "-text-area--container")] },
|
|
2776
2795
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2777
2796
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2778
2797
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2779
|
-
}, className: styles$
|
|
2780
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2781
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2782
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2798
|
+
}, className: styles$1j["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2799
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1j["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
2800
|
+
React__default["default"].createElement("div", { className: styles$1j["".concat(classMUI, "-text-area__footer")] },
|
|
2801
|
+
React__default["default"].createElement("span", { className: styles$1j["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2783
2802
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2784
2803
|
};
|
|
2785
2804
|
|
|
2786
|
-
var style$
|
|
2805
|
+
var style$B = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
|
|
2787
2806
|
|
|
2788
2807
|
var timelineIcons = {
|
|
2789
2808
|
checked: Checked,
|
|
2790
2809
|
current: Clock,
|
|
2791
2810
|
blocked: Lock
|
|
2792
2811
|
};
|
|
2793
|
-
var Component$
|
|
2812
|
+
var Component$1t = function (_a) {
|
|
2794
2813
|
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;
|
|
2795
2814
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2796
|
-
var titleStyle = style$
|
|
2797
|
-
var subtitleStyle = style$
|
|
2798
|
-
return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2799
|
-
React__default["default"].createElement("div", { className: style$
|
|
2800
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
2801
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
2802
|
-
React__default["default"].createElement("div", { className: style$
|
|
2803
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2804
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2805
|
-
};
|
|
2806
|
-
var TimelineEvent = Component$
|
|
2815
|
+
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2816
|
+
var subtitleStyle = style$B["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2817
|
+
return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$B["".concat(classMUI, "-timeline-event")] },
|
|
2818
|
+
React__default["default"].createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__icon")] },
|
|
2819
|
+
React__default["default"].createElement("div", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$B[status]) }),
|
|
2820
|
+
React__default["default"].createElement(IconItem, { className: style$B["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2821
|
+
React__default["default"].createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__text")] },
|
|
2822
|
+
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2823
|
+
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2824
|
+
};
|
|
2825
|
+
var TimelineEvent = Component$1t;
|
|
2826
|
+
|
|
2827
|
+
var styles$1i = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2828
|
+
|
|
2829
|
+
var Component$1s = function (_a) {
|
|
2830
|
+
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;
|
|
2831
|
+
var _d = React.useState(null), selectedValue = _d[0], setSelectedValue = _d[1];
|
|
2832
|
+
var onHandleChange = function (value) {
|
|
2833
|
+
if (!(value === null || value === void 0 ? void 0 : value.name))
|
|
2834
|
+
return;
|
|
2835
|
+
onChange(value);
|
|
2836
|
+
setSelectedValue(value);
|
|
2837
|
+
};
|
|
2838
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1i['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2839
|
+
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2840
|
+
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === id, key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2841
|
+
})));
|
|
2842
|
+
};
|
|
2843
|
+
var ToggleButtonList = Component$1s;
|
|
2807
2844
|
|
|
2808
2845
|
var styles$1h = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
2809
2846
|
|
|
@@ -3130,36 +3167,17 @@ var Component$1g = function (_a) {
|
|
|
3130
3167
|
*/
|
|
3131
3168
|
var UserMenuWrapperAnalyst = Component$1g;
|
|
3132
3169
|
|
|
3133
|
-
var style$B = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
3134
|
-
|
|
3135
|
-
var FilterActions = function (_a) {
|
|
3136
|
-
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
3137
|
-
var _b = React.useState(0), selected = _b[0], setSelected = _b[1];
|
|
3138
|
-
var handleClickAction = React.useCallback(function (index, letter) { return function () {
|
|
3139
|
-
setSelected(index);
|
|
3140
|
-
onClickAction(index, letter);
|
|
3141
|
-
}; }, [onClickAction]);
|
|
3142
|
-
React.useImperativeHandle(filtersRef, function () { return ({
|
|
3143
|
-
restartFilters: function () { return setSelected(0); }
|
|
3144
|
-
}); });
|
|
3145
|
-
var actions = React.useMemo(function () {
|
|
3146
|
-
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
3147
|
-
return values.map(function (letter, index) { return (React__default["default"].createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$B["filter-actions__action"], " ").concat(selected == index ? style$B["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
3148
|
-
}, [allAction, handleClickAction, selected]);
|
|
3149
|
-
return React__default["default"].createElement("nav", { className: style$B['filter-actions'] }, actions);
|
|
3150
|
-
};
|
|
3151
|
-
|
|
3152
3170
|
var Component$1f = function (_a) {
|
|
3153
3171
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3154
3172
|
var component = React.useMemo(function () {
|
|
3155
3173
|
var _a, _b, _c;
|
|
3156
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3174
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container'] }) },
|
|
3157
3175
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3158
3176
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3159
3177
|
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 })));
|
|
3160
3178
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3161
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3162
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3179
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3180
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3163
3181
|
});
|
|
3164
3182
|
return container;
|
|
3165
3183
|
};
|
|
@@ -4115,6 +4133,60 @@ var Component$1a = function (_a) {
|
|
|
4115
4133
|
*/
|
|
4116
4134
|
var Breadcrumb = Component$1a;
|
|
4117
4135
|
|
|
4136
|
+
var styles$13 = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4137
|
+
|
|
4138
|
+
var Component$19 = function (_a) {
|
|
4139
|
+
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;
|
|
4140
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$13['magneto-ui-button'], " ").concat(addHover ? styles$13['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4141
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] })),
|
|
4142
|
+
buttonText && React__default["default"].createElement("p", { className: styles$13['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4143
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] }))));
|
|
4144
|
+
};
|
|
4145
|
+
/**
|
|
4146
|
+
* UI Atom Component of Save Button
|
|
4147
|
+
*/
|
|
4148
|
+
var Button = Component$19;
|
|
4149
|
+
|
|
4150
|
+
var styles$12 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4151
|
+
|
|
4152
|
+
var nf = new Intl.NumberFormat('de-DE');
|
|
4153
|
+
var Component$18 = function (_a) {
|
|
4154
|
+
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4155
|
+
var currentHigherMax = React.useMemo(function () {
|
|
4156
|
+
return current > max;
|
|
4157
|
+
}, [current, max]);
|
|
4158
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$12["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$12['error-label'] : '') },
|
|
4159
|
+
nf.format(current),
|
|
4160
|
+
React__default["default"].createElement("span", null,
|
|
4161
|
+
" / ",
|
|
4162
|
+
nf.format(max))));
|
|
4163
|
+
};
|
|
4164
|
+
var ComparativeCounter = Component$18;
|
|
4165
|
+
|
|
4166
|
+
var styles$11 = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
4167
|
+
|
|
4168
|
+
var cx$e = classNames.bind(styles$11);
|
|
4169
|
+
var defaultCheck = function (_a) {
|
|
4170
|
+
var type = _a.type, checked = _a.checked;
|
|
4171
|
+
if (type === 'background')
|
|
4172
|
+
return;
|
|
4173
|
+
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$e('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
4174
|
+
};
|
|
4175
|
+
var Component$17 = function (_a) {
|
|
4176
|
+
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"]);
|
|
4177
|
+
return (React__default["default"].createElement("label", { className: cx$e('checkbox', "checkbox--".concat(display), className, {
|
|
4178
|
+
'checkbox--checked': checked,
|
|
4179
|
+
'checkbox--background': type === 'background'
|
|
4180
|
+
}), "data-name": "checkbox-container", htmlFor: id },
|
|
4181
|
+
renderCheck({ checked: checked, type: type }),
|
|
4182
|
+
React__default["default"].createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
4183
|
+
var target = _a.target;
|
|
4184
|
+
return onChange(target.checked);
|
|
4185
|
+
}, type: "checkbox", id: id }, rest)),
|
|
4186
|
+
children));
|
|
4187
|
+
};
|
|
4188
|
+
var Checkbox = Component$17;
|
|
4189
|
+
|
|
4118
4190
|
var DateArray = /** @class */ (function () {
|
|
4119
4191
|
function DateArray(array) {
|
|
4120
4192
|
this.day = NaN;
|
|
@@ -4168,7 +4240,7 @@ var fixArrayDate = function (array) {
|
|
|
4168
4240
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4169
4241
|
};
|
|
4170
4242
|
|
|
4171
|
-
var styles$
|
|
4243
|
+
var styles$10 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
4172
4244
|
|
|
4173
4245
|
// placeholder to every input.
|
|
4174
4246
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4176,7 +4248,7 @@ var stringArraytoDate = function (array) {
|
|
|
4176
4248
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4177
4249
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4178
4250
|
};
|
|
4179
|
-
var Component$
|
|
4251
|
+
var Component$16 = function (_a) {
|
|
4180
4252
|
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;
|
|
4181
4253
|
// Represent the value of every input field (there are 8 in total).
|
|
4182
4254
|
var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4279,30 +4351,30 @@ var Component$19 = function (_a) {
|
|
|
4279
4351
|
}
|
|
4280
4352
|
}, []);
|
|
4281
4353
|
return (React__default["default"].createElement("div", { className: [
|
|
4282
|
-
styles$
|
|
4354
|
+
styles$10['date-input'],
|
|
4283
4355
|
className,
|
|
4284
|
-
fit ? styles$
|
|
4285
|
-
hasError ? styles$
|
|
4356
|
+
fit ? styles$10['date-input--fit'] : '',
|
|
4357
|
+
hasError ? styles$10['date-input--error'] : ''
|
|
4286
4358
|
].join(' ') },
|
|
4287
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4359
|
+
React__default["default"].createElement("div", { className: styles$10['date-input__left'], onClick: function () {
|
|
4288
4360
|
var _a;
|
|
4289
4361
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4290
4362
|
} }),
|
|
4291
4363
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
4292
4364
|
[2, 4].includes(index) ? (
|
|
4293
4365
|
// include / separator in date (DD / MM / YYYY)
|
|
4294
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
4295
|
-
React__default["default"].createElement("input", { className: styles$
|
|
4296
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4366
|
+
React__default["default"].createElement("span", { className: [styles$10['date-input__separator'], value ? styles$10['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4367
|
+
React__default["default"].createElement("input", { className: styles$10['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
4368
|
+
React__default["default"].createElement("div", { className: styles$10['date-input__right'], onClick: function () {
|
|
4297
4369
|
var _a;
|
|
4298
4370
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4299
4371
|
} })));
|
|
4300
4372
|
};
|
|
4301
|
-
var DateInput = Component$
|
|
4373
|
+
var DateInput = Component$16;
|
|
4302
4374
|
|
|
4303
4375
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4304
4376
|
|
|
4305
|
-
var Component$
|
|
4377
|
+
var Component$15 = function (_a) {
|
|
4306
4378
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4307
4379
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4308
4380
|
return React__default["default"].createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
@@ -4310,21 +4382,21 @@ var Component$18 = function (_a) {
|
|
|
4310
4382
|
/**
|
|
4311
4383
|
* Atom UI Divider Component
|
|
4312
4384
|
*/
|
|
4313
|
-
var Divider = Component$
|
|
4385
|
+
var Divider = Component$15;
|
|
4314
4386
|
|
|
4315
|
-
var styles
|
|
4387
|
+
var styles$$ = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
|
|
4316
4388
|
|
|
4317
|
-
var Component$
|
|
4389
|
+
var Component$14 = function (_a) {
|
|
4318
4390
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
4319
4391
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4320
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles
|
|
4321
|
-
React__default["default"].createElement("p", null, tabText))) : (React__default["default"].createElement("a", { className: styles
|
|
4392
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$$.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4393
|
+
React__default["default"].createElement("p", null, tabText))) : (React__default["default"].createElement("a", { className: styles$$.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4322
4394
|
React__default["default"].createElement("p", null, tabText)))));
|
|
4323
4395
|
};
|
|
4324
4396
|
/**
|
|
4325
4397
|
* UI Atom component for HeaderTab
|
|
4326
4398
|
*/
|
|
4327
|
-
var HeaderTab = Component$
|
|
4399
|
+
var HeaderTab = Component$14;
|
|
4328
4400
|
|
|
4329
4401
|
var style$z = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
4330
4402
|
|
|
@@ -4343,94 +4415,94 @@ var InputSearch = function (_a) {
|
|
|
4343
4415
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4344
4416
|
};
|
|
4345
4417
|
|
|
4346
|
-
var styles$
|
|
4418
|
+
var styles$_ = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4347
4419
|
|
|
4348
|
-
var Component$
|
|
4420
|
+
var Component$13 = function (_a) {
|
|
4349
4421
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4350
4422
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4351
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4423
|
+
return (React__default["default"].createElement("div", { className: styles$_['magneto-ui-job-company-logo'] },
|
|
4352
4424
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4353
4425
|
}
|
|
4354
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4426
|
+
return React__default["default"].createElement("div", { className: styles$_['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4355
4427
|
};
|
|
4356
4428
|
/**
|
|
4357
4429
|
* UI Atom component of Company Logo
|
|
4358
4430
|
*/
|
|
4359
|
-
var JobCompanyLogo = Component$
|
|
4431
|
+
var JobCompanyLogo = Component$13;
|
|
4360
4432
|
|
|
4361
|
-
var styles$
|
|
4433
|
+
var styles$Z = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
4362
4434
|
|
|
4363
|
-
var Component$
|
|
4435
|
+
var Component$12 = function (_a) {
|
|
4364
4436
|
var title = _a.title, styles = _a.styles;
|
|
4365
4437
|
return React__default["default"].createElement("h1", { className: styles }, title && title);
|
|
4366
4438
|
};
|
|
4367
4439
|
/**
|
|
4368
4440
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4369
4441
|
*/
|
|
4370
|
-
var MainTitleJobDetails = Component$
|
|
4442
|
+
var MainTitleJobDetails = Component$12;
|
|
4371
4443
|
|
|
4372
|
-
var Component$
|
|
4444
|
+
var Component$11 = function (_a) {
|
|
4373
4445
|
var title = _a.title, styles = _a.styles;
|
|
4374
4446
|
return React__default["default"].createElement("p", { className: styles }, title && title);
|
|
4375
4447
|
};
|
|
4376
4448
|
/**
|
|
4377
4449
|
* UI Children P Component for JobDetailsDrawer
|
|
4378
4450
|
*/
|
|
4379
|
-
var SubTitleJobDetails = Component$
|
|
4451
|
+
var SubTitleJobDetails = Component$11;
|
|
4380
4452
|
|
|
4381
|
-
var Component$
|
|
4453
|
+
var Component$10 = function (_a) {
|
|
4382
4454
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4383
4455
|
var showCompanyName = React.useMemo(function () {
|
|
4384
4456
|
if (isHidden || !offerCompanyName)
|
|
4385
4457
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4386
4458
|
if (offerCompanyLink) {
|
|
4387
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4459
|
+
return (React__default["default"].createElement("a", { className: styles$Z['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4388
4460
|
}
|
|
4389
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
4461
|
+
return React__default["default"].createElement("h2", { className: styles$Z['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4390
4462
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4391
4463
|
var GenerateTitle = function () {
|
|
4392
4464
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4393
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
4394
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
4465
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4466
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4395
4467
|
};
|
|
4396
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4468
|
+
return (React__default["default"].createElement("div", { className: styles$Z['magneto-ui-job-header'] },
|
|
4397
4469
|
GenerateTitle(),
|
|
4398
4470
|
showCompanyName));
|
|
4399
4471
|
};
|
|
4400
4472
|
/**
|
|
4401
4473
|
* UI Atom component of Job Header
|
|
4402
4474
|
*/
|
|
4403
|
-
var JobHeader = Component$
|
|
4475
|
+
var JobHeader = Component$10;
|
|
4404
4476
|
|
|
4405
|
-
var styles
|
|
4477
|
+
var styles$Y = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4406
4478
|
|
|
4407
|
-
var Component
|
|
4479
|
+
var Component$$ = function (_a) {
|
|
4408
4480
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
4409
4481
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4410
|
-
return (React__default["default"].createElement("a", { className: styles
|
|
4482
|
+
return (React__default["default"].createElement("a", { className: styles$Y.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4411
4483
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4412
4484
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
4413
4485
|
};
|
|
4414
4486
|
/**
|
|
4415
4487
|
* Atomic UI component for Link
|
|
4416
4488
|
*/
|
|
4417
|
-
var Link = Component
|
|
4489
|
+
var Link = Component$$;
|
|
4418
4490
|
|
|
4419
|
-
var styles$
|
|
4491
|
+
var styles$X = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4420
4492
|
|
|
4421
|
-
var Component$
|
|
4493
|
+
var Component$_ = function (_a) {
|
|
4422
4494
|
var loadingIcon = _a.loadingIcon;
|
|
4423
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4495
|
+
return (React__default["default"].createElement("div", { className: styles$X.loadingComponent },
|
|
4424
4496
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
4425
4497
|
};
|
|
4426
4498
|
/**
|
|
4427
4499
|
* Atom UI component of loading icon for general purpose
|
|
4428
4500
|
*/
|
|
4429
|
-
var Loading = Component$
|
|
4501
|
+
var Loading = Component$_;
|
|
4430
4502
|
|
|
4431
4503
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4432
4504
|
|
|
4433
|
-
var Component$
|
|
4505
|
+
var Component$Z = function (_a) {
|
|
4434
4506
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
4435
4507
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4436
4508
|
var handleError = function () {
|
|
@@ -4442,11 +4514,11 @@ var Component$10 = function (_a) {
|
|
|
4442
4514
|
return null;
|
|
4443
4515
|
return (React__default["default"].createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4444
4516
|
};
|
|
4445
|
-
var LogoComponent = Component$
|
|
4517
|
+
var LogoComponent = Component$Z;
|
|
4446
4518
|
|
|
4447
|
-
var styles$
|
|
4519
|
+
var styles$W = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4448
4520
|
|
|
4449
|
-
var Component
|
|
4521
|
+
var Component$Y = function (_a) {
|
|
4450
4522
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
4451
4523
|
var stylesValue = React.useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4452
4524
|
var renderContent = function () {
|
|
@@ -4459,35 +4531,56 @@ var Component$$ = function (_a) {
|
|
|
4459
4531
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4460
4532
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
4461
4533
|
};
|
|
4462
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4534
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$W.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$W.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4463
4535
|
};
|
|
4464
4536
|
/**
|
|
4465
4537
|
* Atom UI component of button for general purpose
|
|
4466
4538
|
*/
|
|
4467
|
-
var MainButton = Component
|
|
4539
|
+
var MainButton = Component$Y;
|
|
4468
4540
|
|
|
4469
|
-
var styles$
|
|
4541
|
+
var styles$V = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4470
4542
|
|
|
4471
|
-
var
|
|
4543
|
+
var styles$U = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4544
|
+
|
|
4545
|
+
var Component$X = function (_a) {
|
|
4546
|
+
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4547
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$U['magneto-ui--search-item']), href: url },
|
|
4548
|
+
React__default["default"].createElement("p", { className: styles$U['magneto-ui--search-item__text'] }, tag),
|
|
4549
|
+
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4550
|
+
};
|
|
4551
|
+
/**
|
|
4552
|
+
* UI Atom component of Search Item
|
|
4553
|
+
*/
|
|
4554
|
+
var SearchItem = Component$X;
|
|
4555
|
+
|
|
4556
|
+
var MegaMenuTab = function (_a) {
|
|
4557
|
+
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4558
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4559
|
+
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4560
|
+
};
|
|
4561
|
+
|
|
4562
|
+
var styles$T = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
4563
|
+
|
|
4564
|
+
var Component$W = function (_a) {
|
|
4472
4565
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4473
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4566
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4474
4567
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4475
|
-
styles: styles$
|
|
4568
|
+
styles: styles$T,
|
|
4476
4569
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4477
4570
|
}) },
|
|
4478
4571
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4479
|
-
styles: styles$
|
|
4572
|
+
styles: styles$T,
|
|
4480
4573
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4481
4574
|
}) }, children))));
|
|
4482
4575
|
};
|
|
4483
4576
|
/**
|
|
4484
4577
|
* Atom UI child component of menu dropdown
|
|
4485
4578
|
*/
|
|
4486
|
-
var MenuDropdownList = Component$
|
|
4579
|
+
var MenuDropdownList = Component$W;
|
|
4487
4580
|
|
|
4488
|
-
var styles$
|
|
4581
|
+
var styles$S = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
4489
4582
|
|
|
4490
|
-
var Component$
|
|
4583
|
+
var Component$V = function (_a) {
|
|
4491
4584
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
4492
4585
|
var _e = React.useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4493
4586
|
var toggleOptions = React.useCallback(function () {
|
|
@@ -4502,13 +4595,13 @@ var Component$Z = function (_a) {
|
|
|
4502
4595
|
var handleButtonClick = React.useCallback(function (e) {
|
|
4503
4596
|
e.stopPropagation();
|
|
4504
4597
|
}, []);
|
|
4505
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4506
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4507
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4598
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4599
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__content'] }) },
|
|
4600
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__container'] }) },
|
|
4508
4601
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4509
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4602
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__title'] }) }, title),
|
|
4510
4603
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4511
|
-
styles: styles$
|
|
4604
|
+
styles: styles$S,
|
|
4512
4605
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4513
4606
|
}) },
|
|
4514
4607
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4518,7 +4611,7 @@ var Component$Z = function (_a) {
|
|
|
4518
4611
|
/**
|
|
4519
4612
|
* Atom UI component of menu dropdown
|
|
4520
4613
|
*/
|
|
4521
|
-
var MenuDropdown = Component$
|
|
4614
|
+
var MenuDropdown = Component$V;
|
|
4522
4615
|
|
|
4523
4616
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4524
4617
|
|
|
@@ -4531,7 +4624,7 @@ var MenuItem = function (_a) {
|
|
|
4531
4624
|
React__default["default"].createElement("p", null, text))));
|
|
4532
4625
|
};
|
|
4533
4626
|
|
|
4534
|
-
var styles$
|
|
4627
|
+
var styles$R = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
4535
4628
|
|
|
4536
4629
|
var MultiRangeSlider = function (_a) {
|
|
4537
4630
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -4589,36 +4682,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4589
4682
|
var handleMouseUpValues = React.useCallback(function () {
|
|
4590
4683
|
onChange({ min: minVal, max: maxVal });
|
|
4591
4684
|
}, [minVal, maxVal, onChange]);
|
|
4592
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4685
|
+
return (React__default["default"].createElement("div", { className: styles$R.container },
|
|
4593
4686
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4594
4687
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4595
4688
|
setMinVal(value);
|
|
4596
4689
|
event.target.value = value.toString();
|
|
4597
|
-
}, className: "\n ".concat(styles$
|
|
4690
|
+
}, className: "\n ".concat(styles$R.thumb, " \n ").concat(styles$R.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$R.zIndex_5 : '', "\n ") }),
|
|
4598
4691
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4599
4692
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4600
4693
|
setMaxVal(value);
|
|
4601
4694
|
event.target.value = value.toString();
|
|
4602
|
-
}, className: "".concat(styles$
|
|
4603
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
4604
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4605
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
4606
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
4607
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4608
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4695
|
+
}, className: "".concat(styles$R.thumb, " ").concat(styles$R.zIndex_4) }),
|
|
4696
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$R.slider },
|
|
4697
|
+
React__default["default"].createElement("div", { className: styles$R.track }),
|
|
4698
|
+
React__default["default"].createElement("div", { ref: range, className: styles$R.range }),
|
|
4699
|
+
showValues && (React__default["default"].createElement("div", { className: styles$R.values },
|
|
4700
|
+
React__default["default"].createElement("div", { className: styles$R.left_value }, hasCurrency),
|
|
4701
|
+
React__default["default"].createElement("div", { className: styles$R.right_value }, maxVal.toLocaleString()))))));
|
|
4609
4702
|
};
|
|
4610
4703
|
|
|
4611
|
-
var styles$
|
|
4704
|
+
var styles$Q = {"content":"mg_paragraph_content_1mtnz"};
|
|
4612
4705
|
|
|
4613
|
-
var Component$
|
|
4706
|
+
var Component$U = function (_a) {
|
|
4614
4707
|
var paragraph = _a.paragraph;
|
|
4615
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
4708
|
+
return React__default["default"].createElement("p", { className: styles$Q.content }, paragraph);
|
|
4616
4709
|
};
|
|
4617
|
-
var Paragraph = React.memo(Component$
|
|
4710
|
+
var Paragraph = React.memo(Component$U);
|
|
4618
4711
|
|
|
4619
4712
|
var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
4620
4713
|
|
|
4621
|
-
var Component$
|
|
4714
|
+
var Component$T = function (_a) {
|
|
4622
4715
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
4623
4716
|
var showMenu = show ? 'show' : 'hidden';
|
|
4624
4717
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4640,7 +4733,7 @@ var Component$X = function (_a) {
|
|
|
4640
4733
|
* Atom Ui component of popover
|
|
4641
4734
|
*
|
|
4642
4735
|
*/
|
|
4643
|
-
var Popover = Component$
|
|
4736
|
+
var Popover = Component$T;
|
|
4644
4737
|
|
|
4645
4738
|
exports.ERadioType = void 0;
|
|
4646
4739
|
(function (ERadioType) {
|
|
@@ -4648,12 +4741,12 @@ exports.ERadioType = void 0;
|
|
|
4648
4741
|
ERadioType["button"] = "button";
|
|
4649
4742
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
4650
4743
|
|
|
4651
|
-
var styles$
|
|
4744
|
+
var styles$P = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
4652
4745
|
|
|
4653
|
-
var Component$
|
|
4746
|
+
var Component$S = function (_a) {
|
|
4654
4747
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
4655
4748
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
4656
|
-
styles: styles$
|
|
4749
|
+
styles: styles$P,
|
|
4657
4750
|
cls: [
|
|
4658
4751
|
'radio-button',
|
|
4659
4752
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4663,34 +4756,34 @@ var Component$W = function (_a) {
|
|
|
4663
4756
|
}), htmlFor: id },
|
|
4664
4757
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4665
4758
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4666
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4759
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$P, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4667
4760
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4668
4761
|
};
|
|
4669
4762
|
/**
|
|
4670
4763
|
* Atom UI component of radio button
|
|
4671
4764
|
*/
|
|
4672
|
-
var RadioButton = Component$
|
|
4765
|
+
var RadioButton = Component$S;
|
|
4673
4766
|
|
|
4674
|
-
var styles$
|
|
4767
|
+
var styles$O = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
4675
4768
|
|
|
4676
|
-
var Component$
|
|
4769
|
+
var Component$R = function (_a) {
|
|
4677
4770
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
4678
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
4771
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$O, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4679
4772
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4680
4773
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4681
|
-
styles: styles$
|
|
4774
|
+
styles: styles$O,
|
|
4682
4775
|
cls: [
|
|
4683
4776
|
'radio-default__indicator',
|
|
4684
4777
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4685
4778
|
indicatorClassName
|
|
4686
4779
|
]
|
|
4687
4780
|
}) }),
|
|
4688
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4781
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$O, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4689
4782
|
};
|
|
4690
4783
|
/**
|
|
4691
4784
|
* Molecule UI component for radio default
|
|
4692
4785
|
*/
|
|
4693
|
-
var RadioDefault = Component$
|
|
4786
|
+
var RadioDefault = Component$R;
|
|
4694
4787
|
|
|
4695
4788
|
var _a;
|
|
4696
4789
|
var radioTypes = (_a = {},
|
|
@@ -4699,7 +4792,7 @@ var radioTypes = (_a = {},
|
|
|
4699
4792
|
_a);
|
|
4700
4793
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4701
4794
|
|
|
4702
|
-
var Component$
|
|
4795
|
+
var Component$Q = function (_a) {
|
|
4703
4796
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4704
4797
|
var RadioType = React.useMemo(function () { return getRadioComponent(exports.ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4705
4798
|
if (!RadioType)
|
|
@@ -4709,52 +4802,39 @@ var Component$U = function (_a) {
|
|
|
4709
4802
|
/**
|
|
4710
4803
|
* Atom UI component of radio
|
|
4711
4804
|
*/
|
|
4712
|
-
var Radio = Component$
|
|
4805
|
+
var Radio = Component$Q;
|
|
4713
4806
|
|
|
4714
|
-
var styles$
|
|
4807
|
+
var styles$N = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
4715
4808
|
|
|
4716
|
-
var Component$
|
|
4809
|
+
var Component$P = function (_a) {
|
|
4717
4810
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4718
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4719
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4811
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$N['magneto-ui-save-button'], " ").concat(addHover && styles$N['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4812
|
+
React__default["default"].createElement("div", { className: styles$N['button-content'] },
|
|
4720
4813
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4721
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4814
|
+
buttonText && React__default["default"].createElement("p", { className: styles$N['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4722
4815
|
};
|
|
4723
4816
|
/**
|
|
4724
4817
|
* UI Atom Component of Save Button
|
|
4725
4818
|
*/
|
|
4726
|
-
var SaveButton = Component$
|
|
4819
|
+
var SaveButton = Component$P;
|
|
4727
4820
|
|
|
4728
|
-
var styles$
|
|
4821
|
+
var styles$M = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4729
4822
|
|
|
4730
|
-
var Component$
|
|
4731
|
-
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4732
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$R['magneto-ui--search-item']), href: url },
|
|
4733
|
-
React__default["default"].createElement("p", { className: styles$R['magneto-ui--search-item__text'] }, tag),
|
|
4734
|
-
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4735
|
-
};
|
|
4736
|
-
/**
|
|
4737
|
-
* UI Atom component of Search Item
|
|
4738
|
-
*/
|
|
4739
|
-
var SearchItem = Component$S;
|
|
4740
|
-
|
|
4741
|
-
var styles$Q = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4742
|
-
|
|
4743
|
-
var Component$R = function (_a) {
|
|
4823
|
+
var Component$O = function (_a) {
|
|
4744
4824
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4745
4825
|
var handleCopyClick = function () {
|
|
4746
4826
|
if (detailUrl) {
|
|
4747
4827
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4748
4828
|
}
|
|
4749
4829
|
};
|
|
4750
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4751
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4830
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$M['magneto-ui-share-button'], " ").concat(addHover && styles$M['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4831
|
+
React__default["default"].createElement("div", { className: styles$M['button-content'] },
|
|
4752
4832
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4753
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4833
|
+
buttonText && React__default["default"].createElement("p", { className: styles$M['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4754
4834
|
};
|
|
4755
|
-
var ShareButton = Component$
|
|
4835
|
+
var ShareButton = Component$O;
|
|
4756
4836
|
|
|
4757
|
-
var styles$
|
|
4837
|
+
var styles$L = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
4758
4838
|
|
|
4759
4839
|
var Switch = function (_a) {
|
|
4760
4840
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -4768,10 +4848,10 @@ var Switch = function (_a) {
|
|
|
4768
4848
|
setChecked(function (state) { return !state; });
|
|
4769
4849
|
setIsActive(!isActive);
|
|
4770
4850
|
}, [isDisabled, setIsActive, isActive]);
|
|
4771
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4772
|
-
React__default["default"].createElement("label", { className: styles$
|
|
4851
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$L['magneto-ui-switch_container'], " ").concat(className) },
|
|
4852
|
+
React__default["default"].createElement("label", { className: styles$L['magneto-ui-switch'] },
|
|
4773
4853
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4774
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
4854
|
+
React__default["default"].createElement("span", { className: "".concat(styles$L['magneto-ui-slider'], " ").concat(styles$L['magneto-ui-round']) })),
|
|
4775
4855
|
title && React__default["default"].createElement("p", null, title)));
|
|
4776
4856
|
};
|
|
4777
4857
|
|
|
@@ -4784,11 +4864,10 @@ var Tags = function (_a) {
|
|
|
4784
4864
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4785
4865
|
};
|
|
4786
4866
|
|
|
4787
|
-
var styles$
|
|
4867
|
+
var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
4788
4868
|
|
|
4789
|
-
var Component$
|
|
4790
|
-
var className = _a.className, _b = _a.color, color = _b === void 0 ? '
|
|
4791
|
-
var _d = React.useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
4869
|
+
var Component$N = function (_a) {
|
|
4870
|
+
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
4792
4871
|
var isColorDark = function (color) {
|
|
4793
4872
|
var hex = color.replace('#', '');
|
|
4794
4873
|
var r = parseInt(hex.substring(0, 2), 16);
|
|
@@ -4799,16 +4878,14 @@ var Component$Q = function (_a) {
|
|
|
4799
4878
|
};
|
|
4800
4879
|
var handleClick = React.useCallback(function (_a) {
|
|
4801
4880
|
var id = _a.id, name = _a.name;
|
|
4802
|
-
if (
|
|
4803
|
-
setIsSelected('');
|
|
4881
|
+
if (currentSelect) {
|
|
4804
4882
|
onChange({ id: id, name: undefined });
|
|
4805
4883
|
return;
|
|
4806
4884
|
}
|
|
4807
4885
|
onChange({ id: id, name: name });
|
|
4808
|
-
|
|
4809
|
-
}, [currentSelect, isSelected, onChange]);
|
|
4886
|
+
}, [currentSelect, onChange]);
|
|
4810
4887
|
var selectStyles = React.useMemo(function () {
|
|
4811
|
-
if (
|
|
4888
|
+
if (currentSelect) {
|
|
4812
4889
|
return {
|
|
4813
4890
|
backgroundColor: color,
|
|
4814
4891
|
color: isColorDark(color || '#FFFFFF') ? '#FFFFFF' : '#000000',
|
|
@@ -4819,19 +4896,21 @@ var Component$Q = function (_a) {
|
|
|
4819
4896
|
backgroundColor: baseColor,
|
|
4820
4897
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4821
4898
|
};
|
|
4822
|
-
}, [baseColor, color, currentSelect
|
|
4823
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4899
|
+
}, [baseColor, color, currentSelect]);
|
|
4900
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$K['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
4901
|
+
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$K['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
4902
|
+
name));
|
|
4824
4903
|
};
|
|
4825
|
-
var ToggleButton = Component$
|
|
4904
|
+
var ToggleButton = Component$N;
|
|
4826
4905
|
|
|
4827
|
-
var styles$
|
|
4906
|
+
var styles$J = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4828
4907
|
|
|
4829
|
-
var Component$
|
|
4908
|
+
var Component$M = function (_a) {
|
|
4830
4909
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4831
4910
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4832
4911
|
sm: null
|
|
4833
4912
|
});
|
|
4834
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
4913
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$J, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4835
4914
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4836
4915
|
userInfo,
|
|
4837
4916
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4839,45 +4918,7 @@ var Component$P = function (_a) {
|
|
|
4839
4918
|
/**
|
|
4840
4919
|
* Atom UI component of user menu button analyst
|
|
4841
4920
|
*/
|
|
4842
|
-
var UserMenuButtonAnalyst = Component$
|
|
4843
|
-
|
|
4844
|
-
var styles$M = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4845
|
-
|
|
4846
|
-
var nf = new Intl.NumberFormat('de-DE');
|
|
4847
|
-
var Component$O = function (_a) {
|
|
4848
|
-
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4849
|
-
var currentHigherMax = React.useMemo(function () {
|
|
4850
|
-
return current > max;
|
|
4851
|
-
}, [current, max]);
|
|
4852
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$M["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$M['error-label'] : '') },
|
|
4853
|
-
nf.format(current),
|
|
4854
|
-
React__default["default"].createElement("span", null,
|
|
4855
|
-
" / ",
|
|
4856
|
-
nf.format(max))));
|
|
4857
|
-
};
|
|
4858
|
-
var ComparativeCounter = Component$O;
|
|
4859
|
-
|
|
4860
|
-
var styles$L = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4861
|
-
|
|
4862
|
-
var MegaMenuTab = function (_a) {
|
|
4863
|
-
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4864
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4865
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4866
|
-
};
|
|
4867
|
-
|
|
4868
|
-
var styles$K = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4869
|
-
|
|
4870
|
-
var Component$N = function (_a) {
|
|
4871
|
-
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;
|
|
4872
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$K['magneto-ui-button'], " ").concat(addHover ? styles$K['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4873
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] })),
|
|
4874
|
-
buttonText && React__default["default"].createElement("p", { className: styles$K['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4875
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] }))));
|
|
4876
|
-
};
|
|
4877
|
-
/**
|
|
4878
|
-
* UI Atom Component of Save Button
|
|
4879
|
-
*/
|
|
4880
|
-
var Button = Component$N;
|
|
4921
|
+
var UserMenuButtonAnalyst = Component$M;
|
|
4881
4922
|
|
|
4882
4923
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
4883
4924
|
|
|
@@ -4905,7 +4946,7 @@ var BrandMenu = function (_a) {
|
|
|
4905
4946
|
|
|
4906
4947
|
var style$t = {};
|
|
4907
4948
|
|
|
4908
|
-
var Component$
|
|
4949
|
+
var Component$L = function (_a) {
|
|
4909
4950
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4910
4951
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4911
4952
|
var DatePickerComponent = useMediaQuery(React__default["default"].createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -4913,11 +4954,11 @@ var Component$M = function (_a) {
|
|
|
4913
4954
|
});
|
|
4914
4955
|
return React__default["default"].createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
|
|
4915
4956
|
};
|
|
4916
|
-
var DatePickerResponsiveComponent = Component$
|
|
4957
|
+
var DatePickerResponsiveComponent = Component$L;
|
|
4917
4958
|
|
|
4918
4959
|
var style$s = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
|
|
4919
4960
|
|
|
4920
|
-
var Component$
|
|
4961
|
+
var Component$K = function (_a) {
|
|
4921
4962
|
var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
4922
4963
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
4923
4964
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -4936,9 +4977,9 @@ var Component$L = function (_a) {
|
|
|
4936
4977
|
React__default["default"].createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4937
4978
|
React__default["default"].createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
4938
4979
|
};
|
|
4939
|
-
var DrawerMenu = Component$
|
|
4980
|
+
var DrawerMenu = Component$K;
|
|
4940
4981
|
|
|
4941
|
-
var styles$
|
|
4982
|
+
var styles$I = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
4942
4983
|
|
|
4943
4984
|
var FilterCard = function (_a) {
|
|
4944
4985
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -4958,18 +4999,18 @@ var FilterCard = function (_a) {
|
|
|
4958
4999
|
}, [values, setOptions]);
|
|
4959
5000
|
if (!values.length)
|
|
4960
5001
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4961
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$
|
|
4962
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5002
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$I['magneto-ui-filter-card'], " ").concat(hasSearch && styles$I.hasSearch) },
|
|
5003
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui-filter-card_header'] },
|
|
4963
5004
|
React__default["default"].createElement("p", null, label),
|
|
4964
5005
|
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4965
5006
|
hasSearch && (React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4966
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5007
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4967
5008
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4968
5009
|
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4969
5010
|
}))));
|
|
4970
5011
|
};
|
|
4971
5012
|
|
|
4972
|
-
var styles$
|
|
5013
|
+
var styles$H = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
4973
5014
|
|
|
4974
5015
|
var FilterHeader = function (_a) {
|
|
4975
5016
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4978,28 +5019,28 @@ var FilterHeader = function (_a) {
|
|
|
4978
5019
|
buttonText: buttonText,
|
|
4979
5020
|
title: buttonText,
|
|
4980
5021
|
iconProps: { icon: Broom, size: 18 },
|
|
4981
|
-
className: styles$
|
|
5022
|
+
className: styles$H['magneto-ui-filter-header_btn'],
|
|
4982
5023
|
disabled: !totalApplied,
|
|
4983
5024
|
onClick: function () { return clearFilters(); }
|
|
4984
5025
|
};
|
|
4985
5026
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4986
5027
|
var displayBtnClear = React.useMemo(function () {
|
|
4987
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5028
|
+
return (React__default["default"].createElement("div", { className: styles$H['magneto-ui-filter-header_clean'] },
|
|
4988
5029
|
React__default["default"].createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4989
|
-
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$
|
|
5030
|
+
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$H.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4990
5031
|
}, [totalApplied, mainBtnProps]);
|
|
4991
5032
|
var displayFilterSummary = React.useMemo(function () {
|
|
4992
|
-
return React__default["default"].createElement("span", { className: styles$
|
|
5033
|
+
return React__default["default"].createElement("span", { className: styles$H['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4993
5034
|
}, [filterSummary]);
|
|
4994
|
-
return (React__default["default"].createElement("article", { className: styles$
|
|
4995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5035
|
+
return (React__default["default"].createElement("article", { className: styles$H['magneto-ui-filter-header'] },
|
|
5036
|
+
React__default["default"].createElement("div", { className: styles$H['magneto-ui-filter-header_title'] },
|
|
4996
5037
|
React__default["default"].createElement("p", null, title),
|
|
4997
5038
|
displayBtnClear),
|
|
4998
5039
|
switchText && (React__default["default"].createElement(Switch
|
|
4999
5040
|
//TODO: review isActive, setIsActive
|
|
5000
5041
|
, {
|
|
5001
5042
|
//TODO: review isActive, setIsActive
|
|
5002
|
-
title: switchText, className: styles$
|
|
5043
|
+
title: switchText, className: styles$H['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
5003
5044
|
displayFilterSummary));
|
|
5004
5045
|
};
|
|
5005
5046
|
|
|
@@ -5059,9 +5100,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5059
5100
|
return React__default["default"].createElement(React__default["default"].Fragment, null, footerMenuResponsive);
|
|
5060
5101
|
};
|
|
5061
5102
|
|
|
5062
|
-
var styles$
|
|
5103
|
+
var styles$G = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
|
|
5063
5104
|
|
|
5064
|
-
var Component$
|
|
5105
|
+
var Component$J = function (_a) {
|
|
5065
5106
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
5066
5107
|
var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
5067
5108
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -5071,26 +5112,26 @@ var Component$K = function (_a) {
|
|
|
5071
5112
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React__default["default"].createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
5072
5113
|
sm: null
|
|
5073
5114
|
});
|
|
5074
|
-
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
5075
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5076
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5115
|
+
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$G, cls: ['header-analyst', className] }) },
|
|
5116
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) },
|
|
5117
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__main-menu'] }) },
|
|
5077
5118
|
React__default["default"].createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5078
5119
|
headerLogo),
|
|
5079
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5120
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__user-menu'] }) },
|
|
5080
5121
|
userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5081
5122
|
React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5082
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5123
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5083
5124
|
};
|
|
5084
5125
|
/**
|
|
5085
5126
|
* Organism UI component of header analyst
|
|
5086
5127
|
*/
|
|
5087
|
-
var HeaderAnalyst = Component$
|
|
5128
|
+
var HeaderAnalyst = Component$J;
|
|
5088
5129
|
|
|
5089
|
-
var styles$
|
|
5130
|
+
var styles$F = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5090
5131
|
|
|
5091
5132
|
var style$o = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
5092
5133
|
|
|
5093
|
-
var Component$
|
|
5134
|
+
var Component$I = function () {
|
|
5094
5135
|
var skeletonCard = (React__default["default"].createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5095
5136
|
React__default["default"].createElement("span", { className: style$o.skeleton }),
|
|
5096
5137
|
React__default["default"].createElement("span", { className: style$o.skeleton }),
|
|
@@ -5114,9 +5155,9 @@ var Component$J = function () {
|
|
|
5114
5155
|
/**
|
|
5115
5156
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
5116
5157
|
*/
|
|
5117
|
-
var JobDetailsSkeleton = Component$
|
|
5158
|
+
var JobDetailsSkeleton = Component$I;
|
|
5118
5159
|
|
|
5119
|
-
var styles$
|
|
5160
|
+
var styles$E = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
5120
5161
|
|
|
5121
5162
|
var SimilarJobs = function (_a) {
|
|
5122
5163
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5124,8 +5165,8 @@ var SimilarJobs = function (_a) {
|
|
|
5124
5165
|
var pageExists = false;
|
|
5125
5166
|
if (similarJobsCard.length <= 0)
|
|
5126
5167
|
return null;
|
|
5127
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5128
|
-
React__default["default"].createElement("h3", { className: "".concat(styles$
|
|
5168
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5169
|
+
React__default["default"].createElement("h3", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5129
5170
|
similarJobsCard.map(function (_a) {
|
|
5130
5171
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5131
5172
|
return (React__default["default"].createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5133,7 +5174,7 @@ var SimilarJobs = function (_a) {
|
|
|
5133
5174
|
pageExists ));
|
|
5134
5175
|
};
|
|
5135
5176
|
|
|
5136
|
-
var Component$
|
|
5177
|
+
var Component$H = function (_a) {
|
|
5137
5178
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5138
5179
|
var jobDetailsRef = React.useRef(null);
|
|
5139
5180
|
React.useEffect(function () {
|
|
@@ -5144,11 +5185,11 @@ var Component$I = function (_a) {
|
|
|
5144
5185
|
if (isLoading)
|
|
5145
5186
|
return React__default["default"].createElement(JobDetailsSkeleton, null);
|
|
5146
5187
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
5147
|
-
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$
|
|
5148
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5188
|
+
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$F.JobDetailsDrawerComponent },
|
|
5189
|
+
React__default["default"].createElement("div", { className: styles$F['JobHeaderCardWrapper'] },
|
|
5149
5190
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5150
5191
|
React__default["default"].createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
5151
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5192
|
+
React__default["default"].createElement("div", { className: styles$F['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5152
5193
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5153
5194
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5154
5195
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5161,11 +5202,11 @@ var Component$I = function (_a) {
|
|
|
5161
5202
|
/**
|
|
5162
5203
|
* UI Organism Component for JobDetailsDrawer
|
|
5163
5204
|
*/
|
|
5164
|
-
var JobDetailsDrawer = Component$
|
|
5205
|
+
var JobDetailsDrawer = Component$H;
|
|
5165
5206
|
|
|
5166
|
-
var styles$
|
|
5207
|
+
var styles$D = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
5167
5208
|
|
|
5168
|
-
var Component$
|
|
5209
|
+
var Component$G = function (_a) {
|
|
5169
5210
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
5170
5211
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
5171
5212
|
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -5197,28 +5238,28 @@ var Component$H = function (_a) {
|
|
|
5197
5238
|
var loginHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5198
5239
|
md: null
|
|
5199
5240
|
});
|
|
5200
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5241
|
+
return (React__default["default"].createElement("header", { className: styles$D.LoginHeaderComponent },
|
|
5201
5242
|
loginHeaderMobileSearchbar,
|
|
5202
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5203
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5204
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5243
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-first-row'] }),
|
|
5244
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-second-row'] },
|
|
5245
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-left-section'] },
|
|
5205
5246
|
loginHeaderMenuButton,
|
|
5206
5247
|
React__default["default"].createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5207
5248
|
loginHeaderMobileSearchbarButton),
|
|
5208
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5209
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5249
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5250
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-user-section'] },
|
|
5210
5251
|
loginHeaderOptionTabs,
|
|
5211
5252
|
loginHeaderPopover)),
|
|
5212
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5253
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5213
5254
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5214
5255
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5215
5256
|
};
|
|
5216
5257
|
/**
|
|
5217
5258
|
* UI Organism Component for LoginHeader
|
|
5218
5259
|
*/
|
|
5219
|
-
var LoginHeader = Component$
|
|
5260
|
+
var LoginHeader = Component$G;
|
|
5220
5261
|
|
|
5221
|
-
var styles$
|
|
5262
|
+
var styles$C = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
5222
5263
|
|
|
5223
5264
|
var Muiclass$3 = 'magneto-ui';
|
|
5224
5265
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5228,7 +5269,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5228
5269
|
var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5229
5270
|
var _d = React.useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5230
5271
|
var haveGif = React.useMemo(function () {
|
|
5231
|
-
return gif ? styles$
|
|
5272
|
+
return gif ? styles$C['have-gif'] : '';
|
|
5232
5273
|
}, [gif]);
|
|
5233
5274
|
var toggleSearchBar = function () {
|
|
5234
5275
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5256,30 +5297,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
5256
5297
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5257
5298
|
md: null
|
|
5258
5299
|
});
|
|
5259
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5300
|
+
return (React__default["default"].createElement("header", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5260
5301
|
LogoutHeaderMobileSearchbar,
|
|
5261
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5262
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5302
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5303
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5263
5304
|
LoginHeaderMenuButton,
|
|
5264
5305
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5265
5306
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5266
5307
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5267
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5268
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5308
|
+
React__default["default"].createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5309
|
+
gif && (React__default["default"].createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5269
5310
|
LogoutHeaderMobileSearchbarButton),
|
|
5270
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5271
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5311
|
+
React__default["default"].createElement("div", { className: "".concat(styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5312
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5272
5313
|
!gif && loginHeaderOptionTabs,
|
|
5273
5314
|
" ",
|
|
5274
5315
|
loginHeaderPopover)),
|
|
5275
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5316
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5276
5317
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5277
5318
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5278
5319
|
};
|
|
5279
5320
|
|
|
5280
|
-
var styles$
|
|
5321
|
+
var styles$B = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
5281
5322
|
|
|
5282
|
-
var Component$
|
|
5323
|
+
var Component$F = function (_a) {
|
|
5283
5324
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
5284
5325
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
5285
5326
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -5322,29 +5363,29 @@ var Component$G = function (_a) {
|
|
|
5322
5363
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5323
5364
|
md: null
|
|
5324
5365
|
});
|
|
5325
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5366
|
+
return (React__default["default"].createElement("header", { className: styles$B.LogoutHeaderComponent },
|
|
5326
5367
|
LogoutHeaderMobileSearchbar,
|
|
5327
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5328
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5329
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5368
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5369
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-second-row'] },
|
|
5370
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-left-section'] },
|
|
5330
5371
|
LogoutHeaderMenuButton,
|
|
5331
5372
|
React__default["default"].createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5332
5373
|
LogoutHeaderMobileSearchbarButton),
|
|
5333
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5374
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-middle-section'] },
|
|
5334
5375
|
LogoutHeaderSearchbar,
|
|
5335
5376
|
" ",
|
|
5336
5377
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5337
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5378
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-right-section'] },
|
|
5338
5379
|
LogoutHeaderLinkSignIn,
|
|
5339
5380
|
LogoutHeaderButtonSignUp)),
|
|
5340
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5381
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5341
5382
|
};
|
|
5342
5383
|
/**
|
|
5343
5384
|
* UI Header Organisim for 1024 resolution/size
|
|
5344
5385
|
*/
|
|
5345
|
-
var LogoutHeader = Component$
|
|
5386
|
+
var LogoutHeader = Component$F;
|
|
5346
5387
|
|
|
5347
|
-
var styles$
|
|
5388
|
+
var styles$A = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
5348
5389
|
|
|
5349
5390
|
var Muiclass$2 = 'magneto-ui';
|
|
5350
5391
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5375,24 +5416,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5375
5416
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5376
5417
|
md: null
|
|
5377
5418
|
});
|
|
5378
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5419
|
+
return (React__default["default"].createElement("header", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5379
5420
|
LogoutHeaderMobileSearchbar,
|
|
5380
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5381
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5421
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5422
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5382
5423
|
LogoutHeaderMenuButton,
|
|
5383
5424
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5384
5425
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5385
5426
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5386
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5387
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5427
|
+
React__default["default"].createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5428
|
+
gif && (React__default["default"].createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5388
5429
|
LogoutHeaderMobileSearchbarButton),
|
|
5389
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5430
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5390
5431
|
LogoutHeaderSearchbar,
|
|
5391
5432
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5392
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5433
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5393
5434
|
LogoutHeaderLinkSignIn,
|
|
5394
5435
|
LogoutHeaderButtonSignUp)),
|
|
5395
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5436
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5396
5437
|
};
|
|
5397
5438
|
|
|
5398
5439
|
var style$n = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -5424,28 +5465,28 @@ var MegaMenuCards = function (_a) {
|
|
|
5424
5465
|
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
|
|
5425
5466
|
};
|
|
5426
5467
|
|
|
5427
|
-
var styles$
|
|
5468
|
+
var styles$z = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5428
5469
|
|
|
5429
|
-
var Component$
|
|
5470
|
+
var Component$E = function (_a) {
|
|
5430
5471
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5431
5472
|
var handleOptionClick = function (optionValue) {
|
|
5432
5473
|
handleOnClick(optionValue);
|
|
5433
5474
|
};
|
|
5434
5475
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5435
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5436
|
-
React__default["default"].createElement("ul", { className: styles$
|
|
5476
|
+
return (React__default["default"].createElement("div", { className: styles$z['magneto-ui--date-options'] },
|
|
5477
|
+
React__default["default"].createElement("ul", { className: styles$z['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5437
5478
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5438
|
-
return (React__default["default"].createElement("li", { className: "".concat(styles$
|
|
5479
|
+
return (React__default["default"].createElement("li", { className: "".concat(styles$z['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$z['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5439
5480
|
}))));
|
|
5440
5481
|
};
|
|
5441
5482
|
/**
|
|
5442
5483
|
* UI Atom component of Date Option
|
|
5443
5484
|
*/
|
|
5444
|
-
var DateOptions = Component$
|
|
5485
|
+
var DateOptions = Component$E;
|
|
5445
5486
|
|
|
5446
|
-
var styles$
|
|
5487
|
+
var styles$y = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5447
5488
|
|
|
5448
|
-
var Component$
|
|
5489
|
+
var Component$D = function (_a) {
|
|
5449
5490
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
5450
5491
|
var _b = React.useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5451
5492
|
var _c = React.useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5467,23 +5508,23 @@ var Component$E = function (_a) {
|
|
|
5467
5508
|
setInitialSelectedOption(null);
|
|
5468
5509
|
}
|
|
5469
5510
|
}, [disabled]);
|
|
5470
|
-
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5471
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5511
|
+
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$y['magneto-ui--date-selection'] },
|
|
5512
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--date-selection__header'] },
|
|
5472
5513
|
React__default["default"].createElement("h2", null, selectionHeader)),
|
|
5473
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5514
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--date-selection__options'] },
|
|
5474
5515
|
React__default["default"].createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5475
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5476
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5477
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5516
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--date-selection__btn--wrapper'] },
|
|
5517
|
+
React__default["default"].createElement("button", { className: styles$y['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5518
|
+
React__default["default"].createElement("button", { className: styles$y['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5478
5519
|
};
|
|
5479
|
-
var DateSelection = Component$
|
|
5520
|
+
var DateSelection = Component$D;
|
|
5480
5521
|
|
|
5481
|
-
var styles$
|
|
5522
|
+
var styles$x = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5482
5523
|
|
|
5483
5524
|
var defaultValue = function (value) {
|
|
5484
5525
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5485
5526
|
};
|
|
5486
|
-
var Component$
|
|
5527
|
+
var Component$C = function (_a) {
|
|
5487
5528
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
5488
5529
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5489
5530
|
var valueClass = '-value';
|
|
@@ -5548,41 +5589,41 @@ var Component$D = function (_a) {
|
|
|
5548
5589
|
}
|
|
5549
5590
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5550
5591
|
}, [disabled]);
|
|
5551
|
-
return (React__default["default"].createElement("section", { className: styles$
|
|
5552
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5553
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5554
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5555
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5556
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5592
|
+
return (React__default["default"].createElement("section", { className: styles$x['magneto-ui--mobile-date-picker'] },
|
|
5593
|
+
React__default["default"].createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5594
|
+
React__default["default"].createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
|
|
5595
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5596
|
+
React__default["default"].createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5597
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
|
|
5557
5598
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5558
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5559
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5560
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5561
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5562
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5599
|
+
React__default["default"].createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5600
|
+
React__default["default"].createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
|
|
5601
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5602
|
+
React__default["default"].createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5603
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
|
|
5563
5604
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5564
5605
|
};
|
|
5565
|
-
var MobileDatePicker = Component$
|
|
5606
|
+
var MobileDatePicker = Component$C;
|
|
5566
5607
|
|
|
5567
|
-
var Component$
|
|
5608
|
+
var Component$B = function (_a) {
|
|
5568
5609
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5569
5610
|
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5570
5611
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5571
5612
|
};
|
|
5572
|
-
var MobileDrawerMenu = Component$
|
|
5613
|
+
var MobileDrawerMenu = Component$B;
|
|
5573
5614
|
|
|
5574
|
-
var styles$
|
|
5615
|
+
var styles$w = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5575
5616
|
|
|
5576
|
-
var Component$
|
|
5617
|
+
var Component$A = function (_a) {
|
|
5577
5618
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5578
5619
|
var _b = React.useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5579
5620
|
var onOpenClick = function () {
|
|
5580
5621
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5581
5622
|
};
|
|
5582
|
-
var showButtonContainer = onClose ? styles$
|
|
5583
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5584
|
-
React__default["default"].createElement("div", { id: styles$
|
|
5585
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5623
|
+
var showButtonContainer = onClose ? styles$w['showContainer'] : styles$w['hideContainer'];
|
|
5624
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$w.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5625
|
+
React__default["default"].createElement("div", { id: styles$w['magneto-ui__external-child'] }, externalButtonChild),
|
|
5626
|
+
React__default["default"].createElement("div", { className: styles$w['DrawerButtonWrapper'] },
|
|
5586
5627
|
React__default["default"].createElement("button", { type: "button", onClick: onOpenClick },
|
|
5587
5628
|
React__default["default"].createElement(IconItem, { icon: More, hover: false }))),
|
|
5588
5629
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5591,11 +5632,11 @@ var Component$B = function (_a) {
|
|
|
5591
5632
|
/**
|
|
5592
5633
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5593
5634
|
*/
|
|
5594
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5635
|
+
var MobileJobDetailsActionsBar = Component$A;
|
|
5595
5636
|
|
|
5596
5637
|
var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
|
|
5597
5638
|
|
|
5598
|
-
var Component$
|
|
5639
|
+
var Component$z = function () {
|
|
5599
5640
|
var skeletonCard = (React__default["default"].createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5600
5641
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
5601
5642
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
@@ -5619,7 +5660,7 @@ var Component$A = function () {
|
|
|
5619
5660
|
/**
|
|
5620
5661
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5621
5662
|
*/
|
|
5622
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5663
|
+
var MobileJobDetailsDrawerSkeleton = Component$z;
|
|
5623
5664
|
|
|
5624
5665
|
var SwipeMode;
|
|
5625
5666
|
(function (SwipeMode) {
|
|
@@ -5689,7 +5730,7 @@ var Swipe = function (_a) {
|
|
|
5689
5730
|
} }))));
|
|
5690
5731
|
};
|
|
5691
5732
|
|
|
5692
|
-
var Component$
|
|
5733
|
+
var Component$y = function (_a) {
|
|
5693
5734
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5694
5735
|
var handleClose = React.useCallback(function () {
|
|
5695
5736
|
if (onClose) {
|
|
@@ -5738,7 +5779,7 @@ var Component$z = function (_a) {
|
|
|
5738
5779
|
/**
|
|
5739
5780
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5740
5781
|
*/
|
|
5741
|
-
var MobileJobDetailsDrawer = Component$
|
|
5782
|
+
var MobileJobDetailsDrawer = Component$y;
|
|
5742
5783
|
|
|
5743
5784
|
var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
|
|
5744
5785
|
|
|
@@ -5760,7 +5801,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5760
5801
|
React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5761
5802
|
};
|
|
5762
5803
|
|
|
5763
|
-
var Component$
|
|
5804
|
+
var Component$x = function (_a) {
|
|
5764
5805
|
var props = __rest(_a, []);
|
|
5765
5806
|
var _b = React.useState(0), step = _b[0], setStep = _b[1];
|
|
5766
5807
|
return React__default["default"].createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5768,7 +5809,7 @@ var Component$y = function (_a) {
|
|
|
5768
5809
|
/**
|
|
5769
5810
|
* Organism UI component of analyst template
|
|
5770
5811
|
*/
|
|
5771
|
-
var ModalAnalyst = Component$
|
|
5812
|
+
var ModalAnalyst = Component$x;
|
|
5772
5813
|
|
|
5773
5814
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5774
5815
|
|
|
@@ -5989,18 +6030,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5989
6030
|
React__default["default"].createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5990
6031
|
};
|
|
5991
6032
|
|
|
5992
|
-
var styles$
|
|
6033
|
+
var styles$v = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
5993
6034
|
|
|
5994
|
-
var Component$
|
|
6035
|
+
var Component$w = function (_a) {
|
|
5995
6036
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
5996
6037
|
if (!title)
|
|
5997
6038
|
return null;
|
|
5998
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6039
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React__default["default"].createElement("h3", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React__default["default"].createElement(Divider, null))));
|
|
5999
6040
|
};
|
|
6000
6041
|
/**
|
|
6001
6042
|
* Organism UI child component of nav menu analyst
|
|
6002
6043
|
*/
|
|
6003
|
-
var NavMenuAnalystDivider = Component$
|
|
6044
|
+
var NavMenuAnalystDivider = Component$w;
|
|
6004
6045
|
|
|
6005
6046
|
var navMenuAnalystIcons = {
|
|
6006
6047
|
home: {
|
|
@@ -6049,9 +6090,9 @@ var navMenuAnalystIcons = {
|
|
|
6049
6090
|
}
|
|
6050
6091
|
};
|
|
6051
6092
|
|
|
6052
|
-
var styles$
|
|
6093
|
+
var styles$u = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
6053
6094
|
|
|
6054
|
-
var Component$
|
|
6095
|
+
var Component$v = function (_a) {
|
|
6055
6096
|
var _b;
|
|
6056
6097
|
var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
|
|
6057
6098
|
var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
|
|
@@ -6134,7 +6175,7 @@ var Component$w = function (_a) {
|
|
|
6134
6175
|
}
|
|
6135
6176
|
}, [option.data, queryString, useQueryString]);
|
|
6136
6177
|
var linkStyles = CNM.get({
|
|
6137
|
-
styles: styles$
|
|
6178
|
+
styles: styles$u,
|
|
6138
6179
|
cls: [
|
|
6139
6180
|
'nav-menu-analyst-option__link',
|
|
6140
6181
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -6142,7 +6183,7 @@ var Component$w = function (_a) {
|
|
|
6142
6183
|
]
|
|
6143
6184
|
});
|
|
6144
6185
|
var dropdownStyles = CNM.get({
|
|
6145
|
-
styles: styles$
|
|
6186
|
+
styles: styles$u,
|
|
6146
6187
|
cls: [
|
|
6147
6188
|
'nav-menu-analyst-option__dropdown',
|
|
6148
6189
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -6160,21 +6201,21 @@ var Component$w = function (_a) {
|
|
|
6160
6201
|
}
|
|
6161
6202
|
return (React__default["default"].createElement("div", { title: option.title, ref: optionRef },
|
|
6162
6203
|
React__default["default"].createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
6163
|
-
styles: styles$
|
|
6204
|
+
styles: styles$u,
|
|
6164
6205
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
6165
6206
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
6166
6207
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
6167
6208
|
size: 18
|
|
6168
6209
|
} }, option.data.map(function (item, i) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6169
|
-
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$
|
|
6170
|
-
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
6210
|
+
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
6211
|
+
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$v, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
6171
6212
|
};
|
|
6172
6213
|
/**
|
|
6173
6214
|
* Organism UI child component of nav menu analyst
|
|
6174
6215
|
*/
|
|
6175
|
-
var NavMenuAnalystOption = Component$
|
|
6216
|
+
var NavMenuAnalystOption = Component$v;
|
|
6176
6217
|
|
|
6177
|
-
var styles$
|
|
6218
|
+
var styles$t = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
6178
6219
|
|
|
6179
6220
|
var useAnalystModal = function (modals) {
|
|
6180
6221
|
var _a = React.useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -6218,7 +6259,7 @@ var AnalystProvider = function (_a) {
|
|
|
6218
6259
|
};
|
|
6219
6260
|
var useAnalyst = function () { return React.useContext(AnalystContext); };
|
|
6220
6261
|
|
|
6221
|
-
var Component$
|
|
6262
|
+
var Component$u = function (_a) {
|
|
6222
6263
|
var _b, _c;
|
|
6223
6264
|
var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
|
|
6224
6265
|
var containerRef = React.useRef(null);
|
|
@@ -6248,17 +6289,17 @@ var Component$v = function (_a) {
|
|
|
6248
6289
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
6249
6290
|
};
|
|
6250
6291
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
6251
|
-
styles: styles$
|
|
6292
|
+
styles: styles$t,
|
|
6252
6293
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
6253
6294
|
}) },
|
|
6254
|
-
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
6295
|
+
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__header'] }) },
|
|
6255
6296
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
6256
|
-
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
6257
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6297
|
+
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__container'] }) },
|
|
6298
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React__default["default"].createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__section'] }) },
|
|
6258
6299
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
6259
6300
|
section.children.map(function (child, j) { return (React__default["default"].createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
6260
6301
|
React__default["default"].createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
6261
|
-
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6302
|
+
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__region'] }) },
|
|
6262
6303
|
React__default["default"].createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
6263
6304
|
icons: {
|
|
6264
6305
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -6269,27 +6310,27 @@ var Component$v = function (_a) {
|
|
|
6269
6310
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
6270
6311
|
} }))),
|
|
6271
6312
|
React__default["default"].createElement("footer", { className: CNM.get({
|
|
6272
|
-
styles: styles$
|
|
6313
|
+
styles: styles$t,
|
|
6273
6314
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
6274
|
-
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
6315
|
+
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
6275
6316
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
6276
6317
|
option.children.map(function (child, j) { return (React__default["default"].createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
6277
6318
|
};
|
|
6278
6319
|
/**
|
|
6279
6320
|
* Organism UI component of navigation menu analyst
|
|
6280
6321
|
*/
|
|
6281
|
-
var NavMenuAnalyst = Component$
|
|
6322
|
+
var NavMenuAnalyst = Component$u;
|
|
6282
6323
|
|
|
6283
|
-
var styles$
|
|
6324
|
+
var styles$s = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
6284
6325
|
|
|
6285
|
-
var Component$
|
|
6326
|
+
var Component$t = function (_a) {
|
|
6286
6327
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
6287
6328
|
var cancelButton = useMediaQuery(React__default["default"].createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
6288
|
-
styles: styles$
|
|
6329
|
+
styles: styles$s,
|
|
6289
6330
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
6290
6331
|
}), onClick: function () { return handleClose(null); } }), {
|
|
6291
6332
|
sm: (React__default["default"].createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
6292
|
-
styles: styles$
|
|
6333
|
+
styles: styles$s,
|
|
6293
6334
|
cls: [
|
|
6294
6335
|
'nav-menu-analyst-region-modal-content__button',
|
|
6295
6336
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -6297,34 +6338,34 @@ var Component$u = function (_a) {
|
|
|
6297
6338
|
}), onClick: function () { return handleClose(null); } }))
|
|
6298
6339
|
});
|
|
6299
6340
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
6300
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6341
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
6301
6342
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
6302
6343
|
return (React__default["default"].createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
6303
6344
|
icon: flag,
|
|
6304
6345
|
alt: lang,
|
|
6305
|
-
className: CNM.get({ styles: styles$
|
|
6306
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
6346
|
+
className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
6347
|
+
}, childrenClassName: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
6307
6348
|
var lang = _a.lang;
|
|
6308
6349
|
return lang === defaultRegion;
|
|
6309
6350
|
}) ? defaultRegion === lang : index === 0) &&
|
|
6310
6351
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
6311
6352
|
React__default["default"].createElement("span", null, name)));
|
|
6312
6353
|
})),
|
|
6313
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6354
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
6314
6355
|
cancelButton,
|
|
6315
6356
|
React__default["default"].createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
6316
|
-
styles: styles$
|
|
6357
|
+
styles: styles$s,
|
|
6317
6358
|
cls: [
|
|
6318
6359
|
'nav-menu-analyst-region-modal-content__button',
|
|
6319
6360
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
6320
6361
|
]
|
|
6321
6362
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
6322
6363
|
};
|
|
6323
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
6364
|
+
var NavMenuAnalystRegionModalContent = Component$t;
|
|
6324
6365
|
|
|
6325
|
-
var styles$
|
|
6366
|
+
var styles$r = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
6326
6367
|
|
|
6327
|
-
var Component$
|
|
6368
|
+
var Component$s = function (_a) {
|
|
6328
6369
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
6329
6370
|
var _b = React.useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
6330
6371
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -6332,9 +6373,9 @@ var Component$t = function (_a) {
|
|
|
6332
6373
|
setSelectedRegion(null);
|
|
6333
6374
|
handleRegionChange(region);
|
|
6334
6375
|
}, [handleRegionChange]);
|
|
6335
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
6376
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6336
6377
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
6337
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
6378
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6338
6379
|
React__default["default"].createElement("h2", null, regionModal.title),
|
|
6339
6380
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
6340
6381
|
});
|
|
@@ -6343,24 +6384,24 @@ var Component$t = function (_a) {
|
|
|
6343
6384
|
/**
|
|
6344
6385
|
* Organism UI child component of nav menu analyst
|
|
6345
6386
|
*/
|
|
6346
|
-
var NavMenuAnalystRegionModal = Component$
|
|
6387
|
+
var NavMenuAnalystRegionModal = Component$s;
|
|
6347
6388
|
|
|
6348
|
-
var styles$
|
|
6389
|
+
var styles$q = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
6349
6390
|
|
|
6350
|
-
var Component$
|
|
6391
|
+
var Component$r = function (_a) {
|
|
6351
6392
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
6352
6393
|
var handleClose = React.useCallback(function () {
|
|
6353
6394
|
if (onClose) {
|
|
6354
6395
|
onClose();
|
|
6355
6396
|
}
|
|
6356
6397
|
}, [onClose]);
|
|
6357
|
-
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
6398
|
+
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$q, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
6358
6399
|
React__default["default"].createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
6359
6400
|
};
|
|
6360
6401
|
/**
|
|
6361
6402
|
* Organism UI component of navigation menu analyst
|
|
6362
6403
|
*/
|
|
6363
|
-
var NavMenuDrawerAnalyst = Component$
|
|
6404
|
+
var NavMenuDrawerAnalyst = Component$r;
|
|
6364
6405
|
|
|
6365
6406
|
var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
6366
6407
|
|
|
@@ -6569,13 +6610,13 @@ var SelectContext = React__default["default"].createContext({
|
|
|
6569
6610
|
});
|
|
6570
6611
|
var useSelectContext = function () { return React.useContext(SelectContext); };
|
|
6571
6612
|
|
|
6572
|
-
var styles$
|
|
6613
|
+
var styles$p = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
|
|
6573
6614
|
|
|
6574
|
-
var cx$
|
|
6615
|
+
var cx$d = classNames.bind(styles$p);
|
|
6575
6616
|
var getDefaulSelected = function (selected) {
|
|
6576
6617
|
return selected.map(function (select) { return select.value; }).join(', ');
|
|
6577
6618
|
};
|
|
6578
|
-
var Component$
|
|
6619
|
+
var Component$q = function (_a) {
|
|
6579
6620
|
var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
|
|
6580
6621
|
var ref = React.useRef({ onChange: onChange, id: generateID() });
|
|
6581
6622
|
React.useEffect(function () {
|
|
@@ -6590,29 +6631,29 @@ var Component$r = function (_a) {
|
|
|
6590
6631
|
});
|
|
6591
6632
|
}, [open]);
|
|
6592
6633
|
if (!readOnly) {
|
|
6593
|
-
return (React__default["default"].createElement("div", { className: cx$
|
|
6634
|
+
return (React__default["default"].createElement("div", { className: cx$d('select-input', className, {
|
|
6594
6635
|
'select-input--with-icon': actionIcon !== undefined,
|
|
6595
6636
|
'select-input--no-placeholder': placeholder.length === 0,
|
|
6596
6637
|
'select-input--disabled': disabled
|
|
6597
6638
|
}), onClick: function () { return (disabled ? null : onClick()); }, "data-name": "select-input", "data-selected": selected.length > 0, "data-is-open": open },
|
|
6598
6639
|
React__default["default"].createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon, placeholder: placeholder, type: type }, rest))));
|
|
6599
6640
|
}
|
|
6600
|
-
return (React__default["default"].createElement("button", { className: cx$
|
|
6601
|
-
React__default["default"].createElement("div", { className: cx$
|
|
6602
|
-
placeholder.length > 0 ? (React__default["default"].createElement("span", { className: cx$
|
|
6641
|
+
return (React__default["default"].createElement("button", { className: cx$d('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
|
|
6642
|
+
React__default["default"].createElement("div", { className: cx$d('select-button__input') },
|
|
6643
|
+
placeholder.length > 0 ? (React__default["default"].createElement("span", { className: cx$d('select-button__placeholder', {
|
|
6603
6644
|
'select-button__placeholder--open': open,
|
|
6604
6645
|
'select-button__placeholder--selected': selected.length > 0
|
|
6605
6646
|
}) }, placeholder)) : null,
|
|
6606
|
-
selected.length > 0 ? (React__default["default"].createElement("span", { className: cx$
|
|
6647
|
+
selected.length > 0 ? (React__default["default"].createElement("span", { className: cx$d('select-button__value', {
|
|
6607
6648
|
'select-button__placeholder--open': open
|
|
6608
6649
|
}) }, getLabel(selected))) : null),
|
|
6609
6650
|
actionIcon ? React__default["default"].createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
|
|
6610
6651
|
};
|
|
6611
|
-
var SelectInput = Component$
|
|
6652
|
+
var SelectInput = Component$q;
|
|
6612
6653
|
|
|
6613
|
-
var styles$
|
|
6654
|
+
var styles$o = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
6614
6655
|
|
|
6615
|
-
var cx$
|
|
6656
|
+
var cx$c = classNames.bind(styles$o);
|
|
6616
6657
|
var SelectClickout = function (_a) {
|
|
6617
6658
|
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
6618
6659
|
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
@@ -6629,43 +6670,19 @@ var SelectClickout = function (_a) {
|
|
|
6629
6670
|
ref.current.onSwitch(false);
|
|
6630
6671
|
}, [clickOut]);
|
|
6631
6672
|
if (open)
|
|
6632
|
-
return React__default["default"].createElement("div", { className: cx$
|
|
6673
|
+
return React__default["default"].createElement("div", { className: cx$c('select-click-out') }, children);
|
|
6633
6674
|
return null;
|
|
6634
6675
|
};
|
|
6635
6676
|
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
6636
6677
|
|
|
6637
|
-
var styles$
|
|
6678
|
+
var styles$n = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
|
|
6638
6679
|
|
|
6639
|
-
var cx$
|
|
6680
|
+
var cx$b = classNames.bind(styles$n);
|
|
6640
6681
|
var SelectDrawer = function (_a) {
|
|
6641
6682
|
var className = _a.className, children = _a.children;
|
|
6642
6683
|
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
6643
|
-
return (React__default["default"].createElement(MobileDrawer, { className: cx$
|
|
6644
|
-
};
|
|
6645
|
-
|
|
6646
|
-
var styles$n = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
6647
|
-
|
|
6648
|
-
var cx$b = classNames.bind(styles$n);
|
|
6649
|
-
var defaultCheck = function (_a) {
|
|
6650
|
-
var type = _a.type, checked = _a.checked;
|
|
6651
|
-
if (type === 'background')
|
|
6652
|
-
return;
|
|
6653
|
-
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$b('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
6654
|
-
};
|
|
6655
|
-
var Component$q = function (_a) {
|
|
6656
|
-
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"]);
|
|
6657
|
-
return (React__default["default"].createElement("label", { className: cx$b('checkbox', "checkbox--".concat(display), className, {
|
|
6658
|
-
'checkbox--checked': checked,
|
|
6659
|
-
'checkbox--background': type === 'background'
|
|
6660
|
-
}), "data-name": "checkbox-container", htmlFor: id },
|
|
6661
|
-
renderCheck({ checked: checked, type: type }),
|
|
6662
|
-
React__default["default"].createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
6663
|
-
var target = _a.target;
|
|
6664
|
-
return onChange(target.checked);
|
|
6665
|
-
}, type: "checkbox", id: id }, rest)),
|
|
6666
|
-
children));
|
|
6684
|
+
return (React__default["default"].createElement(MobileDrawer, { className: cx$b('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6667
6685
|
};
|
|
6668
|
-
var Checkbox = Component$q;
|
|
6669
6686
|
|
|
6670
6687
|
var styles$m = {"select-list":"mg_select_list_check_select-list_g3qb1","select-list--visible":"mg_select_list_check_select-list--visible_g3qb1","select-list__item":"mg_select_list_check_select-list_item_g3qb1","select-list__checkbox":"mg_select_list_check_select-list_checkbox_g3qb1"};
|
|
6671
6688
|
|
|
@@ -7792,6 +7809,7 @@ exports.BrandsMenuPopover = BrandsMenuPopover$1;
|
|
|
7792
7809
|
exports.Breadcrumb = Breadcrumb;
|
|
7793
7810
|
exports.Breadcrumbs = Breadcrumbs;
|
|
7794
7811
|
exports.Button = Button;
|
|
7812
|
+
exports.Checkbox = Checkbox;
|
|
7795
7813
|
exports.CitiesDetailDrawer = CitiesDetailDrawer;
|
|
7796
7814
|
exports.ComparativeCounter = ComparativeCounter;
|
|
7797
7815
|
exports.DateDropdown = DateDropdown;
|
|
@@ -7916,6 +7934,7 @@ exports.TextArea = TextArea;
|
|
|
7916
7934
|
exports.Timeline = Timeline;
|
|
7917
7935
|
exports.TimelineEvent = TimelineEvent;
|
|
7918
7936
|
exports.ToggleButton = ToggleButton;
|
|
7937
|
+
exports.ToggleButtonList = ToggleButtonList;
|
|
7919
7938
|
exports.Tooltip = Tooltip;
|
|
7920
7939
|
exports.UserMenu = UserMenu;
|
|
7921
7940
|
exports.UserMenuAnalyst = UserMenuAnalyst;
|