magneto365.ui 2.51.0 → 2.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +445 -427
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/cjs/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +445 -428
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/esm/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/index.d.ts +65 -38
- package/package.json +1 -1
package/dist/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
|
};
|
|
@@ -4846,11 +4864,10 @@ var Tags = function (_a) {
|
|
|
4846
4864
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4847
4865
|
};
|
|
4848
4866
|
|
|
4849
|
-
var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-
|
|
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"};
|
|
4850
4868
|
|
|
4851
4869
|
var Component$N = function (_a) {
|
|
4852
|
-
var className = _a.className, _b = _a.color, color = _b === void 0 ? '
|
|
4853
|
-
var _d = React.useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
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;
|
|
4854
4871
|
var isColorDark = function (color) {
|
|
4855
4872
|
var hex = color.replace('#', '');
|
|
4856
4873
|
var r = parseInt(hex.substring(0, 2), 16);
|
|
@@ -4861,16 +4878,14 @@ var Component$N = function (_a) {
|
|
|
4861
4878
|
};
|
|
4862
4879
|
var handleClick = React.useCallback(function (_a) {
|
|
4863
4880
|
var id = _a.id, name = _a.name;
|
|
4864
|
-
if (
|
|
4865
|
-
setIsSelected('');
|
|
4881
|
+
if (currentSelect) {
|
|
4866
4882
|
onChange({ id: id, name: undefined });
|
|
4867
4883
|
return;
|
|
4868
4884
|
}
|
|
4869
4885
|
onChange({ id: id, name: name });
|
|
4870
|
-
|
|
4871
|
-
}, [currentSelect, isSelected, onChange]);
|
|
4886
|
+
}, [currentSelect, onChange]);
|
|
4872
4887
|
var selectStyles = React.useMemo(function () {
|
|
4873
|
-
if (
|
|
4888
|
+
if (currentSelect) {
|
|
4874
4889
|
return {
|
|
4875
4890
|
backgroundColor: color,
|
|
4876
4891
|
color: isColorDark(color || '#FFFFFF') ? '#FFFFFF' : '#000000',
|
|
@@ -4881,8 +4896,10 @@ var Component$N = function (_a) {
|
|
|
4881
4896
|
backgroundColor: baseColor,
|
|
4882
4897
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4883
4898
|
};
|
|
4884
|
-
}, [baseColor, color, currentSelect
|
|
4885
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(
|
|
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));
|
|
4886
4903
|
};
|
|
4887
4904
|
var ToggleButton = Component$N;
|
|
4888
4905
|
|
|
@@ -7917,6 +7934,7 @@ exports.TextArea = TextArea;
|
|
|
7917
7934
|
exports.Timeline = Timeline;
|
|
7918
7935
|
exports.TimelineEvent = TimelineEvent;
|
|
7919
7936
|
exports.ToggleButton = ToggleButton;
|
|
7937
|
+
exports.ToggleButtonList = ToggleButtonList;
|
|
7920
7938
|
exports.Tooltip = Tooltip;
|
|
7921
7939
|
exports.UserMenu = UserMenu;
|
|
7922
7940
|
exports.UserMenuAnalyst = UserMenuAnalyst;
|