magneto365.ui 2.45.2 → 2.46.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 +904 -701
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Checkbox/Checkbox.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/atoms/Checkbox/Checkbox.interface.d.ts +17 -0
- package/dist/cjs/types/components/UI/atoms/Checkbox/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/MobileDrawer/MobileDrawer.interface.d.ts +2 -1
- package/dist/cjs/types/components/UI/organism/Select/Select.component.d.ts +17 -0
- package/dist/cjs/types/components/UI/organism/Select/Select.context.d.ts +33 -0
- package/dist/cjs/types/components/UI/organism/Select/Select.interface.d.ts +18 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectClickout/SelectClickout.component.d.ts +7 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectClickout/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.interface.d.ts +5 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectDrawer/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectInput/SelectInput.component.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectInput/SelectInput.interface.d.ts +36 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.component.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.interface.d.ts +8 -0
- package/dist/cjs/types/components/UI/organism/Select/children/SelectListCheck/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/Select/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/index.d.ts +1 -0
- package/dist/cjs/types/constants/stories/Select2Multiple.constants.d.ts +5 -0
- package/dist/cjs/types/shared/utils/common/classNames.util.d.ts +3 -0
- package/dist/cjs/types/shared/utils/common/index.d.ts +2 -0
- package/dist/cjs/types/shared/utils/common/stub.util.d.ts +2 -0
- package/dist/cjs/types/shared/utils/storybook/withControlField.hoc.d.ts +6 -3
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +904 -702
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Checkbox/Checkbox.component.d.ts +3 -0
- package/dist/esm/types/components/UI/atoms/Checkbox/Checkbox.interface.d.ts +17 -0
- package/dist/esm/types/components/UI/atoms/Checkbox/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/MobileDrawer/MobileDrawer.interface.d.ts +2 -1
- package/dist/esm/types/components/UI/organism/Select/Select.component.d.ts +17 -0
- package/dist/esm/types/components/UI/organism/Select/Select.context.d.ts +33 -0
- package/dist/esm/types/components/UI/organism/Select/Select.interface.d.ts +18 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectClickout/SelectClickout.component.d.ts +7 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectClickout/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.interface.d.ts +5 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectDrawer/index.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectInput/SelectInput.component.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectInput/SelectInput.interface.d.ts +36 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.component.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.interface.d.ts +8 -0
- package/dist/esm/types/components/UI/organism/Select/children/SelectListCheck/index.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/Select/index.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/index.d.ts +1 -0
- package/dist/esm/types/constants/stories/Select2Multiple.constants.d.ts +5 -0
- package/dist/esm/types/shared/utils/common/classNames.util.d.ts +3 -0
- package/dist/esm/types/shared/utils/common/index.d.ts +2 -0
- package/dist/esm/types/shared/utils/common/stub.util.d.ts +2 -0
- package/dist/esm/types/shared/utils/storybook/withControlField.hoc.d.ts +6 -3
- package/dist/index.d.ts +113 -2
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$Y = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$1T = function (_a) {
|
|
245
245
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -252,14 +252,14 @@ var Component$1P = function (_a) {
|
|
|
252
252
|
var customStyle = size ? { width: size + 'px' } : {};
|
|
253
253
|
if (!iconSrc && !showDefaultFallback)
|
|
254
254
|
return null;
|
|
255
|
-
return (React.createElement(Fragment, null, icon && (React.createElement("img", { style: customStyle, className: "".concat(style$Y['magneto-ui-icon'], " ").concat(isHover, " ").concat(className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
|
|
255
|
+
return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$Y['magneto-ui-icon'], " ").concat(isHover, " ").concat(className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
|
|
256
256
|
};
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$1T;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$1Q = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -499,21 +499,21 @@ var QuestionCircle = "https://static.magneto365.com/lib/assets/26163b1c4adfad74.
|
|
|
499
499
|
|
|
500
500
|
var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
|
|
501
501
|
|
|
502
|
-
var Component$
|
|
502
|
+
var Component$1S = function (_a) {
|
|
503
503
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
504
504
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
505
505
|
var handleError = function () {
|
|
506
506
|
setImageError(true);
|
|
507
507
|
};
|
|
508
|
-
return (React.createElement("div", { className: styles$
|
|
508
|
+
return (React.createElement("div", { className: styles$1Q.avatarComponent, onClick: onClick },
|
|
509
509
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
510
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
510
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$1Q['magneto-ui-default-avatar'] },
|
|
511
511
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
512
512
|
};
|
|
513
513
|
/**
|
|
514
514
|
* UI Atom component of Avatar
|
|
515
515
|
*/
|
|
516
|
-
var Avatar = Component$
|
|
516
|
+
var Avatar = Component$1S;
|
|
517
517
|
|
|
518
518
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
519
519
|
|
|
@@ -630,9 +630,9 @@ var SignUpButtonStyle = {
|
|
|
630
630
|
}
|
|
631
631
|
};
|
|
632
632
|
|
|
633
|
-
var styles$
|
|
633
|
+
var styles$1P = {"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"};
|
|
634
634
|
|
|
635
|
-
var styles$
|
|
635
|
+
var styles$1O = {"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"};
|
|
636
636
|
|
|
637
637
|
var ShareIcons = {
|
|
638
638
|
Facebook: {
|
|
@@ -652,7 +652,7 @@ var ShareIcons = {
|
|
|
652
652
|
}
|
|
653
653
|
};
|
|
654
654
|
|
|
655
|
-
var Component$
|
|
655
|
+
var Component$1R = function (_a) {
|
|
656
656
|
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;
|
|
657
657
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
658
658
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -665,46 +665,46 @@ var Component$1N = function (_a) {
|
|
|
665
665
|
};
|
|
666
666
|
if (component)
|
|
667
667
|
return component;
|
|
668
|
-
return (React.createElement("div", { className: styles$
|
|
669
|
-
React.createElement("div", { id: styles$
|
|
668
|
+
return (React.createElement("div", { className: styles$1O['magneto-ui-actions'] },
|
|
669
|
+
React.createElement("div", { id: styles$1O['magneto-ui__external-child'] }, externalButtonChild),
|
|
670
670
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
671
|
-
React.createElement("button", { className: styles$
|
|
671
|
+
React.createElement("button", { className: styles$1O['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
672
672
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
673
673
|
} },
|
|
674
674
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
675
675
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
676
676
|
actionsLinkList.map(function (_a, index) {
|
|
677
677
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
678
|
-
return (React.createElement("a", { className: styles$
|
|
678
|
+
return (React.createElement("a", { className: styles$1O['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
679
679
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
680
680
|
React.createElement("p", { key: index }, text)));
|
|
681
681
|
}),
|
|
682
|
-
React.createElement("div", { className: styles$
|
|
683
|
-
React.createElement("p", { className: styles$
|
|
684
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
682
|
+
React.createElement("div", { className: styles$1O['magneto-ui-actions__header'] },
|
|
683
|
+
React.createElement("p", { className: styles$1O['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
684
|
+
offerCompanyName ? React.createElement("p", { className: styles$1O['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
685
685
|
};
|
|
686
686
|
var ShareLinksAction = function (_a) {
|
|
687
687
|
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;
|
|
688
|
-
return (React.createElement("div", { className: styles$
|
|
689
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
688
|
+
return (React.createElement("div", { className: styles$1O['magneto-ui-actions'] },
|
|
689
|
+
React.createElement(ShareButton, __assign({ className: styles$1O['magneto-ui-actions__share'] }, shareProps)),
|
|
690
690
|
shareLinks.map(function (_a, index) {
|
|
691
691
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
692
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
692
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1O['magneto-ui-actions__link'], styles$1O['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
693
693
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
694
694
|
React.createElement("span", null, title)));
|
|
695
695
|
}),
|
|
696
|
-
React.createElement("div", { className: styles$
|
|
697
|
-
React.createElement("p", { className: styles$
|
|
698
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
699
|
-
React.createElement("div", { className: styles$
|
|
700
|
-
React.createElement("button", { className: styles$
|
|
696
|
+
React.createElement("div", { className: styles$1O['magneto-ui-actions__header'] },
|
|
697
|
+
React.createElement("p", { className: styles$1O['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
698
|
+
offerCompanyName ? React.createElement("p", { className: styles$1O['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
699
|
+
React.createElement("div", { className: styles$1O['magneto-ui-actions__back'] },
|
|
700
|
+
React.createElement("button", { className: styles$1O['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
701
701
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
702
702
|
backText)));
|
|
703
703
|
};
|
|
704
704
|
/**
|
|
705
705
|
* UI Molecule componet of Actions
|
|
706
706
|
*/
|
|
707
|
-
var Actions = Object.assign(Component$
|
|
707
|
+
var Actions = Object.assign(Component$1R, { ShareLinks: ShareLinksAction });
|
|
708
708
|
|
|
709
709
|
var style$X = {"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"};
|
|
710
710
|
|
|
@@ -730,7 +730,7 @@ var alertIcons = {
|
|
|
730
730
|
warning: Warning,
|
|
731
731
|
error: Error
|
|
732
732
|
};
|
|
733
|
-
var Component$
|
|
733
|
+
var Component$1Q = function (_a) {
|
|
734
734
|
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;
|
|
735
735
|
var borderStyle = border ? style$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
736
736
|
var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
|
|
@@ -742,7 +742,7 @@ var Component$1M = function (_a) {
|
|
|
742
742
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
743
743
|
extraButton));
|
|
744
744
|
};
|
|
745
|
-
var Alert = Component$
|
|
745
|
+
var Alert = Component$1Q;
|
|
746
746
|
|
|
747
747
|
var style$V = {"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"};
|
|
748
748
|
|
|
@@ -784,7 +784,7 @@ var DrawerPortal = function (_a) {
|
|
|
784
784
|
|
|
785
785
|
var style$U = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_kxkzo","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_kxkzo","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_kxkzo","background-drawer":"mg_mobile_drawer_background-drawer_kxkzo","fadeIn":"mg_mobile_drawer_fadeIn_kxkzo","show":"mg_mobile_drawer_show_kxkzo","hidden":"mg_mobile_drawer_hidden_kxkzo"};
|
|
786
786
|
|
|
787
|
-
var Component$
|
|
787
|
+
var Component$1P = function (_a) {
|
|
788
788
|
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;
|
|
789
789
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
790
790
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -820,7 +820,7 @@ var Component$1L = function (_a) {
|
|
|
820
820
|
/**
|
|
821
821
|
* Molecule UI component for Mobile Drawer
|
|
822
822
|
*/
|
|
823
|
-
var MobileDrawer = Component$
|
|
823
|
+
var MobileDrawer = Component$1P;
|
|
824
824
|
|
|
825
825
|
var style$T = {"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"};
|
|
826
826
|
|
|
@@ -876,11 +876,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
876
876
|
};
|
|
877
877
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
878
878
|
|
|
879
|
-
var styles$
|
|
879
|
+
var styles$1N = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
880
880
|
|
|
881
|
-
var Component$
|
|
881
|
+
var Component$1O = function (_a) {
|
|
882
882
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
883
|
-
return (React.createElement("div", { className: styles$
|
|
883
|
+
return (React.createElement("div", { className: styles$1N.BreadcrumbsComponent },
|
|
884
884
|
React.createElement("a", { href: homeUrl },
|
|
885
885
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
886
886
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -888,52 +888,52 @@ var Component$1K = function (_a) {
|
|
|
888
888
|
/**
|
|
889
889
|
* Molecule UI component for breadcrums information
|
|
890
890
|
*/
|
|
891
|
-
var Breadcrumbs = Component$
|
|
891
|
+
var Breadcrumbs = Component$1O;
|
|
892
892
|
|
|
893
|
-
var styles$
|
|
893
|
+
var styles$1M = {"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"};
|
|
894
894
|
|
|
895
895
|
var CitiesDetailDrawer = function (_a) {
|
|
896
896
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
897
|
-
return (React.createElement("div", { className: styles$
|
|
898
|
-
React.createElement("div", { className: styles$
|
|
897
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
898
|
+
React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
899
899
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
900
|
-
React.createElement("div", { className: styles$
|
|
901
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
900
|
+
React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
901
|
+
isRemote && (React.createElement("p", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
902
902
|
cities &&
|
|
903
903
|
cities.map(function (_a, index) {
|
|
904
904
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
905
|
-
return (React.createElement("div", { className: styles$
|
|
905
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
906
906
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
907
907
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
908
908
|
})))) : null));
|
|
909
909
|
};
|
|
910
910
|
|
|
911
|
-
var styles$
|
|
911
|
+
var styles$1L = {"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"};
|
|
912
912
|
|
|
913
|
-
var Component$
|
|
913
|
+
var Component$1N = function (_a) {
|
|
914
914
|
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;
|
|
915
915
|
var disabledArrow = useMemo(function () {
|
|
916
916
|
if (disabled)
|
|
917
|
-
return (React.createElement(IconItem, { className: styles$
|
|
917
|
+
return (React.createElement(IconItem, { className: styles$1L['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
918
918
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
919
919
|
}, [disabled]);
|
|
920
|
-
return (React.createElement("div", { className: styles$
|
|
921
|
-
React.createElement("select", { className: styles$
|
|
922
|
-
React.createElement("option", { className: styles$
|
|
920
|
+
return (React.createElement("div", { className: styles$1L['magneto-ui--date-dropdown__wrapper'] },
|
|
921
|
+
React.createElement("select", { className: styles$1L["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
922
|
+
React.createElement("option", { className: styles$1L['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
923
923
|
dateOptions.map(function (_a) {
|
|
924
924
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
925
|
-
return (React.createElement("option", { className: styles$
|
|
925
|
+
return (React.createElement("option", { className: styles$1L['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
926
926
|
})),
|
|
927
|
-
React.createElement("span", { className: styles$
|
|
927
|
+
React.createElement("span", { className: styles$1L['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
928
928
|
};
|
|
929
|
-
var DateDropdown = Component$
|
|
929
|
+
var DateDropdown = Component$1N;
|
|
930
930
|
|
|
931
|
-
var styles$
|
|
931
|
+
var styles$1K = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
932
932
|
|
|
933
933
|
var defaultValue$1 = function (value) {
|
|
934
934
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
935
935
|
};
|
|
936
|
-
var Component$
|
|
936
|
+
var Component$1M = function (_a) {
|
|
937
937
|
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;
|
|
938
938
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
939
939
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -967,16 +967,16 @@ var Component$1I = function (_a) {
|
|
|
967
967
|
}
|
|
968
968
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
969
969
|
}, [disabled]);
|
|
970
|
-
return (React.createElement("div", { className: styles$
|
|
970
|
+
return (React.createElement("div", { className: styles$1K['magneto-ui--date-picker__wrapper'] },
|
|
971
971
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
972
972
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
973
973
|
};
|
|
974
|
-
var DatePicker = Component$
|
|
974
|
+
var DatePicker = Component$1M;
|
|
975
975
|
|
|
976
976
|
var style$S = {"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"};
|
|
977
977
|
|
|
978
978
|
var DEFAULT_PADDING = 20;
|
|
979
|
-
var Component$
|
|
979
|
+
var Component$1L = function (_a) {
|
|
980
980
|
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;
|
|
981
981
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
982
982
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1022,7 +1022,7 @@ var Component$1H = function (_a) {
|
|
|
1022
1022
|
/**
|
|
1023
1023
|
* Molecule UI component for Drawer
|
|
1024
1024
|
*/
|
|
1025
|
-
var Drawer = Component$
|
|
1025
|
+
var Drawer = Component$1L;
|
|
1026
1026
|
|
|
1027
1027
|
var style$R = {"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"};
|
|
1028
1028
|
|
|
@@ -1078,7 +1078,41 @@ var isDate = function (value) {
|
|
|
1078
1078
|
return value instanceof Date && !isNaN(value.valueOf());
|
|
1079
1079
|
};
|
|
1080
1080
|
|
|
1081
|
-
var
|
|
1081
|
+
var stubTrue = function () { return true; };
|
|
1082
|
+
var stubUndefined = function () { return undefined; };
|
|
1083
|
+
|
|
1084
|
+
var classNames = {
|
|
1085
|
+
bind: function (stylesObj) {
|
|
1086
|
+
return function () {
|
|
1087
|
+
var params = [];
|
|
1088
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
1089
|
+
params[_i] = arguments[_i];
|
|
1090
|
+
}
|
|
1091
|
+
return params
|
|
1092
|
+
// avoid nullish
|
|
1093
|
+
.filter(function (param) { return param != null; })
|
|
1094
|
+
.map(function (cls) {
|
|
1095
|
+
var _a;
|
|
1096
|
+
if (typeof cls === 'string')
|
|
1097
|
+
return (_a = stylesObj[cls]) !== null && _a !== void 0 ? _a : cls;
|
|
1098
|
+
return Object.entries(cls)
|
|
1099
|
+
.filter(function (_a) {
|
|
1100
|
+
var value = _a[1];
|
|
1101
|
+
return value;
|
|
1102
|
+
})
|
|
1103
|
+
.map(function (_a) {
|
|
1104
|
+
var _b;
|
|
1105
|
+
var key = _a[0];
|
|
1106
|
+
return (_b = stylesObj[key]) !== null && _b !== void 0 ? _b : key;
|
|
1107
|
+
})
|
|
1108
|
+
.join(' ');
|
|
1109
|
+
})
|
|
1110
|
+
.join(' ');
|
|
1111
|
+
};
|
|
1112
|
+
}
|
|
1113
|
+
};
|
|
1114
|
+
|
|
1115
|
+
var styles$1J = {"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"};
|
|
1082
1116
|
|
|
1083
1117
|
var FilterMenuItem = function (_a) {
|
|
1084
1118
|
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"]);
|
|
@@ -1093,35 +1127,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1093
1127
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1094
1128
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1095
1129
|
var className = useMemo(function () {
|
|
1096
|
-
return isApplied ? styles$
|
|
1130
|
+
return isApplied ? styles$1J.selected : isSearched ? styles$1J.isSearched : hiddenCount ? '' : !total && styles$1J.disabled;
|
|
1097
1131
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1098
1132
|
var handleClick = useCallback(function () {
|
|
1099
1133
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1100
1134
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1101
1135
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1102
1136
|
if (loading)
|
|
1103
|
-
return React.createElement("div", { className: styles$
|
|
1104
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1137
|
+
return React.createElement("div", { className: styles$1J.skeleton });
|
|
1138
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1J['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1105
1139
|
React.createElement("span", null, label),
|
|
1106
1140
|
displayOutput));
|
|
1107
1141
|
};
|
|
1108
1142
|
|
|
1109
|
-
var styles$
|
|
1143
|
+
var styles$1I = {"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"};
|
|
1110
1144
|
|
|
1111
1145
|
var FilterSearchItem = function (_a) {
|
|
1112
1146
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1113
1147
|
var inputRef = useRef(null);
|
|
1114
1148
|
if (loading)
|
|
1115
|
-
return (React.createElement("div", { className: styles$
|
|
1149
|
+
return (React.createElement("div", { className: styles$1I.skeleton },
|
|
1116
1150
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1117
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1151
|
+
return (React.createElement("div", { className: "".concat(styles$1I['magneto-ui-filter-search'], " ").concat(disabled ? styles$1I.disabled : '') },
|
|
1118
1152
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1119
1153
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1120
1154
|
};
|
|
1121
1155
|
|
|
1122
|
-
var styles$
|
|
1156
|
+
var styles$1H = {"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"};
|
|
1123
1157
|
|
|
1124
|
-
var Component$
|
|
1158
|
+
var Component$1K = function (_a) {
|
|
1125
1159
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1126
1160
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1127
1161
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1131,46 +1165,46 @@ var Component$1G = function (_a) {
|
|
|
1131
1165
|
return searchList;
|
|
1132
1166
|
}, [searchList, showFullList]);
|
|
1133
1167
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1134
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1135
|
-
React.createElement("h2", { className: styles$
|
|
1136
|
-
React.createElement("div", { className: styles$
|
|
1168
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1H['magneto-ui-frequent-search'] },
|
|
1169
|
+
React.createElement("h2", { className: styles$1H['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1170
|
+
React.createElement("div", { className: styles$1H['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1137
1171
|
var props = __rest(_a, []);
|
|
1138
1172
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1139
1173
|
})),
|
|
1140
|
-
React.createElement("div", { className: styles$
|
|
1174
|
+
React.createElement("div", { className: styles$1H['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1H['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1141
1175
|
showMore,
|
|
1142
1176
|
" (",
|
|
1143
1177
|
searchList.length,
|
|
1144
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1178
|
+
")")) : (React.createElement("button", { className: styles$1H['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1145
1179
|
};
|
|
1146
1180
|
/**
|
|
1147
1181
|
* UI Atom component of Frequent Search
|
|
1148
1182
|
*/
|
|
1149
|
-
var FrequentSearch = Component$
|
|
1183
|
+
var FrequentSearch = Component$1K;
|
|
1150
1184
|
|
|
1151
1185
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1152
1186
|
|
|
1153
|
-
var Component$
|
|
1187
|
+
var Component$1J = function (_a) {
|
|
1154
1188
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1155
1189
|
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1156
1190
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1157
1191
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1158
1192
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1159
1193
|
};
|
|
1160
|
-
var HeaderDrawerCompany = Component$
|
|
1194
|
+
var HeaderDrawerCompany = Component$1J;
|
|
1161
1195
|
|
|
1162
|
-
var styles$
|
|
1196
|
+
var styles$1G = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1163
1197
|
|
|
1164
|
-
var Component$
|
|
1198
|
+
var Component$1I = function (_a) {
|
|
1165
1199
|
var children = _a.children;
|
|
1166
|
-
return React.createElement("div", { className: styles$
|
|
1200
|
+
return React.createElement("div", { className: styles$1G.TabComponent }, children);
|
|
1167
1201
|
};
|
|
1168
1202
|
/**
|
|
1169
1203
|
* Molecule UI for Tab
|
|
1170
1204
|
*/
|
|
1171
|
-
var Tab = Component$
|
|
1205
|
+
var Tab = Component$1I;
|
|
1172
1206
|
|
|
1173
|
-
var styles$
|
|
1207
|
+
var styles$1F = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1174
1208
|
|
|
1175
1209
|
var toCSSVariables = function (input) {
|
|
1176
1210
|
var output = {};
|
|
@@ -1185,35 +1219,35 @@ var toCSSVariables = function (input) {
|
|
|
1185
1219
|
return output;
|
|
1186
1220
|
};
|
|
1187
1221
|
|
|
1188
|
-
var Component$
|
|
1222
|
+
var Component$1H = function (_a) {
|
|
1189
1223
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1190
1224
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1191
1225
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1192
|
-
return (React.createElement("div", { className: styles$
|
|
1226
|
+
return (React.createElement("div", { className: styles$1F.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1193
1227
|
};
|
|
1194
1228
|
/**
|
|
1195
1229
|
* Molecule UI component for Tab Button
|
|
1196
1230
|
*/
|
|
1197
|
-
var TabButton = Component$
|
|
1231
|
+
var TabButton = Component$1H;
|
|
1198
1232
|
|
|
1199
|
-
var styles$
|
|
1233
|
+
var styles$1E = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1200
1234
|
|
|
1201
|
-
var Component$
|
|
1235
|
+
var Component$1G = function (_a) {
|
|
1202
1236
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1203
|
-
return (React.createElement("div", { className: styles$
|
|
1237
|
+
return (React.createElement("div", { className: styles$1E.HeaderDrawerTabsComponent },
|
|
1204
1238
|
React.createElement("a", { href: homeUrl },
|
|
1205
1239
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1206
1240
|
React.createElement(Tab, null,
|
|
1207
1241
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1208
1242
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1209
1243
|
};
|
|
1210
|
-
var HeaderDrawerTabs = Component$
|
|
1244
|
+
var HeaderDrawerTabs = Component$1G;
|
|
1211
1245
|
|
|
1212
|
-
var styles$
|
|
1246
|
+
var styles$1D = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1213
1247
|
|
|
1214
|
-
var Component$
|
|
1248
|
+
var Component$1F = function (_a) {
|
|
1215
1249
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1216
|
-
return (React.createElement("div", { className: styles$
|
|
1250
|
+
return (React.createElement("div", { className: styles$1D.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1217
1251
|
var headerTabProps = __rest(_a, []);
|
|
1218
1252
|
return (React.createElement(React.Fragment, { key: index },
|
|
1219
1253
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1224,9 +1258,9 @@ var Component$1B = function (_a) {
|
|
|
1224
1258
|
/**
|
|
1225
1259
|
* Molecule UI component for header tabs information`
|
|
1226
1260
|
*/
|
|
1227
|
-
var HeaderTabs = Component$
|
|
1261
|
+
var HeaderTabs = Component$1F;
|
|
1228
1262
|
|
|
1229
|
-
var styles$
|
|
1263
|
+
var styles$1C = {"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"};
|
|
1230
1264
|
|
|
1231
1265
|
var Input = function (_a) {
|
|
1232
1266
|
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"]);
|
|
@@ -1261,28 +1295,28 @@ var Input = function (_a) {
|
|
|
1261
1295
|
setInputValue(e.target.value);
|
|
1262
1296
|
}, [onChange]);
|
|
1263
1297
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1264
|
-
React.createElement("div", { className: styles$
|
|
1298
|
+
React.createElement("div", { className: styles$1C["".concat(classMUI, "-input")] },
|
|
1265
1299
|
React.createElement("div", null,
|
|
1266
|
-
React.createElement("div", { className: styles$
|
|
1300
|
+
React.createElement("div", { className: styles$1C["".concat(classMUI, "-input--container")] },
|
|
1267
1301
|
React.createElement("label", { htmlFor: name, style: {
|
|
1268
1302
|
left: hideIcon ? '10px' : '40px',
|
|
1269
1303
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1270
1304
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1271
|
-
}, className: styles$
|
|
1305
|
+
}, className: styles$1C["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1272
1306
|
React.createElement("input", __assign({}, props, { style: {
|
|
1273
1307
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1274
|
-
}, disabled: disabled, className: styles$
|
|
1275
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1276
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1277
|
-
React.createElement("img", { src: actionIcon }))) : null))),
|
|
1278
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1279
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1308
|
+
}, disabled: disabled, className: styles$1C["".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" })),
|
|
1309
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1C["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1310
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1C["".concat(classMUI, "-input--container__icon-action")] },
|
|
1311
|
+
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1312
|
+
React.createElement("div", { className: "".concat(styles$1C["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1C['footer-without-error'] : '') },
|
|
1313
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1C["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1280
1314
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1281
1315
|
};
|
|
1282
1316
|
|
|
1283
|
-
var styles$
|
|
1317
|
+
var styles$1B = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1284
1318
|
|
|
1285
|
-
var Component$
|
|
1319
|
+
var Component$1E = function (_a) {
|
|
1286
1320
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1287
1321
|
var loadingSize = useMemo(function () {
|
|
1288
1322
|
if (size) {
|
|
@@ -1296,11 +1330,11 @@ var Component$1A = function (_a) {
|
|
|
1296
1330
|
height: '15px'
|
|
1297
1331
|
};
|
|
1298
1332
|
}, [size]);
|
|
1299
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1333
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1B["".concat(classMUI, "-flat-loader")] }));
|
|
1300
1334
|
};
|
|
1301
|
-
var FlatLoader = Component$
|
|
1335
|
+
var FlatLoader = Component$1E;
|
|
1302
1336
|
|
|
1303
|
-
var styles$
|
|
1337
|
+
var styles$1A = {"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"};
|
|
1304
1338
|
|
|
1305
1339
|
var InputPlus = function (_a) {
|
|
1306
1340
|
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;
|
|
@@ -1344,16 +1378,16 @@ var InputPlus = function (_a) {
|
|
|
1344
1378
|
}
|
|
1345
1379
|
}
|
|
1346
1380
|
}, [disabledBtn, handleSubmmit]);
|
|
1347
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1381
|
+
return (React.createElement("div", { className: "".concat(styles$1A["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1348
1382
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1349
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1383
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1A["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1A.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1A['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1350
1384
|
};
|
|
1351
1385
|
|
|
1352
|
-
var styles$
|
|
1386
|
+
var styles$1z = {"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"};
|
|
1353
1387
|
|
|
1354
1388
|
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"};
|
|
1355
1389
|
|
|
1356
|
-
var Component$
|
|
1390
|
+
var Component$1D = function (_a) {
|
|
1357
1391
|
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"]);
|
|
1358
1392
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1359
1393
|
return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1371,10 +1405,10 @@ var Component$1z = function (_a) {
|
|
|
1371
1405
|
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1372
1406
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1373
1407
|
};
|
|
1374
|
-
Component$
|
|
1375
|
-
var SharePopover = Component$
|
|
1408
|
+
Component$1D.displayName = 'SharePopover';
|
|
1409
|
+
var SharePopover = Component$1D;
|
|
1376
1410
|
|
|
1377
|
-
var Component$
|
|
1411
|
+
var Component$1C = function (_a) {
|
|
1378
1412
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1379
1413
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1380
1414
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1382,30 +1416,30 @@ var Component$1y = function (_a) {
|
|
|
1382
1416
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1383
1417
|
}); });
|
|
1384
1418
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1385
|
-
return (React.createElement("div", { className: styles$
|
|
1386
|
-
React.createElement("div", { id: styles$
|
|
1387
|
-
React.createElement("div", { className: styles$
|
|
1419
|
+
return (React.createElement("div", { className: styles$1z['magneto-ui-job-actions'] },
|
|
1420
|
+
React.createElement("div", { id: styles$1z['magneto-ui__external-child'] }, externalButtonChild),
|
|
1421
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1388
1422
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1389
1423
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1390
1424
|
filteredActionsLinkList.map(function (_a) {
|
|
1391
1425
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1392
|
-
return (React.createElement("div", { className: styles$
|
|
1393
|
-
React.createElement("a", { className: styles$
|
|
1426
|
+
return (React.createElement("div", { className: styles$1z['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1427
|
+
React.createElement("a", { className: styles$1z['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1394
1428
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1395
1429
|
}))));
|
|
1396
1430
|
};
|
|
1397
1431
|
/**
|
|
1398
1432
|
* UI Molecule Component for Jobs Actions
|
|
1399
1433
|
*/
|
|
1400
|
-
var JobActions = Component$
|
|
1434
|
+
var JobActions = Component$1C;
|
|
1401
1435
|
|
|
1402
|
-
var styles$
|
|
1436
|
+
var styles$1y = {"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"};
|
|
1403
1437
|
|
|
1404
|
-
var Component$
|
|
1438
|
+
var Component$1B = function (_a) {
|
|
1405
1439
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1406
|
-
return (React.createElement("div", { className: styles$
|
|
1407
|
-
React.createElement("div", { className: styles$
|
|
1408
|
-
React.createElement("div", { className: styles$
|
|
1440
|
+
return (React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card'] },
|
|
1441
|
+
React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card__wrapper'] },
|
|
1442
|
+
React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card__header'] },
|
|
1409
1443
|
React.createElement("p", null, offerApplyHeader),
|
|
1410
1444
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1411
1445
|
offerApplyElements
|
|
@@ -1415,16 +1449,16 @@ var Component$1x = function (_a) {
|
|
|
1415
1449
|
})
|
|
1416
1450
|
.map(function (_a) {
|
|
1417
1451
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1418
|
-
return (React.createElement("div", { className: styles$
|
|
1452
|
+
return (React.createElement("div", { className: styles$1y['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1419
1453
|
React.createElement("p", null, offerApplyLabel),
|
|
1420
1454
|
React.createElement("p", null, offerApplyInfo)));
|
|
1421
1455
|
})),
|
|
1422
|
-
React.createElement("div", { id: styles$
|
|
1456
|
+
React.createElement("div", { id: styles$1y['magneto-ui__external-child'] }, externalChild))));
|
|
1423
1457
|
};
|
|
1424
1458
|
/**
|
|
1425
1459
|
* UI Molecule Component for Job Apply Card
|
|
1426
1460
|
*/
|
|
1427
|
-
var JobApplyCard = Component$
|
|
1461
|
+
var JobApplyCard = Component$1B;
|
|
1428
1462
|
|
|
1429
1463
|
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"};
|
|
1430
1464
|
|
|
@@ -1508,29 +1542,29 @@ var JobCard = function (_a) {
|
|
|
1508
1542
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1509
1543
|
};
|
|
1510
1544
|
|
|
1511
|
-
var styles$
|
|
1545
|
+
var styles$1x = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1512
1546
|
|
|
1513
|
-
var Component$
|
|
1547
|
+
var Component$1A = function (_a) {
|
|
1514
1548
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1515
|
-
return (React.createElement("div", { className: styles$
|
|
1549
|
+
return (React.createElement("div", { className: styles$1x['magneto-ui-job-company-header'] },
|
|
1516
1550
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1517
1551
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1518
1552
|
};
|
|
1519
1553
|
/**
|
|
1520
1554
|
* UI Molecule component for Company Job Header
|
|
1521
1555
|
*/
|
|
1522
|
-
var JobCompanyHeader = Component$
|
|
1556
|
+
var JobCompanyHeader = Component$1A;
|
|
1523
1557
|
|
|
1524
|
-
var styles$
|
|
1558
|
+
var styles$1w = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1525
1559
|
|
|
1526
|
-
var Component$
|
|
1560
|
+
var Component$1z = function (_a) {
|
|
1527
1561
|
var offerDescription = _a.offerDescription;
|
|
1528
|
-
return (React.createElement("div", { className: styles$
|
|
1562
|
+
return (React.createElement("div", { className: styles$1w['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
1529
1563
|
};
|
|
1530
1564
|
/**
|
|
1531
1565
|
* UI Molecule Component for Job Detail Card Header
|
|
1532
1566
|
*/
|
|
1533
|
-
var JobDetailCard = Component$
|
|
1567
|
+
var JobDetailCard = Component$1z;
|
|
1534
1568
|
|
|
1535
1569
|
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"};
|
|
1536
1570
|
|
|
@@ -1545,9 +1579,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1545
1579
|
children));
|
|
1546
1580
|
};
|
|
1547
1581
|
|
|
1548
|
-
var styles$
|
|
1582
|
+
var styles$1v = {"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"};
|
|
1549
1583
|
|
|
1550
|
-
var Component$
|
|
1584
|
+
var Component$1y = function (_a) {
|
|
1551
1585
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1552
1586
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1553
1587
|
icon: iconList && iconList[index],
|
|
@@ -1557,27 +1591,27 @@ var Component$1u = function (_a) {
|
|
|
1557
1591
|
var offerDetailText = _a.offerDetailText;
|
|
1558
1592
|
return !!offerDetailText;
|
|
1559
1593
|
});
|
|
1560
|
-
return (React.createElement("div", { className: styles$
|
|
1561
|
-
React.createElement("div", { className: styles$
|
|
1594
|
+
return (React.createElement("div", { className: styles$1v['magneto-ui-job-details'] },
|
|
1595
|
+
React.createElement("div", { className: styles$1v['magneto-ui-job-details__wrapper'] },
|
|
1562
1596
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1563
1597
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1564
1598
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1565
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1566
|
-
React.createElement("div", { className: styles$
|
|
1599
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1v['magneto-ui-job-details__item-detail'] },
|
|
1600
|
+
React.createElement("div", { className: styles$1v['magneto-ui-job-details__item-detail-icon'] },
|
|
1567
1601
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
1568
|
-
React.createElement("p", { className: styles$
|
|
1602
|
+
React.createElement("p", { className: styles$1v['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
1569
1603
|
})),
|
|
1570
1604
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
1571
1605
|
};
|
|
1572
1606
|
/**
|
|
1573
1607
|
* UI Molecule component for Job Detail
|
|
1574
1608
|
*/
|
|
1575
|
-
Component$
|
|
1576
|
-
var JobDetails = Component$
|
|
1609
|
+
Component$1y.displayName = 'JobDetails';
|
|
1610
|
+
var JobDetails = Component$1y;
|
|
1577
1611
|
|
|
1578
|
-
var styles$
|
|
1612
|
+
var styles$1u = {"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"};
|
|
1579
1613
|
|
|
1580
|
-
var Component$
|
|
1614
|
+
var Component$1x = function (_a) {
|
|
1581
1615
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
1582
1616
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
1583
1617
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -1588,28 +1622,28 @@ var Component$1t = function (_a) {
|
|
|
1588
1622
|
title: title
|
|
1589
1623
|
});
|
|
1590
1624
|
});
|
|
1591
|
-
return (React.createElement("div", { className: styles$
|
|
1625
|
+
return (React.createElement("div", { className: styles$1u['magneto-ui-job-footer-card'] },
|
|
1592
1626
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
1593
|
-
React.createElement("div", { className: styles$
|
|
1627
|
+
React.createElement("div", { className: styles$1u['magneto-ui-job-footer-card__icons'] },
|
|
1594
1628
|
React.createElement("p", null, offerFooterHeader),
|
|
1595
|
-
React.createElement("div", { className: styles$
|
|
1629
|
+
React.createElement("div", { className: styles$1u['magneto-ui-job-footer-card__wrapper'] },
|
|
1596
1630
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
1597
1631
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
1598
1632
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
1599
1633
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
1600
1634
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
1601
1635
|
})),
|
|
1602
|
-
React.createElement("div", { className: styles$
|
|
1636
|
+
React.createElement("div", { className: styles$1u['magneto-ui__share-button'] },
|
|
1603
1637
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
1604
1638
|
};
|
|
1605
1639
|
/**
|
|
1606
1640
|
* UI Molecule component for Job Footer Card
|
|
1607
1641
|
*/
|
|
1608
|
-
var JobFooterCard = Component$
|
|
1642
|
+
var JobFooterCard = Component$1x;
|
|
1609
1643
|
|
|
1610
|
-
var styles$
|
|
1644
|
+
var styles$1t = {"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"};
|
|
1611
1645
|
|
|
1612
|
-
var Component$
|
|
1646
|
+
var Component$1w = function (_a) {
|
|
1613
1647
|
var name = _a.name, score = _a.score;
|
|
1614
1648
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
1615
1649
|
var skillRef = useRef(null);
|
|
@@ -1645,21 +1679,21 @@ var Component$1s = function (_a) {
|
|
|
1645
1679
|
4: 'four'
|
|
1646
1680
|
};
|
|
1647
1681
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
1648
|
-
var fillAnimation = animationApplied ? styles$
|
|
1649
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
1650
|
-
React.createElement("div", { className: styles$
|
|
1682
|
+
var fillAnimation = animationApplied ? styles$1t[levelClass] : '';
|
|
1683
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1t['magneto-ui-skill'] },
|
|
1684
|
+
React.createElement("div", { className: styles$1t['magneto-ui-skill__wrapper'] },
|
|
1651
1685
|
React.createElement("p", null, name),
|
|
1652
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1686
|
+
React.createElement("div", { className: "".concat(styles$1t['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1t['magneto-ui-skill--no-animation']) }))));
|
|
1653
1687
|
};
|
|
1654
|
-
var Skill = Component$
|
|
1688
|
+
var Skill = Component$1w;
|
|
1655
1689
|
|
|
1656
|
-
var styles$
|
|
1690
|
+
var styles$1s = {"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"};
|
|
1657
1691
|
|
|
1658
|
-
var Component$
|
|
1692
|
+
var Component$1v = function (_a) {
|
|
1659
1693
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
1660
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
1694
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1s['magneto-ui-job-skills-card'] },
|
|
1661
1695
|
React.createElement("p", null, offerSkillsLabel),
|
|
1662
|
-
React.createElement("div", { className: styles$
|
|
1696
|
+
React.createElement("div", { className: styles$1s['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
1663
1697
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
1664
1698
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
1665
1699
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -1668,9 +1702,9 @@ var Component$1r = function (_a) {
|
|
|
1668
1702
|
/**
|
|
1669
1703
|
* UI Molecule component of Job Skills Card
|
|
1670
1704
|
*/
|
|
1671
|
-
var JobSkillsCard = Component$
|
|
1705
|
+
var JobSkillsCard = Component$1v;
|
|
1672
1706
|
|
|
1673
|
-
var styles$
|
|
1707
|
+
var styles$1r = {"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"};
|
|
1674
1708
|
|
|
1675
1709
|
var JobVideo = function (_a) {
|
|
1676
1710
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -1685,13 +1719,13 @@ var JobVideo = function (_a) {
|
|
|
1685
1719
|
setLoadVideo && setLoadVideo(false);
|
|
1686
1720
|
}
|
|
1687
1721
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
1688
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
1722
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1r[videoClassName] })) : (React.createElement("div", { className: styles$1r['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
1689
1723
|
React.createElement(Image, __assign({}, imageProps))));
|
|
1690
1724
|
};
|
|
1691
1725
|
|
|
1692
1726
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
1693
1727
|
|
|
1694
|
-
var Component$
|
|
1728
|
+
var Component$1u = function (_a) {
|
|
1695
1729
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
1696
1730
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
1697
1731
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -1699,11 +1733,11 @@ var Component$1q = function (_a) {
|
|
|
1699
1733
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
1700
1734
|
})));
|
|
1701
1735
|
};
|
|
1702
|
-
var ListIconLink = Component$
|
|
1736
|
+
var ListIconLink = Component$1u;
|
|
1703
1737
|
|
|
1704
1738
|
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"};
|
|
1705
1739
|
|
|
1706
|
-
var Component$
|
|
1740
|
+
var Component$1t = function (_a) {
|
|
1707
1741
|
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;
|
|
1708
1742
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
1709
1743
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -1712,11 +1746,11 @@ var Component$1p = function (_a) {
|
|
|
1712
1746
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
1713
1747
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
1714
1748
|
};
|
|
1715
|
-
var MenuIcon = Component$
|
|
1749
|
+
var MenuIcon = Component$1t;
|
|
1716
1750
|
|
|
1717
1751
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
1718
1752
|
|
|
1719
|
-
var Component$
|
|
1753
|
+
var Component$1s = function (_a) {
|
|
1720
1754
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
1721
1755
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
1722
1756
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -1737,16 +1771,16 @@ var Component$1o = function (_a) {
|
|
|
1737
1771
|
React.createElement(Divider, null),
|
|
1738
1772
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
1739
1773
|
};
|
|
1740
|
-
var ListMenuIcons = Component$
|
|
1774
|
+
var ListMenuIcons = Component$1s;
|
|
1741
1775
|
|
|
1742
|
-
var Component$
|
|
1776
|
+
var Component$1r = function (_a) {
|
|
1743
1777
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
1744
1778
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
1745
1779
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
1746
1780
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
1747
1781
|
})));
|
|
1748
1782
|
};
|
|
1749
|
-
var ListMenuItems = Component$
|
|
1783
|
+
var ListMenuItems = Component$1r;
|
|
1750
1784
|
|
|
1751
1785
|
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"};
|
|
1752
1786
|
|
|
@@ -1789,16 +1823,16 @@ var MagnetoResolution = function (_a) {
|
|
|
1789
1823
|
React.createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
1790
1824
|
};
|
|
1791
1825
|
|
|
1792
|
-
var styles$
|
|
1826
|
+
var styles$1q = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1793
1827
|
|
|
1794
1828
|
var Image = function (_a) {
|
|
1795
1829
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1796
1830
|
return (React.createElement(React.Fragment, null,
|
|
1797
1831
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1798
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1832
|
+
playIcon && React.createElement("div", { className: styles$1q['magneto-ui-play-button'] }, playIcon)));
|
|
1799
1833
|
};
|
|
1800
1834
|
|
|
1801
|
-
var styles$
|
|
1835
|
+
var styles$1p = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_198ar","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_198ar","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_198ar","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_198ar","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_198ar","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_198ar"};
|
|
1802
1836
|
|
|
1803
1837
|
var MegaMenuCard = function (_a) {
|
|
1804
1838
|
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;
|
|
@@ -1808,23 +1842,23 @@ var MegaMenuCard = function (_a) {
|
|
|
1808
1842
|
onClick();
|
|
1809
1843
|
}
|
|
1810
1844
|
}, [onClick]);
|
|
1811
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1812
|
-
icon && (React.createElement("div", { className: styles$
|
|
1845
|
+
return (React.createElement("a", { className: "".concat(styles$1p["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1846
|
+
icon && (React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__icon"] },
|
|
1813
1847
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1814
|
-
logo && (React.createElement("div", { className: styles$
|
|
1815
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1816
|
-
React.createElement("div", { className: styles$
|
|
1817
|
-
React.createElement("div", { className: styles$
|
|
1818
|
-
React.createElement("div", { className: styles$
|
|
1819
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1848
|
+
logo && (React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__logo"] },
|
|
1849
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1p["magneto-ui-mega-menu-card__logo"] }))),
|
|
1850
|
+
React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__content"] },
|
|
1851
|
+
React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__title"] }, title),
|
|
1852
|
+
React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
|
|
1853
|
+
showRigthArrow && (React.createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__arrow"] },
|
|
1820
1854
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1821
1855
|
};
|
|
1822
1856
|
|
|
1823
1857
|
var style$E = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_11ld6","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_11ld6","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_11ld6","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_11ld6"};
|
|
1824
1858
|
|
|
1825
|
-
var styles$
|
|
1859
|
+
var styles$1o = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1826
1860
|
|
|
1827
|
-
var Component$
|
|
1861
|
+
var Component$1q = function (_a) {
|
|
1828
1862
|
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;
|
|
1829
1863
|
var handleClick = useCallback(function (event) {
|
|
1830
1864
|
if (onClick) {
|
|
@@ -1832,15 +1866,15 @@ var Component$1m = function (_a) {
|
|
|
1832
1866
|
onClick();
|
|
1833
1867
|
}
|
|
1834
1868
|
}, [onClick]);
|
|
1835
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
1836
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1837
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1838
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1869
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1o['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1870
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1o['button-link__icon'] })),
|
|
1871
|
+
buttonText && React.createElement("p", { className: styles$1o['button-link__text'] }, buttonText),
|
|
1872
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1o['button-link__icon'] }))));
|
|
1839
1873
|
};
|
|
1840
1874
|
/**
|
|
1841
1875
|
* UI Atom Component of Save Button
|
|
1842
1876
|
*/
|
|
1843
|
-
var ButtonLink = Component$
|
|
1877
|
+
var ButtonLink = Component$1q;
|
|
1844
1878
|
|
|
1845
1879
|
var MegaMenuCards = function (_a) {
|
|
1846
1880
|
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
|
|
@@ -1910,7 +1944,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
1910
1944
|
React.createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__content"]) }, content)));
|
|
1911
1945
|
};
|
|
1912
1946
|
|
|
1913
|
-
var styles$
|
|
1947
|
+
var styles$1n = {"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"};
|
|
1914
1948
|
|
|
1915
1949
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
1916
1950
|
var MegaMenuPopover = function (_a) {
|
|
@@ -1929,27 +1963,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
1929
1963
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
1930
1964
|
}, [showContent]);
|
|
1931
1965
|
return (React.createElement(React.Fragment, null,
|
|
1932
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
1933
|
-
React.createElement("p", { className: "".concat(styles$
|
|
1934
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
1935
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1936
|
-
React.createElement("div", { className: styles$
|
|
1937
|
-
React.createElement("div", { className: styles$
|
|
1966
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1n["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
1967
|
+
React.createElement("p", { className: "".concat(styles$1n["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
1968
|
+
React.createElement(IconItem, { className: "".concat(styles$1n["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1n["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
1969
|
+
React.createElement("div", { className: "".concat(styles$1n["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1n["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
1970
|
+
React.createElement("div", { className: styles$1n["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
1971
|
+
React.createElement("div", { className: styles$1n["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
1938
1972
|
event.stopPropagation();
|
|
1939
1973
|
} }, children))));
|
|
1940
1974
|
};
|
|
1941
1975
|
|
|
1942
|
-
var styles$
|
|
1976
|
+
var styles$1m = {"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"};
|
|
1943
1977
|
|
|
1944
1978
|
var MenuSearch = function (_a) {
|
|
1945
1979
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
1946
1980
|
var onBlur = useCallback(function () {
|
|
1947
1981
|
handleOnBlur && handleOnBlur();
|
|
1948
1982
|
}, [handleOnBlur]);
|
|
1949
|
-
return (React.createElement("div", { className: styles$
|
|
1950
|
-
React.createElement("div", { className: styles$
|
|
1983
|
+
return (React.createElement("div", { className: styles$1m['magneto-ui-menu-search'], onBlur: onBlur },
|
|
1984
|
+
React.createElement("div", { className: styles$1m['magneto-ui-menu-search_container'] },
|
|
1951
1985
|
children,
|
|
1952
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1986
|
+
React.createElement("div", { className: "".concat(styles$1m['magneto-ui-menu-search_content'], " ").concat(show && styles$1m.open) }, content))));
|
|
1953
1987
|
};
|
|
1954
1988
|
|
|
1955
1989
|
var initialState = {
|
|
@@ -1964,7 +1998,7 @@ var iconByType = {
|
|
|
1964
1998
|
error: Error
|
|
1965
1999
|
};
|
|
1966
2000
|
|
|
1967
|
-
var styles$
|
|
2001
|
+
var styles$1l = {"container":"mg_message_container_ccx0d","show":"mg_message_show_ccx0d","fadeIn":"mg_message_fadeIn_ccx0d","fadeOut":"mg_message_fadeOut_ccx0d","icon":"mg_message_icon_ccx0d"};
|
|
1968
2002
|
|
|
1969
2003
|
var Message = function (props) {
|
|
1970
2004
|
var _a = useState(__assign(__assign({}, initialState), props)), _b = _a[0], text = _b.text, _c = _b.type, type = _c === void 0 ? 'info' : _c, _d = _b.duration, duration = _d === void 0 ? 3000 : _d, setContent = _a[1];
|
|
@@ -1979,8 +2013,8 @@ var Message = function (props) {
|
|
|
1979
2013
|
messageRef.current.style.setProperty('--default-duration', exitDuration);
|
|
1980
2014
|
}, [duration]);
|
|
1981
2015
|
return (React.createElement(Fragment, null, text &&
|
|
1982
|
-
ReactDOM.createPortal(React.createElement("div", { ref: messageRef, className: "".concat(styles$
|
|
1983
|
-
React.createElement("img", { src: iconByType[type], className: styles$
|
|
2016
|
+
ReactDOM.createPortal(React.createElement("div", { ref: messageRef, className: "".concat(styles$1l.container, " ").concat(styles$1l.show) },
|
|
2017
|
+
React.createElement("img", { src: iconByType[type], className: styles$1l.icon, alt: type }),
|
|
1984
2018
|
text), document.body)));
|
|
1985
2019
|
};
|
|
1986
2020
|
var message = function (props) {
|
|
@@ -1998,11 +2032,11 @@ var message = function (props) {
|
|
|
1998
2032
|
setTimeout(function () { return document.body.removeChild(container); }, duration);
|
|
1999
2033
|
};
|
|
2000
2034
|
|
|
2001
|
-
var styles$
|
|
2035
|
+
var styles$1k = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2002
2036
|
|
|
2003
|
-
var Component$
|
|
2037
|
+
var Component$1p = function (_a) {
|
|
2004
2038
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2005
|
-
return (React.createElement("div", { className: styles$
|
|
2039
|
+
return (React.createElement("div", { className: styles$1k['magneto-ui-mobile-job-details-header'] },
|
|
2006
2040
|
React.createElement("button", { onClick: onClick },
|
|
2007
2041
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2008
2042
|
React.createElement("p", null, returnText)));
|
|
@@ -2010,11 +2044,11 @@ var Component$1l = function (_a) {
|
|
|
2010
2044
|
/**
|
|
2011
2045
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2012
2046
|
*/
|
|
2013
|
-
var MobileJobDetailsHeader = Component$
|
|
2047
|
+
var MobileJobDetailsHeader = Component$1p;
|
|
2014
2048
|
|
|
2015
|
-
var styles$
|
|
2049
|
+
var styles$1j = {"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"};
|
|
2016
2050
|
|
|
2017
|
-
var Component$
|
|
2051
|
+
var Component$1o = function (_a) {
|
|
2018
2052
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2019
2053
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2020
2054
|
var searchInputRef = useRef(null);
|
|
@@ -2036,20 +2070,20 @@ var Component$1k = function (_a) {
|
|
|
2036
2070
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2037
2071
|
}
|
|
2038
2072
|
}, [focusSearchInput]);
|
|
2039
|
-
return (React.createElement("div", { className: styles$
|
|
2073
|
+
return (React.createElement("div", { className: styles$1j.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2040
2074
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2041
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2042
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2075
|
+
searchValue && React.createElement("div", { className: styles$1j['search-badge'] }),
|
|
2076
|
+
React.createElement(MainButton, __assign({ className: styles$1j['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2043
2077
|
React.createElement("label", { htmlFor: "search" }),
|
|
2044
2078
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2045
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2079
|
+
React.createElement(MainButton, __assign({ className: styles$1j['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2046
2080
|
};
|
|
2047
2081
|
/**
|
|
2048
2082
|
* Molecule UI component for MobileSearchbar
|
|
2049
2083
|
*/
|
|
2050
|
-
var MobileSearchbar = Component$
|
|
2084
|
+
var MobileSearchbar = Component$1o;
|
|
2051
2085
|
|
|
2052
|
-
var styles$
|
|
2086
|
+
var styles$1i = {"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"};
|
|
2053
2087
|
|
|
2054
2088
|
var Modal = function (_a) {
|
|
2055
2089
|
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;
|
|
@@ -2062,40 +2096,40 @@ var Modal = function (_a) {
|
|
|
2062
2096
|
if (!isOpen)
|
|
2063
2097
|
return null;
|
|
2064
2098
|
return (React.createElement(Fragment, null,
|
|
2065
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2066
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2067
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2099
|
+
React.createElement("div", { className: "".concat(styles$1i["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2100
|
+
title ? React.createElement("h2", { className: "".concat(styles$1i["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2101
|
+
description ? React.createElement("p", { className: "".concat(styles$1i["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2068
2102
|
children,
|
|
2069
|
-
React.createElement("button", { className: "".concat(styles$
|
|
2103
|
+
React.createElement("button", { className: "".concat(styles$1i["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2070
2104
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2071
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2105
|
+
React.createElement("span", { className: "".concat(styles$1i["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2072
2106
|
};
|
|
2073
2107
|
var Title = function (_a) {
|
|
2074
2108
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2075
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2109
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1i["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2076
2110
|
};
|
|
2077
2111
|
var Description = function (_a) {
|
|
2078
2112
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2079
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2113
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1i["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2080
2114
|
};
|
|
2081
2115
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2082
2116
|
|
|
2083
|
-
var styles$
|
|
2117
|
+
var styles$1h = {"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"};
|
|
2084
2118
|
|
|
2085
2119
|
var BtnPagination = function (_a) {
|
|
2086
2120
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2087
2121
|
var displayContent = useMemo(function () {
|
|
2088
2122
|
if (loading && value && current === value)
|
|
2089
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2123
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1h['magneto-ui-btn-pagination_spinner'] });
|
|
2090
2124
|
return value;
|
|
2091
2125
|
}, [loading, current, value]);
|
|
2092
2126
|
var pageQueryParam = 'paginator[page]=';
|
|
2093
2127
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2094
2128
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2095
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2096
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2129
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1h['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2130
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1h['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1h['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1h['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1h['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2097
2131
|
displayContent,
|
|
2098
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2132
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1h['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1h['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1h['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1h['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2099
2133
|
displayContent,
|
|
2100
2134
|
displayIcon))));
|
|
2101
2135
|
};
|
|
@@ -2146,7 +2180,7 @@ var createPagination = function (_a) {
|
|
|
2146
2180
|
};
|
|
2147
2181
|
};
|
|
2148
2182
|
|
|
2149
|
-
var styles$
|
|
2183
|
+
var styles$1g = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2150
2184
|
|
|
2151
2185
|
var Pagination = function (_a) {
|
|
2152
2186
|
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;
|
|
@@ -2165,16 +2199,16 @@ var Pagination = function (_a) {
|
|
|
2165
2199
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2166
2200
|
if (total <= pageSize)
|
|
2167
2201
|
return React.createElement(Fragment, null);
|
|
2168
|
-
return (React.createElement("div", { className: styles$
|
|
2202
|
+
return (React.createElement("div", { className: styles$1g['magneto-ui-pagination'] },
|
|
2169
2203
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2170
2204
|
React.createElement("ul", null,
|
|
2171
2205
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2172
2206
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2173
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2207
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1g['magneto-ui-pagination_ellipsis'] }))),
|
|
2174
2208
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2175
2209
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2176
2210
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2177
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2211
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1g['magneto-ui-pagination_ellipsis'] }),
|
|
2178
2212
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2179
2213
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2180
2214
|
};
|
|
@@ -2194,9 +2228,9 @@ var generateID = function () {
|
|
|
2194
2228
|
return uniqueID;
|
|
2195
2229
|
};
|
|
2196
2230
|
|
|
2197
|
-
var styles$
|
|
2231
|
+
var styles$1f = {"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"};
|
|
2198
2232
|
|
|
2199
|
-
var Component$
|
|
2233
|
+
var Component$1n = function (_a) {
|
|
2200
2234
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2201
2235
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2202
2236
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2224,19 +2258,19 @@ var Component$1j = function (_a) {
|
|
|
2224
2258
|
}
|
|
2225
2259
|
return { backgroundColor: '#c4c4c4' };
|
|
2226
2260
|
}, [color, score, spanHover]);
|
|
2227
|
-
return (React.createElement("div", { className: styles$
|
|
2261
|
+
return (React.createElement("div", { className: styles$1f['magneto-ui-score-level'] },
|
|
2228
2262
|
React.createElement("p", null, name),
|
|
2229
|
-
React.createElement("div", { className: styles$
|
|
2263
|
+
React.createElement("div", { className: styles$1f['magneto-ui-score-level__summary'] },
|
|
2230
2264
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2231
2265
|
React.createElement("p", null, labelScore)),
|
|
2232
|
-
React.createElement("button", { className: styles$
|
|
2266
|
+
React.createElement("button", { className: styles$1f['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2233
2267
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2234
2268
|
};
|
|
2235
|
-
var ScoreLevel = Component$
|
|
2269
|
+
var ScoreLevel = Component$1n;
|
|
2236
2270
|
|
|
2237
|
-
var styles$
|
|
2271
|
+
var styles$1e = {"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"};
|
|
2238
2272
|
|
|
2239
|
-
var Component$
|
|
2273
|
+
var Component$1m = function (_a) {
|
|
2240
2274
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2241
2275
|
var labelScore = useMemo(function () {
|
|
2242
2276
|
return levels[scoreValue - 1];
|
|
@@ -2251,17 +2285,17 @@ var Component$1i = function (_a) {
|
|
|
2251
2285
|
}
|
|
2252
2286
|
return { backgroundColor: '#c4c4c4' };
|
|
2253
2287
|
}, [color, scoreValue]);
|
|
2254
|
-
return (React.createElement("div", { className: styles$
|
|
2288
|
+
return (React.createElement("div", { className: styles$1e['magneto-ui-score-level'] },
|
|
2255
2289
|
React.createElement("p", null, name),
|
|
2256
|
-
React.createElement("div", { className: styles$
|
|
2290
|
+
React.createElement("div", { className: styles$1e['magneto-ui-score-level__summary'] },
|
|
2257
2291
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2258
2292
|
React.createElement("p", null, labelScore))));
|
|
2259
2293
|
};
|
|
2260
|
-
var ScoreLevelStatic = Component$
|
|
2294
|
+
var ScoreLevelStatic = Component$1m;
|
|
2261
2295
|
|
|
2262
|
-
var styles$
|
|
2296
|
+
var styles$1d = {"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"};
|
|
2263
2297
|
|
|
2264
|
-
var Component$
|
|
2298
|
+
var Component$1l = function (_a) {
|
|
2265
2299
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2266
2300
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2267
2301
|
useEffect(function () {
|
|
@@ -2277,32 +2311,32 @@ var Component$1h = function (_a) {
|
|
|
2277
2311
|
setSearchValue('');
|
|
2278
2312
|
onSearch('');
|
|
2279
2313
|
};
|
|
2280
|
-
return (React.createElement("div", { className: styles$
|
|
2314
|
+
return (React.createElement("div", { className: styles$1d.SearchbarComponent },
|
|
2281
2315
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2282
2316
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2283
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2284
|
-
React.createElement("div", { className: styles$
|
|
2317
|
+
searchValue && React.createElement("div", { className: styles$1d['SearchbarComponent__badge'] }),
|
|
2318
|
+
React.createElement("div", { className: styles$1d['magneto-ui-searchbar-buttons'] },
|
|
2285
2319
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2286
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2320
|
+
React.createElement(MainButton, __assign({ className: styles$1d['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2287
2321
|
React.createElement("span", null, "|"))),
|
|
2288
2322
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2289
2323
|
};
|
|
2290
2324
|
/**
|
|
2291
2325
|
* UI Molecule of a searchbar
|
|
2292
2326
|
*/
|
|
2293
|
-
var Searchbar = Component$
|
|
2327
|
+
var Searchbar = Component$1l;
|
|
2294
2328
|
|
|
2295
|
-
var styles$
|
|
2329
|
+
var styles$1c = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2296
2330
|
|
|
2297
|
-
var Component$
|
|
2331
|
+
var Component$1k = function (_a) {
|
|
2298
2332
|
var props = __rest(_a, []);
|
|
2299
|
-
return (React.createElement("div", { className: styles$
|
|
2300
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2333
|
+
return (React.createElement("div", { className: styles$1c['search-button'] },
|
|
2334
|
+
props.searchValue && React.createElement("div", { className: styles$1c['search-button__badge'] }),
|
|
2301
2335
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2302
2336
|
};
|
|
2303
|
-
var SearchButton = Component$
|
|
2337
|
+
var SearchButton = Component$1k;
|
|
2304
2338
|
|
|
2305
|
-
var styles$
|
|
2339
|
+
var styles$1b = {"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"};
|
|
2306
2340
|
|
|
2307
2341
|
var SimilarJobsCard = function (_a) {
|
|
2308
2342
|
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;
|
|
@@ -2312,12 +2346,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2312
2346
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2313
2347
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2314
2348
|
}, [cities, salary, experience]);
|
|
2315
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2316
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2349
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2350
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2317
2351
|
React.createElement("div", null,
|
|
2318
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2319
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2320
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2352
|
+
React.createElement("p", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2353
|
+
React.createElement("p", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2354
|
+
React.createElement(IconItem, { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2321
2355
|
};
|
|
2322
2356
|
|
|
2323
2357
|
var style$B = {"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"};
|
|
@@ -2339,7 +2373,7 @@ var SortMenu = function (_a) {
|
|
|
2339
2373
|
};
|
|
2340
2374
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2341
2375
|
|
|
2342
|
-
var styles$
|
|
2376
|
+
var styles$1a = {"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"};
|
|
2343
2377
|
|
|
2344
2378
|
var TextArea = function (_a) {
|
|
2345
2379
|
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"]);
|
|
@@ -2365,15 +2399,15 @@ var TextArea = function (_a) {
|
|
|
2365
2399
|
return;
|
|
2366
2400
|
setShowPlaceholder(scrollTop === 0);
|
|
2367
2401
|
}, [showPlaceholder]);
|
|
2368
|
-
return (React.createElement("div", { className: styles$
|
|
2369
|
-
React.createElement("div", { className: styles$
|
|
2402
|
+
return (React.createElement("div", { className: styles$1a["".concat(classMUI, "-text-area")] },
|
|
2403
|
+
React.createElement("div", { className: styles$1a["".concat(classMUI, "-text-area--container")] },
|
|
2370
2404
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2371
2405
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2372
2406
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2373
|
-
}, className: styles$
|
|
2374
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2375
|
-
React.createElement("div", { className: styles$
|
|
2376
|
-
React.createElement("span", { className: styles$
|
|
2407
|
+
}, className: styles$1a["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2408
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1a["".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 }))),
|
|
2409
|
+
React.createElement("div", { className: styles$1a["".concat(classMUI, "-text-area__footer")] },
|
|
2410
|
+
React.createElement("span", { className: styles$1a["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2377
2411
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2378
2412
|
};
|
|
2379
2413
|
|
|
@@ -2384,7 +2418,7 @@ var timelineIcons = {
|
|
|
2384
2418
|
current: Clock,
|
|
2385
2419
|
blocked: Lock
|
|
2386
2420
|
};
|
|
2387
|
-
var Component$
|
|
2421
|
+
var Component$1j = function (_a) {
|
|
2388
2422
|
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;
|
|
2389
2423
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2390
2424
|
var titleStyle = style$A["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2397,24 +2431,24 @@ var Component$1f = function (_a) {
|
|
|
2397
2431
|
React.createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2398
2432
|
React.createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2399
2433
|
};
|
|
2400
|
-
var TimelineEvent = Component$
|
|
2434
|
+
var TimelineEvent = Component$1j;
|
|
2401
2435
|
|
|
2402
|
-
var styles$
|
|
2436
|
+
var styles$19 = {"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"};
|
|
2403
2437
|
|
|
2404
2438
|
var Tooltip = function (_a) {
|
|
2405
2439
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c;
|
|
2406
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2407
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2440
|
+
return (React.createElement("div", { className: "".concat(styles$19['tooltip-container'], " ").concat(styles$19["tooltip-".concat(position)]) },
|
|
2441
|
+
React.createElement("div", { className: "".concat(styles$19['tooltip'], " ").concat(styles$19["tooltip-".concat(position)]) },
|
|
2408
2442
|
children,
|
|
2409
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2443
|
+
React.createElement("span", { className: "".concat(styles$19['tooltip-text'], " ").concat(styles$19["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2410
2444
|
};
|
|
2411
2445
|
|
|
2412
|
-
var Component$
|
|
2446
|
+
var Component$1i = function (_a) {
|
|
2413
2447
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2414
2448
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2415
2449
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2416
2450
|
};
|
|
2417
|
-
var UserMenu = withClickOut(Component$
|
|
2451
|
+
var UserMenu = withClickOut(Component$1i);
|
|
2418
2452
|
|
|
2419
2453
|
var userMenuAnalystIcons = {
|
|
2420
2454
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2426,11 +2460,11 @@ var userMenuAnalystIcons = {
|
|
|
2426
2460
|
redo: RedoDarkBlue
|
|
2427
2461
|
};
|
|
2428
2462
|
|
|
2429
|
-
var styles$
|
|
2463
|
+
var styles$18 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
2430
2464
|
|
|
2431
|
-
var styles$
|
|
2465
|
+
var styles$17 = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
2432
2466
|
|
|
2433
|
-
var Component$
|
|
2467
|
+
var Component$1h = function (_a) {
|
|
2434
2468
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2435
2469
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2436
2470
|
var handleOnClick = useCallback(function () {
|
|
@@ -2443,12 +2477,12 @@ var Component$1d = function (_a) {
|
|
|
2443
2477
|
}
|
|
2444
2478
|
}, [handleModal, handleMenuOpen, option]);
|
|
2445
2479
|
return (React.createElement("span", { className: CNM.get({
|
|
2446
|
-
styles: styles$
|
|
2480
|
+
styles: styles$17,
|
|
2447
2481
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2448
2482
|
}) },
|
|
2449
2483
|
prefix,
|
|
2450
2484
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
2451
|
-
styles: styles$
|
|
2485
|
+
styles: styles$17,
|
|
2452
2486
|
cls: ['user-menu-analyst-option-default__container']
|
|
2453
2487
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
2454
2488
|
suffix));
|
|
@@ -2456,31 +2490,31 @@ var Component$1d = function (_a) {
|
|
|
2456
2490
|
/**
|
|
2457
2491
|
* Molecule UI great-grand child component of menu dropdown
|
|
2458
2492
|
*/
|
|
2459
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2493
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1h);
|
|
2460
2494
|
|
|
2461
|
-
var styles$
|
|
2495
|
+
var styles$16 = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
2462
2496
|
|
|
2463
|
-
var Component$
|
|
2497
|
+
var Component$1g = function (_a) {
|
|
2464
2498
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2465
2499
|
return (React.createElement("span", { className: CNM.get({
|
|
2466
|
-
styles: styles$
|
|
2500
|
+
styles: styles$16,
|
|
2467
2501
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2468
2502
|
}) },
|
|
2469
2503
|
prefix,
|
|
2470
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2504
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2471
2505
|
suffix));
|
|
2472
2506
|
};
|
|
2473
2507
|
/**
|
|
2474
2508
|
* Molecule UI great-grand child component of menu dropdown
|
|
2475
2509
|
*/
|
|
2476
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2510
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1g);
|
|
2477
2511
|
|
|
2478
|
-
var styles
|
|
2512
|
+
var styles$15 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2479
2513
|
|
|
2480
|
-
var Component$
|
|
2514
|
+
var Component$1f = function (_a) {
|
|
2481
2515
|
var option = _a.option, className = _a.className;
|
|
2482
2516
|
return (React.createElement("span", { className: CNM.get({
|
|
2483
|
-
styles: styles
|
|
2517
|
+
styles: styles$15,
|
|
2484
2518
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2485
2519
|
}) },
|
|
2486
2520
|
React.createElement("p", null, option.title)));
|
|
@@ -2488,9 +2522,9 @@ var Component$1b = function (_a) {
|
|
|
2488
2522
|
/**
|
|
2489
2523
|
* Molecule UI great-grand child component of menu dropdown
|
|
2490
2524
|
*/
|
|
2491
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2525
|
+
var UserMenuAnalystOptionText = React.memo(Component$1f);
|
|
2492
2526
|
|
|
2493
|
-
var Component$
|
|
2527
|
+
var Component$1e = function (_a) {
|
|
2494
2528
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2495
2529
|
return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2496
2530
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2510,7 +2544,7 @@ var Action = function (_a) {
|
|
|
2510
2544
|
/**
|
|
2511
2545
|
* Molecule UI great-grand child component of menu dropdown
|
|
2512
2546
|
*/
|
|
2513
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
2547
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1e);
|
|
2514
2548
|
|
|
2515
2549
|
var EUserMenuAnalystOptionType;
|
|
2516
2550
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -2536,28 +2570,28 @@ var optionTypes = (_b = {},
|
|
|
2536
2570
|
_b);
|
|
2537
2571
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
2538
2572
|
|
|
2539
|
-
var styles$
|
|
2573
|
+
var styles$14 = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
2540
2574
|
|
|
2541
|
-
var Component$
|
|
2575
|
+
var Component$1d = function (_a) {
|
|
2542
2576
|
var subTitle = _a.subTitle, title = _a.title;
|
|
2543
2577
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
2544
2578
|
return (React.createElement("div", null,
|
|
2545
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2579
|
+
React.createElement("span", { className: CNM.get({ styles: styles$14, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
2546
2580
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
2547
2581
|
React.createElement("span", { className: CNM.get({
|
|
2548
|
-
styles: styles$
|
|
2582
|
+
styles: styles$14,
|
|
2549
2583
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
2550
2584
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
2551
2585
|
React.createElement("span", { className: CNM.get({
|
|
2552
|
-
styles: styles$
|
|
2586
|
+
styles: styles$14,
|
|
2553
2587
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
2554
2588
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
2555
2589
|
};
|
|
2556
|
-
var UserMenuAnalystTitle = Component$
|
|
2590
|
+
var UserMenuAnalystTitle = Component$1d;
|
|
2557
2591
|
|
|
2558
|
-
var styles$
|
|
2592
|
+
var styles$13 = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
2559
2593
|
|
|
2560
|
-
var Component$
|
|
2594
|
+
var Component$1c = function (_a) {
|
|
2561
2595
|
var _b;
|
|
2562
2596
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
2563
2597
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -2583,13 +2617,13 @@ var Component$18 = function (_a) {
|
|
|
2583
2617
|
var OptionType = getOptionType(option.type);
|
|
2584
2618
|
if (!OptionType)
|
|
2585
2619
|
return null;
|
|
2586
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2587
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
2620
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__object'] }) },
|
|
2621
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$13, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
2588
2622
|
}
|
|
2589
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
2623
|
+
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
2590
2624
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
2591
2625
|
}, className: CNM.get({
|
|
2592
|
-
styles: styles$
|
|
2626
|
+
styles: styles$13,
|
|
2593
2627
|
cls: [
|
|
2594
2628
|
'user-menu-analyst-option__dropdown',
|
|
2595
2629
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -2598,8 +2632,8 @@ var Component$18 = function (_a) {
|
|
|
2598
2632
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
2599
2633
|
var _a;
|
|
2600
2634
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
2601
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2602
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
2635
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
2636
|
+
_a.map(function (child, j) { return (React.createElement(Component$1c, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
2603
2637
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
2604
2638
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
2605
2639
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -2608,27 +2642,27 @@ var Component$18 = function (_a) {
|
|
|
2608
2642
|
/**
|
|
2609
2643
|
* Molecule UI grand child component of menu dropdown
|
|
2610
2644
|
*/
|
|
2611
|
-
var UserMenuAnalystOption = Component$
|
|
2645
|
+
var UserMenuAnalystOption = Component$1c;
|
|
2612
2646
|
|
|
2613
|
-
var Component$
|
|
2647
|
+
var Component$1b = function (_a) {
|
|
2614
2648
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
2615
2649
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
2616
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2650
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
2617
2651
|
var _a;
|
|
2618
2652
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
2619
2653
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
2620
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2654
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-options__divider'] }) },
|
|
2621
2655
|
React.createElement(Divider, null)))));
|
|
2622
2656
|
})));
|
|
2623
2657
|
};
|
|
2624
2658
|
/**
|
|
2625
2659
|
* Molecule UI child component of user menu analyst
|
|
2626
2660
|
*/
|
|
2627
|
-
var UserMenuAnalystOptions = Component$
|
|
2661
|
+
var UserMenuAnalystOptions = Component$1b;
|
|
2628
2662
|
|
|
2629
|
-
var styles$
|
|
2663
|
+
var styles$12 = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
2630
2664
|
|
|
2631
|
-
var Component$
|
|
2665
|
+
var Component$1a = function (_a) {
|
|
2632
2666
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
2633
2667
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
2634
2668
|
var actionUrl = useMemo(function () {
|
|
@@ -2646,29 +2680,29 @@ var Component$16 = function (_a) {
|
|
|
2646
2680
|
: action.data;
|
|
2647
2681
|
}
|
|
2648
2682
|
}, [action, queryString]);
|
|
2649
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2650
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
2651
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2683
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst'] }) },
|
|
2684
|
+
React.createElement("header", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__header'] }) },
|
|
2685
|
+
React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user'] }) },
|
|
2652
2686
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
2653
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2654
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2655
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2656
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2687
|
+
React.createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info'] }) },
|
|
2688
|
+
React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
2689
|
+
React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
2690
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
2657
2691
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
2658
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2692
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
2659
2693
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
2660
|
-
styles: styles$
|
|
2694
|
+
styles: styles$12,
|
|
2661
2695
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
2662
2696
|
}), optionClassNames: {
|
|
2663
|
-
link: CNM.get({ styles: styles$
|
|
2664
|
-
dropdown: CNM.get({ styles: styles$
|
|
2697
|
+
link: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__company-link'] }),
|
|
2698
|
+
dropdown: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__company-dropdown'] })
|
|
2665
2699
|
} }))),
|
|
2666
2700
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
2667
2701
|
};
|
|
2668
2702
|
/**
|
|
2669
2703
|
* Molecule UI component for user menu
|
|
2670
2704
|
*/
|
|
2671
|
-
var UserMenuAnalyst = Component$
|
|
2705
|
+
var UserMenuAnalyst = Component$1a;
|
|
2672
2706
|
|
|
2673
2707
|
var style$z = {"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"};
|
|
2674
2708
|
|
|
@@ -2687,48 +2721,48 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2687
2721
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$z["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2688
2722
|
};
|
|
2689
2723
|
|
|
2690
|
-
var styles$
|
|
2724
|
+
var styles$11 = {"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"};
|
|
2691
2725
|
|
|
2692
2726
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
2693
2727
|
var Component = function (_a) {
|
|
2694
2728
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
2695
|
-
return (React.createElement("div", { className: styles$
|
|
2696
|
-
React.createElement("div", { className: styles$
|
|
2729
|
+
return (React.createElement("div", { className: styles$11['mega-menu-side-container'] },
|
|
2730
|
+
React.createElement("div", { className: styles$11['mega-menu-side-container__side'] },
|
|
2697
2731
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
2698
|
-
React.createElement("div", { className: styles$
|
|
2732
|
+
React.createElement("div", { className: styles$11['mega-menu-side-container__main'] },
|
|
2699
2733
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
2700
2734
|
};
|
|
2701
2735
|
return Component;
|
|
2702
2736
|
};
|
|
2703
2737
|
|
|
2704
|
-
var styles$
|
|
2738
|
+
var styles$10 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
2705
2739
|
|
|
2706
|
-
var Component$
|
|
2740
|
+
var Component$19 = function (_a) {
|
|
2707
2741
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
2708
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2742
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$10, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
2709
2743
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
2710
2744
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2711
2745
|
};
|
|
2712
2746
|
/**
|
|
2713
2747
|
* Molecule UI child component of user menu analyst wrapper
|
|
2714
2748
|
*/
|
|
2715
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
2749
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$19);
|
|
2716
2750
|
|
|
2717
|
-
var styles
|
|
2751
|
+
var styles$$ = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
2718
2752
|
|
|
2719
|
-
var Component$
|
|
2753
|
+
var Component$18 = function (_a) {
|
|
2720
2754
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
2721
2755
|
return (React.createElement(React.Fragment, null,
|
|
2722
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles
|
|
2756
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$$, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
2723
2757
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
2724
2758
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
2725
2759
|
};
|
|
2726
2760
|
/**
|
|
2727
2761
|
* Molecule UI child component of user menu analyst wrapper
|
|
2728
2762
|
*/
|
|
2729
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
2763
|
+
var UserMenuWrapperAnalystModal = Component$18;
|
|
2730
2764
|
|
|
2731
|
-
var Component$
|
|
2765
|
+
var Component$17 = function (_a) {
|
|
2732
2766
|
var props = __rest(_a, []);
|
|
2733
2767
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
2734
2768
|
useEffect(function () {
|
|
@@ -2750,37 +2784,37 @@ var Component$13 = function (_a) {
|
|
|
2750
2784
|
/**
|
|
2751
2785
|
* Molecule UI component for user menu wrapper analyst
|
|
2752
2786
|
*/
|
|
2753
|
-
var UserMenuWrapperAnalyst = Component$
|
|
2787
|
+
var UserMenuWrapperAnalyst = Component$17;
|
|
2754
2788
|
|
|
2755
|
-
var Component$
|
|
2789
|
+
var Component$16 = function (_a) {
|
|
2756
2790
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
2757
2791
|
var component = useMemo(function () {
|
|
2758
2792
|
var _a, _b, _c;
|
|
2759
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2793
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container'] }) },
|
|
2760
2794
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
2761
2795
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
2762
2796
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
2763
2797
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
2764
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
2765
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
2798
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
2799
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
2766
2800
|
});
|
|
2767
2801
|
return container;
|
|
2768
2802
|
};
|
|
2769
2803
|
/**
|
|
2770
2804
|
* Molecule UI child component of modal analyst
|
|
2771
2805
|
*/
|
|
2772
|
-
var ModalAnalystContainer = Component$
|
|
2806
|
+
var ModalAnalystContainer = Component$16;
|
|
2773
2807
|
|
|
2774
|
-
var Component$
|
|
2808
|
+
var Component$15 = function (_a) {
|
|
2775
2809
|
var content = _a.content;
|
|
2776
2810
|
return React.createElement("div", null, content);
|
|
2777
2811
|
};
|
|
2778
2812
|
/**
|
|
2779
2813
|
* Molecule UI child component of modal analyst
|
|
2780
2814
|
*/
|
|
2781
|
-
var ModalAnalystContent = Component$
|
|
2815
|
+
var ModalAnalystContent = Component$15;
|
|
2782
2816
|
|
|
2783
|
-
var styles$
|
|
2817
|
+
var styles$_ = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
|
|
2784
2818
|
|
|
2785
2819
|
var EModalAnalystActionType;
|
|
2786
2820
|
(function (EModalAnalystActionType) {
|
|
@@ -2805,7 +2839,7 @@ var MODAL_ICONS = {
|
|
|
2805
2839
|
closeCircle: CloseCircle
|
|
2806
2840
|
};
|
|
2807
2841
|
|
|
2808
|
-
var Component$
|
|
2842
|
+
var Component$14 = function (_a) {
|
|
2809
2843
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
2810
2844
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
2811
2845
|
var _c = useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -2843,12 +2877,12 @@ var Component$10 = function (_a) {
|
|
|
2843
2877
|
});
|
|
2844
2878
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
2845
2879
|
return (React.createElement("div", { className: CNM.get({
|
|
2846
|
-
styles: styles$
|
|
2880
|
+
styles: styles$_,
|
|
2847
2881
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
2848
2882
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
2849
2883
|
var _a, _b, _c, _d, _e;
|
|
2850
2884
|
return (React.createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
2851
|
-
styles: styles$
|
|
2885
|
+
styles: styles$_,
|
|
2852
2886
|
cls: [
|
|
2853
2887
|
'modal-analyst-footer__button',
|
|
2854
2888
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -2856,7 +2890,7 @@ var Component$10 = function (_a) {
|
|
|
2856
2890
|
]
|
|
2857
2891
|
}) },
|
|
2858
2892
|
React.createElement("div", { className: CNM.get({
|
|
2859
|
-
styles: styles$
|
|
2893
|
+
styles: styles$_,
|
|
2860
2894
|
cls: [
|
|
2861
2895
|
'modal-analyst-footer__prefix-icon-container',
|
|
2862
2896
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -2864,7 +2898,7 @@ var Component$10 = function (_a) {
|
|
|
2864
2898
|
]
|
|
2865
2899
|
}) },
|
|
2866
2900
|
React.createElement("span", { className: CNM.get({
|
|
2867
|
-
styles: styles$
|
|
2901
|
+
styles: styles$_,
|
|
2868
2902
|
cls: [
|
|
2869
2903
|
'modal-analyst-footer__prefix-loading',
|
|
2870
2904
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -2873,7 +2907,7 @@ var Component$10 = function (_a) {
|
|
|
2873
2907
|
}) },
|
|
2874
2908
|
React.createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
2875
2909
|
React.createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
2876
|
-
styles: styles$
|
|
2910
|
+
styles: styles$_,
|
|
2877
2911
|
cls: [
|
|
2878
2912
|
'modal-analyst-footer__prefix-icon',
|
|
2879
2913
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -2888,13 +2922,13 @@ var Component$10 = function (_a) {
|
|
|
2888
2922
|
/**
|
|
2889
2923
|
* Molecule UI child component of modal analyst
|
|
2890
2924
|
*/
|
|
2891
|
-
var ModalAnalystFooter = Component$
|
|
2925
|
+
var ModalAnalystFooter = Component$14;
|
|
2892
2926
|
|
|
2893
|
-
var styles$
|
|
2927
|
+
var styles$Z = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
2894
2928
|
|
|
2895
|
-
var Component
|
|
2929
|
+
var Component$13 = function (_a) {
|
|
2896
2930
|
var header = _a.header;
|
|
2897
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2931
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$Z, cls: ['modal-analyst-header'] }) },
|
|
2898
2932
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React.createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
2899
2933
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
2900
2934
|
: header.prefixIcon.icon }))),
|
|
@@ -2906,7 +2940,7 @@ var Component$$ = function (_a) {
|
|
|
2906
2940
|
/**
|
|
2907
2941
|
* Molecule UI child component of modal analyst
|
|
2908
2942
|
*/
|
|
2909
|
-
var ModalAnalystHeader = Component
|
|
2943
|
+
var ModalAnalystHeader = Component$13;
|
|
2910
2944
|
|
|
2911
2945
|
var MenuButtonAnalystProps = {
|
|
2912
2946
|
buttonType: 'button',
|
|
@@ -3552,11 +3586,11 @@ var ERenderType;
|
|
|
3552
3586
|
ERenderType["geoPoint"] = "GEO_POINT";
|
|
3553
3587
|
ERenderType["customByCompany"] = "CUSTOM:BY_COMPANY";
|
|
3554
3588
|
})(ERenderType || (ERenderType = {}));
|
|
3555
|
-
var defaultFilter = {
|
|
3589
|
+
var defaultFilter$1 = {
|
|
3556
3590
|
renderType: ERenderType.multiSelect,
|
|
3557
3591
|
values: Array(8).fill({ loading: true })
|
|
3558
3592
|
};
|
|
3559
|
-
var defaultFilters = Array(6).fill(defaultFilter);
|
|
3593
|
+
var defaultFilters = Array(6).fill(defaultFilter$1);
|
|
3560
3594
|
|
|
3561
3595
|
var menuSortButton = {
|
|
3562
3596
|
icon: ArrowDown2,
|
|
@@ -3638,9 +3672,9 @@ var CNM = /** @class */ (function () {
|
|
|
3638
3672
|
return CNM;
|
|
3639
3673
|
}());
|
|
3640
3674
|
|
|
3641
|
-
var styles$
|
|
3675
|
+
var styles$Y = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
3642
3676
|
|
|
3643
|
-
var Component$
|
|
3677
|
+
var Component$12 = function (_a) {
|
|
3644
3678
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
3645
3679
|
var validateCompleted = useCallback(function (value) {
|
|
3646
3680
|
if (!value)
|
|
@@ -3660,27 +3694,27 @@ var Component$_ = function (_a) {
|
|
|
3660
3694
|
var _a;
|
|
3661
3695
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
3662
3696
|
}, [percent, validateCompleted]);
|
|
3663
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3664
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3697
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$Y, cls: [className] }) },
|
|
3698
|
+
React.createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
3665
3699
|
React.createElement("div", { className: CNM.get({
|
|
3666
|
-
styles: styles$
|
|
3700
|
+
styles: styles$Y,
|
|
3667
3701
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
3668
3702
|
}) }))));
|
|
3669
3703
|
};
|
|
3670
3704
|
/**
|
|
3671
3705
|
* UI Atom component of Bar Loader
|
|
3672
3706
|
*/
|
|
3673
|
-
var BarLoader = Component$
|
|
3707
|
+
var BarLoader = Component$12;
|
|
3674
3708
|
|
|
3675
|
-
var styles$
|
|
3709
|
+
var styles$X = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
3676
3710
|
|
|
3677
|
-
var Component$
|
|
3711
|
+
var Component$11 = function (_a) {
|
|
3678
3712
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
3679
3713
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
3680
3714
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
3681
3715
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
3682
3716
|
var haveDetailTitle = detailTitle !== '';
|
|
3683
|
-
var detailTileStyle = detailTitle ? styles$
|
|
3717
|
+
var detailTileStyle = detailTitle ? styles$X['no-transform'] : '';
|
|
3684
3718
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
3685
3719
|
// This removes the base64 from the vacancy breadcrumbs
|
|
3686
3720
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -3692,9 +3726,9 @@ var Component$Z = function (_a) {
|
|
|
3692
3726
|
"/ ",
|
|
3693
3727
|
href)));
|
|
3694
3728
|
}),
|
|
3695
|
-
React.createElement("p", { className: "".concat(styles$
|
|
3729
|
+
React.createElement("p", { className: "".concat(styles$X['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
3696
3730
|
"/ ",
|
|
3697
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
3731
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$X['magneto-ui-bc-active'] : '', " ").concat(styles$X['magneto-ui-bc']), key: i },
|
|
3698
3732
|
i > 0 && '/',
|
|
3699
3733
|
" ",
|
|
3700
3734
|
bc)); })));
|
|
@@ -3710,12 +3744,12 @@ var Component$Z = function (_a) {
|
|
|
3710
3744
|
queryParams,
|
|
3711
3745
|
lastIndexBC
|
|
3712
3746
|
]);
|
|
3713
|
-
return React.createElement("div", { className: styles$
|
|
3747
|
+
return React.createElement("div", { className: styles$X.breadcrumbComponent }, breadCrumbsRender);
|
|
3714
3748
|
};
|
|
3715
3749
|
/**
|
|
3716
3750
|
* Atom UI of breadcrumb
|
|
3717
3751
|
*/
|
|
3718
|
-
var Breadcrumb = Component$
|
|
3752
|
+
var Breadcrumb = Component$11;
|
|
3719
3753
|
|
|
3720
3754
|
var DateArray = /** @class */ (function () {
|
|
3721
3755
|
function DateArray(array) {
|
|
@@ -3770,7 +3804,7 @@ var fixArrayDate = function (array) {
|
|
|
3770
3804
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
3771
3805
|
};
|
|
3772
3806
|
|
|
3773
|
-
var styles$
|
|
3807
|
+
var styles$W = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
3774
3808
|
|
|
3775
3809
|
// placeholder to every input.
|
|
3776
3810
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -3778,7 +3812,7 @@ var stringArraytoDate = function (array) {
|
|
|
3778
3812
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
3779
3813
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
3780
3814
|
};
|
|
3781
|
-
var Component$
|
|
3815
|
+
var Component$10 = function (_a) {
|
|
3782
3816
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
3783
3817
|
// Represent the value of every input field (there are 8 in total).
|
|
3784
3818
|
var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -3881,30 +3915,30 @@ var Component$Y = function (_a) {
|
|
|
3881
3915
|
}
|
|
3882
3916
|
}, []);
|
|
3883
3917
|
return (React.createElement("div", { className: [
|
|
3884
|
-
styles$
|
|
3918
|
+
styles$W['date-input'],
|
|
3885
3919
|
className,
|
|
3886
|
-
fit ? styles$
|
|
3887
|
-
hasError ? styles$
|
|
3920
|
+
fit ? styles$W['date-input--fit'] : '',
|
|
3921
|
+
hasError ? styles$W['date-input--error'] : ''
|
|
3888
3922
|
].join(' ') },
|
|
3889
|
-
React.createElement("div", { className: styles$
|
|
3923
|
+
React.createElement("div", { className: styles$W['date-input__left'], onClick: function () {
|
|
3890
3924
|
var _a;
|
|
3891
3925
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3892
3926
|
} }),
|
|
3893
3927
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
3894
3928
|
[2, 4].includes(index) ? (
|
|
3895
3929
|
// include / separator in date (DD / MM / YYYY)
|
|
3896
|
-
React.createElement("span", { className: [styles$
|
|
3897
|
-
React.createElement("input", { className: styles$
|
|
3898
|
-
React.createElement("div", { className: styles$
|
|
3930
|
+
React.createElement("span", { className: [styles$W['date-input__separator'], value ? styles$W['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
3931
|
+
React.createElement("input", { className: styles$W['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
3932
|
+
React.createElement("div", { className: styles$W['date-input__right'], onClick: function () {
|
|
3899
3933
|
var _a;
|
|
3900
3934
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3901
3935
|
} })));
|
|
3902
3936
|
};
|
|
3903
|
-
var DateInput = Component$
|
|
3937
|
+
var DateInput = Component$10;
|
|
3904
3938
|
|
|
3905
3939
|
var style$y = {"divider":"mg_divider_divider_1vn87"};
|
|
3906
3940
|
|
|
3907
|
-
var Component
|
|
3941
|
+
var Component$$ = function (_a) {
|
|
3908
3942
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
3909
3943
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
3910
3944
|
return React.createElement("div", { style: inlineStyle, className: style$y.divider });
|
|
@@ -3912,21 +3946,21 @@ var Component$X = function (_a) {
|
|
|
3912
3946
|
/**
|
|
3913
3947
|
* Atom UI Divider Component
|
|
3914
3948
|
*/
|
|
3915
|
-
var Divider = Component
|
|
3949
|
+
var Divider = Component$$;
|
|
3916
3950
|
|
|
3917
|
-
var styles$
|
|
3951
|
+
var styles$V = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
|
|
3918
3952
|
|
|
3919
|
-
var Component$
|
|
3953
|
+
var Component$_ = function (_a) {
|
|
3920
3954
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
3921
3955
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
3922
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$
|
|
3923
|
-
React.createElement("p", null, tabText))) : (React.createElement("a", { className: styles$
|
|
3956
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$V.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
3957
|
+
React.createElement("p", null, tabText))) : (React.createElement("a", { className: styles$V.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
3924
3958
|
React.createElement("p", null, tabText)))));
|
|
3925
3959
|
};
|
|
3926
3960
|
/**
|
|
3927
3961
|
* UI Atom component for HeaderTab
|
|
3928
3962
|
*/
|
|
3929
|
-
var HeaderTab = Component$
|
|
3963
|
+
var HeaderTab = Component$_;
|
|
3930
3964
|
|
|
3931
3965
|
var style$x = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
3932
3966
|
|
|
@@ -3945,94 +3979,94 @@ var InputSearch = function (_a) {
|
|
|
3945
3979
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
3946
3980
|
};
|
|
3947
3981
|
|
|
3948
|
-
var styles$
|
|
3982
|
+
var styles$U = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
3949
3983
|
|
|
3950
|
-
var Component$
|
|
3984
|
+
var Component$Z = function (_a) {
|
|
3951
3985
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
3952
3986
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
3953
|
-
return (React.createElement("div", { className: styles$
|
|
3987
|
+
return (React.createElement("div", { className: styles$U['magneto-ui-job-company-logo'] },
|
|
3954
3988
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
3955
3989
|
}
|
|
3956
|
-
return React.createElement("div", { className: styles$
|
|
3990
|
+
return React.createElement("div", { className: styles$U['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
3957
3991
|
};
|
|
3958
3992
|
/**
|
|
3959
3993
|
* UI Atom component of Company Logo
|
|
3960
3994
|
*/
|
|
3961
|
-
var JobCompanyLogo = Component$
|
|
3995
|
+
var JobCompanyLogo = Component$Z;
|
|
3962
3996
|
|
|
3963
|
-
var styles$
|
|
3997
|
+
var styles$T = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
3964
3998
|
|
|
3965
|
-
var Component$
|
|
3999
|
+
var Component$Y = function (_a) {
|
|
3966
4000
|
var title = _a.title, styles = _a.styles;
|
|
3967
4001
|
return React.createElement("h1", { className: styles }, title && title);
|
|
3968
4002
|
};
|
|
3969
4003
|
/**
|
|
3970
4004
|
* UI Children H1 Component for JobDetailsDrawer
|
|
3971
4005
|
*/
|
|
3972
|
-
var MainTitleJobDetails = Component$
|
|
4006
|
+
var MainTitleJobDetails = Component$Y;
|
|
3973
4007
|
|
|
3974
|
-
var Component$
|
|
4008
|
+
var Component$X = function (_a) {
|
|
3975
4009
|
var title = _a.title, styles = _a.styles;
|
|
3976
4010
|
return React.createElement("p", { className: styles }, title && title);
|
|
3977
4011
|
};
|
|
3978
4012
|
/**
|
|
3979
4013
|
* UI Children P Component for JobDetailsDrawer
|
|
3980
4014
|
*/
|
|
3981
|
-
var SubTitleJobDetails = Component$
|
|
4015
|
+
var SubTitleJobDetails = Component$X;
|
|
3982
4016
|
|
|
3983
|
-
var Component$
|
|
4017
|
+
var Component$W = function (_a) {
|
|
3984
4018
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
3985
4019
|
var showCompanyName = useMemo(function () {
|
|
3986
4020
|
if (isHidden || !offerCompanyName)
|
|
3987
4021
|
return React.createElement(Fragment, null);
|
|
3988
4022
|
if (offerCompanyLink) {
|
|
3989
|
-
return (React.createElement("a", { className: styles$
|
|
4023
|
+
return (React.createElement("a", { className: styles$T['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
3990
4024
|
}
|
|
3991
|
-
return React.createElement("h2", { className: styles$
|
|
4025
|
+
return React.createElement("h2", { className: styles$T['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
3992
4026
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
3993
4027
|
var GenerateTitle = function () {
|
|
3994
4028
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
3995
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
3996
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
4029
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$T['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4030
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$T['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
3997
4031
|
};
|
|
3998
|
-
return (React.createElement("div", { className: styles$
|
|
4032
|
+
return (React.createElement("div", { className: styles$T['magneto-ui-job-header'] },
|
|
3999
4033
|
GenerateTitle(),
|
|
4000
4034
|
showCompanyName));
|
|
4001
4035
|
};
|
|
4002
4036
|
/**
|
|
4003
4037
|
* UI Atom component of Job Header
|
|
4004
4038
|
*/
|
|
4005
|
-
var JobHeader = Component$
|
|
4039
|
+
var JobHeader = Component$W;
|
|
4006
4040
|
|
|
4007
|
-
var styles$
|
|
4041
|
+
var styles$S = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4008
4042
|
|
|
4009
|
-
var Component$
|
|
4043
|
+
var Component$V = function (_a) {
|
|
4010
4044
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
4011
4045
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4012
|
-
return (React.createElement("a", { className: styles$
|
|
4046
|
+
return (React.createElement("a", { className: styles$S.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4013
4047
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4014
4048
|
!isMobile && React.createElement("p", null, text)));
|
|
4015
4049
|
};
|
|
4016
4050
|
/**
|
|
4017
4051
|
* Atomic UI component for Link
|
|
4018
4052
|
*/
|
|
4019
|
-
var Link = Component$
|
|
4053
|
+
var Link = Component$V;
|
|
4020
4054
|
|
|
4021
|
-
var styles$
|
|
4055
|
+
var styles$R = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4022
4056
|
|
|
4023
|
-
var Component$
|
|
4057
|
+
var Component$U = function (_a) {
|
|
4024
4058
|
var loadingIcon = _a.loadingIcon;
|
|
4025
|
-
return (React.createElement("div", { className: styles$
|
|
4059
|
+
return (React.createElement("div", { className: styles$R.loadingComponent },
|
|
4026
4060
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
4027
4061
|
};
|
|
4028
4062
|
/**
|
|
4029
4063
|
* Atom UI component of loading icon for general purpose
|
|
4030
4064
|
*/
|
|
4031
|
-
var Loading = Component$
|
|
4065
|
+
var Loading = Component$U;
|
|
4032
4066
|
|
|
4033
4067
|
var style$w = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4034
4068
|
|
|
4035
|
-
var Component$
|
|
4069
|
+
var Component$T = function (_a) {
|
|
4036
4070
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
4037
4071
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4038
4072
|
var handleError = function () {
|
|
@@ -4044,11 +4078,11 @@ var Component$P = function (_a) {
|
|
|
4044
4078
|
return null;
|
|
4045
4079
|
return (React.createElement("img", { className: style$w[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4046
4080
|
};
|
|
4047
|
-
var LogoComponent = Component$
|
|
4081
|
+
var LogoComponent = Component$T;
|
|
4048
4082
|
|
|
4049
|
-
var styles$
|
|
4083
|
+
var styles$Q = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4050
4084
|
|
|
4051
|
-
var Component$
|
|
4085
|
+
var Component$S = function (_a) {
|
|
4052
4086
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
4053
4087
|
var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4054
4088
|
var renderContent = function () {
|
|
@@ -4061,35 +4095,35 @@ var Component$O = function (_a) {
|
|
|
4061
4095
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4062
4096
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
4063
4097
|
};
|
|
4064
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4098
|
+
return (React.createElement("button", { className: "".concat(styles$Q.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$Q.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4065
4099
|
};
|
|
4066
4100
|
/**
|
|
4067
4101
|
* Atom UI component of button for general purpose
|
|
4068
4102
|
*/
|
|
4069
|
-
var MainButton = Component$
|
|
4103
|
+
var MainButton = Component$S;
|
|
4070
4104
|
|
|
4071
|
-
var styles$
|
|
4105
|
+
var styles$P = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
4072
4106
|
|
|
4073
|
-
var Component$
|
|
4107
|
+
var Component$R = function (_a) {
|
|
4074
4108
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4075
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4109
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$P, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4076
4110
|
React.createElement("div", { className: CNM.get({
|
|
4077
|
-
styles: styles$
|
|
4111
|
+
styles: styles$P,
|
|
4078
4112
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4079
4113
|
}) },
|
|
4080
4114
|
React.createElement("div", { className: CNM.get({
|
|
4081
|
-
styles: styles$
|
|
4115
|
+
styles: styles$P,
|
|
4082
4116
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4083
4117
|
}) }, children))));
|
|
4084
4118
|
};
|
|
4085
4119
|
/**
|
|
4086
4120
|
* Atom UI child component of menu dropdown
|
|
4087
4121
|
*/
|
|
4088
|
-
var MenuDropdownList = Component$
|
|
4122
|
+
var MenuDropdownList = Component$R;
|
|
4089
4123
|
|
|
4090
|
-
var styles$
|
|
4124
|
+
var styles$O = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
4091
4125
|
|
|
4092
|
-
var Component$
|
|
4126
|
+
var Component$Q = function (_a) {
|
|
4093
4127
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
4094
4128
|
var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4095
4129
|
var toggleOptions = useCallback(function () {
|
|
@@ -4104,13 +4138,13 @@ var Component$M = function (_a) {
|
|
|
4104
4138
|
var handleButtonClick = useCallback(function (e) {
|
|
4105
4139
|
e.stopPropagation();
|
|
4106
4140
|
}, []);
|
|
4107
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4108
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4109
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4141
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4142
|
+
React.createElement("div", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown__content'] }) },
|
|
4143
|
+
React.createElement("div", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown__container'] }) },
|
|
4110
4144
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4111
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4145
|
+
React.createElement("span", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown__title'] }) }, title),
|
|
4112
4146
|
React.createElement("div", { className: CNM.get({
|
|
4113
|
-
styles: styles$
|
|
4147
|
+
styles: styles$O,
|
|
4114
4148
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4115
4149
|
}) },
|
|
4116
4150
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4120,7 +4154,7 @@ var Component$M = function (_a) {
|
|
|
4120
4154
|
/**
|
|
4121
4155
|
* Atom UI component of menu dropdown
|
|
4122
4156
|
*/
|
|
4123
|
-
var MenuDropdown = Component$
|
|
4157
|
+
var MenuDropdown = Component$Q;
|
|
4124
4158
|
|
|
4125
4159
|
var style$v = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4126
4160
|
|
|
@@ -4133,7 +4167,7 @@ var MenuItem = function (_a) {
|
|
|
4133
4167
|
React.createElement("p", null, text))));
|
|
4134
4168
|
};
|
|
4135
4169
|
|
|
4136
|
-
var styles$
|
|
4170
|
+
var styles$N = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
4137
4171
|
|
|
4138
4172
|
var MultiRangeSlider = function (_a) {
|
|
4139
4173
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -4191,36 +4225,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4191
4225
|
var handleMouseUpValues = useCallback(function () {
|
|
4192
4226
|
onChange({ min: minVal, max: maxVal });
|
|
4193
4227
|
}, [minVal, maxVal, onChange]);
|
|
4194
|
-
return (React.createElement("div", { className: styles$
|
|
4228
|
+
return (React.createElement("div", { className: styles$N.container },
|
|
4195
4229
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4196
4230
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4197
4231
|
setMinVal(value);
|
|
4198
4232
|
event.target.value = value.toString();
|
|
4199
|
-
}, className: "\n ".concat(styles$
|
|
4233
|
+
}, className: "\n ".concat(styles$N.thumb, " \n ").concat(styles$N.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$N.zIndex_5 : '', "\n ") }),
|
|
4200
4234
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4201
4235
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4202
4236
|
setMaxVal(value);
|
|
4203
4237
|
event.target.value = value.toString();
|
|
4204
|
-
}, className: "".concat(styles$
|
|
4205
|
-
React.createElement("div", { style: { width: size }, className: styles$
|
|
4206
|
-
React.createElement("div", { className: styles$
|
|
4207
|
-
React.createElement("div", { ref: range, className: styles$
|
|
4208
|
-
showValues && (React.createElement("div", { className: styles$
|
|
4209
|
-
React.createElement("div", { className: styles$
|
|
4210
|
-
React.createElement("div", { className: styles$
|
|
4238
|
+
}, className: "".concat(styles$N.thumb, " ").concat(styles$N.zIndex_4) }),
|
|
4239
|
+
React.createElement("div", { style: { width: size }, className: styles$N.slider },
|
|
4240
|
+
React.createElement("div", { className: styles$N.track }),
|
|
4241
|
+
React.createElement("div", { ref: range, className: styles$N.range }),
|
|
4242
|
+
showValues && (React.createElement("div", { className: styles$N.values },
|
|
4243
|
+
React.createElement("div", { className: styles$N.left_value }, hasCurrency),
|
|
4244
|
+
React.createElement("div", { className: styles$N.right_value }, maxVal.toLocaleString()))))));
|
|
4211
4245
|
};
|
|
4212
4246
|
|
|
4213
|
-
var styles$
|
|
4247
|
+
var styles$M = {"content":"mg_paragraph_content_1mtnz"};
|
|
4214
4248
|
|
|
4215
|
-
var Component$
|
|
4249
|
+
var Component$P = function (_a) {
|
|
4216
4250
|
var paragraph = _a.paragraph;
|
|
4217
|
-
return React.createElement("p", { className: styles$
|
|
4251
|
+
return React.createElement("p", { className: styles$M.content }, paragraph);
|
|
4218
4252
|
};
|
|
4219
|
-
var Paragraph = memo(Component$
|
|
4253
|
+
var Paragraph = memo(Component$P);
|
|
4220
4254
|
|
|
4221
4255
|
var style$u = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
4222
4256
|
|
|
4223
|
-
var Component$
|
|
4257
|
+
var Component$O = function (_a) {
|
|
4224
4258
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
4225
4259
|
var showMenu = show ? 'show' : 'hidden';
|
|
4226
4260
|
var staticContentClass = staticContent ? style$u['static-content'] : '';
|
|
@@ -4242,7 +4276,7 @@ var Component$K = function (_a) {
|
|
|
4242
4276
|
* Atom Ui component of popover
|
|
4243
4277
|
*
|
|
4244
4278
|
*/
|
|
4245
|
-
var Popover = Component$
|
|
4279
|
+
var Popover = Component$O;
|
|
4246
4280
|
|
|
4247
4281
|
var ERadioType;
|
|
4248
4282
|
(function (ERadioType) {
|
|
@@ -4250,12 +4284,12 @@ var ERadioType;
|
|
|
4250
4284
|
ERadioType["button"] = "button";
|
|
4251
4285
|
})(ERadioType || (ERadioType = {}));
|
|
4252
4286
|
|
|
4253
|
-
var styles$
|
|
4287
|
+
var styles$L = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
4254
4288
|
|
|
4255
|
-
var Component$
|
|
4289
|
+
var Component$N = function (_a) {
|
|
4256
4290
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
4257
4291
|
return (React.createElement("label", { className: CNM.get({
|
|
4258
|
-
styles: styles$
|
|
4292
|
+
styles: styles$L,
|
|
4259
4293
|
cls: [
|
|
4260
4294
|
'radio-button',
|
|
4261
4295
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4265,34 +4299,34 @@ var Component$J = function (_a) {
|
|
|
4265
4299
|
}), htmlFor: id },
|
|
4266
4300
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4267
4301
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4268
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4302
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$L, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4269
4303
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4270
4304
|
};
|
|
4271
4305
|
/**
|
|
4272
4306
|
* Atom UI component of radio button
|
|
4273
4307
|
*/
|
|
4274
|
-
var RadioButton = Component$
|
|
4308
|
+
var RadioButton = Component$N;
|
|
4275
4309
|
|
|
4276
|
-
var styles$
|
|
4310
|
+
var styles$K = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
4277
4311
|
|
|
4278
|
-
var Component$
|
|
4312
|
+
var Component$M = function (_a) {
|
|
4279
4313
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
4280
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
4314
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$K, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4281
4315
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4282
4316
|
React.createElement("div", { className: CNM.get({
|
|
4283
|
-
styles: styles$
|
|
4317
|
+
styles: styles$K,
|
|
4284
4318
|
cls: [
|
|
4285
4319
|
'radio-default__indicator',
|
|
4286
4320
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4287
4321
|
indicatorClassName
|
|
4288
4322
|
]
|
|
4289
4323
|
}) }),
|
|
4290
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4324
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$K, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4291
4325
|
};
|
|
4292
4326
|
/**
|
|
4293
4327
|
* Molecule UI component for radio default
|
|
4294
4328
|
*/
|
|
4295
|
-
var RadioDefault = Component$
|
|
4329
|
+
var RadioDefault = Component$M;
|
|
4296
4330
|
|
|
4297
4331
|
var _a;
|
|
4298
4332
|
var radioTypes = (_a = {},
|
|
@@ -4301,7 +4335,7 @@ var radioTypes = (_a = {},
|
|
|
4301
4335
|
_a);
|
|
4302
4336
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4303
4337
|
|
|
4304
|
-
var Component$
|
|
4338
|
+
var Component$L = function (_a) {
|
|
4305
4339
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4306
4340
|
var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4307
4341
|
if (!RadioType)
|
|
@@ -4311,52 +4345,52 @@ var Component$H = function (_a) {
|
|
|
4311
4345
|
/**
|
|
4312
4346
|
* Atom UI component of radio
|
|
4313
4347
|
*/
|
|
4314
|
-
var Radio = Component$
|
|
4348
|
+
var Radio = Component$L;
|
|
4315
4349
|
|
|
4316
|
-
var styles$
|
|
4350
|
+
var styles$J = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
4317
4351
|
|
|
4318
|
-
var Component$
|
|
4352
|
+
var Component$K = function (_a) {
|
|
4319
4353
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4320
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
4321
|
-
React.createElement("div", { className: styles$
|
|
4354
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$J['magneto-ui-save-button'], " ").concat(addHover && styles$J['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4355
|
+
React.createElement("div", { className: styles$J['button-content'] },
|
|
4322
4356
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4323
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4357
|
+
buttonText && React.createElement("p", { className: styles$J['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4324
4358
|
};
|
|
4325
4359
|
/**
|
|
4326
4360
|
* UI Atom Component of Save Button
|
|
4327
4361
|
*/
|
|
4328
|
-
var SaveButton = Component$
|
|
4362
|
+
var SaveButton = Component$K;
|
|
4329
4363
|
|
|
4330
|
-
var styles$
|
|
4364
|
+
var styles$I = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4331
4365
|
|
|
4332
|
-
var Component$
|
|
4366
|
+
var Component$J = function (_a) {
|
|
4333
4367
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4334
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4335
|
-
React.createElement("p", { className: styles$
|
|
4368
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$I['magneto-ui--search-item']), href: url },
|
|
4369
|
+
React.createElement("p", { className: styles$I['magneto-ui--search-item__text'] }, tag),
|
|
4336
4370
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4337
4371
|
};
|
|
4338
4372
|
/**
|
|
4339
4373
|
* UI Atom component of Search Item
|
|
4340
4374
|
*/
|
|
4341
|
-
var SearchItem = Component$
|
|
4375
|
+
var SearchItem = Component$J;
|
|
4342
4376
|
|
|
4343
|
-
var styles$
|
|
4377
|
+
var styles$H = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4344
4378
|
|
|
4345
|
-
var Component$
|
|
4379
|
+
var Component$I = function (_a) {
|
|
4346
4380
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4347
4381
|
var handleCopyClick = function () {
|
|
4348
4382
|
if (detailUrl) {
|
|
4349
4383
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4350
4384
|
}
|
|
4351
4385
|
};
|
|
4352
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4353
|
-
React.createElement("div", { className: styles$
|
|
4386
|
+
return (React.createElement("button", { className: "".concat(styles$H['magneto-ui-share-button'], " ").concat(addHover && styles$H['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4387
|
+
React.createElement("div", { className: styles$H['button-content'] },
|
|
4354
4388
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4355
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4389
|
+
buttonText && React.createElement("p", { className: styles$H['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4356
4390
|
};
|
|
4357
|
-
var ShareButton = Component$
|
|
4391
|
+
var ShareButton = Component$I;
|
|
4358
4392
|
|
|
4359
|
-
var styles$
|
|
4393
|
+
var styles$G = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
4360
4394
|
|
|
4361
4395
|
var Switch = function (_a) {
|
|
4362
4396
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -4370,10 +4404,10 @@ var Switch = function (_a) {
|
|
|
4370
4404
|
setChecked(function (state) { return !state; });
|
|
4371
4405
|
setIsActive(!isActive);
|
|
4372
4406
|
}, [isDisabled, setIsActive, isActive]);
|
|
4373
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4374
|
-
React.createElement("label", { className: styles$
|
|
4407
|
+
return (React.createElement("div", { className: "".concat(styles$G['magneto-ui-switch_container'], " ").concat(className) },
|
|
4408
|
+
React.createElement("label", { className: styles$G['magneto-ui-switch'] },
|
|
4375
4409
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4376
|
-
React.createElement("span", { className: "".concat(styles$
|
|
4410
|
+
React.createElement("span", { className: "".concat(styles$G['magneto-ui-slider'], " ").concat(styles$G['magneto-ui-round']) })),
|
|
4377
4411
|
title && React.createElement("p", null, title)));
|
|
4378
4412
|
};
|
|
4379
4413
|
|
|
@@ -4386,9 +4420,9 @@ var Tags = function (_a) {
|
|
|
4386
4420
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4387
4421
|
};
|
|
4388
4422
|
|
|
4389
|
-
var styles$
|
|
4423
|
+
var styles$F = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_nfgc1","toggle-button-selected":"mg_toggle_button_toggle-button-selected_nfgc1"};
|
|
4390
4424
|
|
|
4391
|
-
var Component$
|
|
4425
|
+
var Component$H = function (_a) {
|
|
4392
4426
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? 'blue' : _b, onChange = _a.onChange, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _c = _a.baseColor, baseColor = _c === void 0 ? 'transparent' : _c;
|
|
4393
4427
|
var _d = useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
4394
4428
|
var isColorDark = function (color) {
|
|
@@ -4422,18 +4456,18 @@ var Component$D = function (_a) {
|
|
|
4422
4456
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4423
4457
|
};
|
|
4424
4458
|
}, [baseColor, color, currentSelect, isSelected]);
|
|
4425
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4459
|
+
return (React.createElement("button", { className: "".concat(styles$F["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(isSelected || currentSelect ? styles$F['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" }, name));
|
|
4426
4460
|
};
|
|
4427
|
-
var ToggleButton = Component$
|
|
4461
|
+
var ToggleButton = Component$H;
|
|
4428
4462
|
|
|
4429
|
-
var styles$
|
|
4463
|
+
var styles$E = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4430
4464
|
|
|
4431
|
-
var Component$
|
|
4465
|
+
var Component$G = function (_a) {
|
|
4432
4466
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4433
4467
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4434
4468
|
sm: null
|
|
4435
4469
|
});
|
|
4436
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
4470
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$E, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4437
4471
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4438
4472
|
userInfo,
|
|
4439
4473
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4441,45 +4475,45 @@ var Component$C = function (_a) {
|
|
|
4441
4475
|
/**
|
|
4442
4476
|
* Atom UI component of user menu button analyst
|
|
4443
4477
|
*/
|
|
4444
|
-
var UserMenuButtonAnalyst = Component$
|
|
4478
|
+
var UserMenuButtonAnalyst = Component$G;
|
|
4445
4479
|
|
|
4446
|
-
var styles$
|
|
4480
|
+
var styles$D = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4447
4481
|
|
|
4448
4482
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4449
|
-
var Component$
|
|
4483
|
+
var Component$F = function (_a) {
|
|
4450
4484
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4451
4485
|
var currentHigherMax = useMemo(function () {
|
|
4452
4486
|
return current > max;
|
|
4453
4487
|
}, [current, max]);
|
|
4454
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
4488
|
+
return (React.createElement("p", { className: "".concat(styles$D["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$D['error-label'] : '') },
|
|
4455
4489
|
nf.format(current),
|
|
4456
4490
|
React.createElement("span", null,
|
|
4457
4491
|
" / ",
|
|
4458
4492
|
nf.format(max))));
|
|
4459
4493
|
};
|
|
4460
|
-
var ComparativeCounter = Component$
|
|
4494
|
+
var ComparativeCounter = Component$F;
|
|
4461
4495
|
|
|
4462
|
-
var styles$
|
|
4496
|
+
var styles$C = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4463
4497
|
|
|
4464
4498
|
var MegaMenuTab = function (_a) {
|
|
4465
4499
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4466
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4467
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4500
|
+
return (React.createElement("div", { className: "".concat(styles$C["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$C["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4501
|
+
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$C["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$C["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4468
4502
|
};
|
|
4469
4503
|
|
|
4470
|
-
var styles$
|
|
4504
|
+
var styles$B = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4471
4505
|
|
|
4472
|
-
var Component$
|
|
4506
|
+
var Component$E = function (_a) {
|
|
4473
4507
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4474
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4475
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4476
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4477
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4508
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$B['magneto-ui-button'], " ").concat(addHover ? styles$B['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4509
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$B['magneto-ui-button__icon'] })),
|
|
4510
|
+
buttonText && React.createElement("p", { className: styles$B['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4511
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$B['magneto-ui-button__icon'] }))));
|
|
4478
4512
|
};
|
|
4479
4513
|
/**
|
|
4480
4514
|
* UI Atom Component of Save Button
|
|
4481
4515
|
*/
|
|
4482
|
-
var Button = Component$
|
|
4516
|
+
var Button = Component$E;
|
|
4483
4517
|
|
|
4484
4518
|
var BrandMenu = function (_a) {
|
|
4485
4519
|
var brandsProps = _a.brandsProps, companyLogo = _a.companyLogo, companySlug = _a.companySlug;
|
|
@@ -4496,7 +4530,7 @@ var BrandMenu = function (_a) {
|
|
|
4496
4530
|
|
|
4497
4531
|
var style$s = {};
|
|
4498
4532
|
|
|
4499
|
-
var Component$
|
|
4533
|
+
var Component$D = function (_a) {
|
|
4500
4534
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4501
4535
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4502
4536
|
var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -4504,11 +4538,11 @@ var Component$z = function (_a) {
|
|
|
4504
4538
|
});
|
|
4505
4539
|
return React.createElement("div", { className: style$s["".concat(classMUI)] }, DatePickerComponent);
|
|
4506
4540
|
};
|
|
4507
|
-
var DatePickerResponsiveComponent = Component$
|
|
4541
|
+
var DatePickerResponsiveComponent = Component$D;
|
|
4508
4542
|
|
|
4509
4543
|
var style$r = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
|
|
4510
4544
|
|
|
4511
|
-
var Component$
|
|
4545
|
+
var Component$C = function (_a) {
|
|
4512
4546
|
var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
4513
4547
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
4514
4548
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -4527,9 +4561,9 @@ var Component$y = function (_a) {
|
|
|
4527
4561
|
React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4528
4562
|
React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
4529
4563
|
};
|
|
4530
|
-
var DrawerMenu = Component$
|
|
4564
|
+
var DrawerMenu = Component$C;
|
|
4531
4565
|
|
|
4532
|
-
var styles$
|
|
4566
|
+
var styles$A = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
4533
4567
|
|
|
4534
4568
|
var FilterCard = function (_a) {
|
|
4535
4569
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -4549,18 +4583,18 @@ var FilterCard = function (_a) {
|
|
|
4549
4583
|
}, [values, setOptions]);
|
|
4550
4584
|
if (!values.length)
|
|
4551
4585
|
return React.createElement(Fragment, null);
|
|
4552
|
-
return (React.createElement("article", { className: "".concat(styles$
|
|
4553
|
-
React.createElement("div", { className: styles$
|
|
4586
|
+
return (React.createElement("article", { className: "".concat(styles$A['magneto-ui-filter-card'], " ").concat(hasSearch && styles$A.hasSearch) },
|
|
4587
|
+
React.createElement("div", { className: styles$A['magneto-ui-filter-card_header'] },
|
|
4554
4588
|
React.createElement("p", null, label),
|
|
4555
4589
|
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4556
4590
|
hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4557
|
-
React.createElement("div", { className: styles$
|
|
4591
|
+
React.createElement("div", { className: styles$A['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4558
4592
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4559
4593
|
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4560
4594
|
}))));
|
|
4561
4595
|
};
|
|
4562
4596
|
|
|
4563
|
-
var styles$
|
|
4597
|
+
var styles$z = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
4564
4598
|
|
|
4565
4599
|
var FilterHeader = function (_a) {
|
|
4566
4600
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4569,28 +4603,28 @@ var FilterHeader = function (_a) {
|
|
|
4569
4603
|
buttonText: buttonText,
|
|
4570
4604
|
title: buttonText,
|
|
4571
4605
|
iconProps: { icon: Broom, size: 18 },
|
|
4572
|
-
className: styles$
|
|
4606
|
+
className: styles$z['magneto-ui-filter-header_btn'],
|
|
4573
4607
|
disabled: !totalApplied,
|
|
4574
4608
|
onClick: function () { return clearFilters(); }
|
|
4575
4609
|
};
|
|
4576
4610
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4577
4611
|
var displayBtnClear = useMemo(function () {
|
|
4578
|
-
return (React.createElement("div", { className: styles$
|
|
4612
|
+
return (React.createElement("div", { className: styles$z['magneto-ui-filter-header_clean'] },
|
|
4579
4613
|
React.createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4580
|
-
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$
|
|
4614
|
+
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$z.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4581
4615
|
}, [totalApplied, mainBtnProps]);
|
|
4582
4616
|
var displayFilterSummary = useMemo(function () {
|
|
4583
|
-
return React.createElement("span", { className: styles$
|
|
4617
|
+
return React.createElement("span", { className: styles$z['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4584
4618
|
}, [filterSummary]);
|
|
4585
|
-
return (React.createElement("article", { className: styles$
|
|
4586
|
-
React.createElement("div", { className: styles$
|
|
4619
|
+
return (React.createElement("article", { className: styles$z['magneto-ui-filter-header'] },
|
|
4620
|
+
React.createElement("div", { className: styles$z['magneto-ui-filter-header_title'] },
|
|
4587
4621
|
React.createElement("p", null, title),
|
|
4588
4622
|
displayBtnClear),
|
|
4589
4623
|
switchText && (React.createElement(Switch
|
|
4590
4624
|
//TODO: review isActive, setIsActive
|
|
4591
4625
|
, {
|
|
4592
4626
|
//TODO: review isActive, setIsActive
|
|
4593
|
-
title: switchText, className: styles$
|
|
4627
|
+
title: switchText, className: styles$z['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
4594
4628
|
displayFilterSummary));
|
|
4595
4629
|
};
|
|
4596
4630
|
|
|
@@ -4650,9 +4684,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
4650
4684
|
return React.createElement(React.Fragment, null, footerMenuResponsive);
|
|
4651
4685
|
};
|
|
4652
4686
|
|
|
4653
|
-
var styles$
|
|
4687
|
+
var styles$y = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
|
|
4654
4688
|
|
|
4655
|
-
var Component$
|
|
4689
|
+
var Component$B = function (_a) {
|
|
4656
4690
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
4657
4691
|
var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
4658
4692
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -4662,26 +4696,26 @@ var Component$x = function (_a) {
|
|
|
4662
4696
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React.createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
4663
4697
|
sm: null
|
|
4664
4698
|
});
|
|
4665
|
-
return (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
4666
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4667
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4699
|
+
return (React.createElement("header", { className: CNM.get({ styles: styles$y, cls: ['header-analyst', className] }) },
|
|
4700
|
+
React.createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__container'] }) },
|
|
4701
|
+
React.createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__main-menu'] }) },
|
|
4668
4702
|
React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
4669
4703
|
headerLogo),
|
|
4670
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4704
|
+
React.createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__user-menu'] }) },
|
|
4671
4705
|
userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
4672
4706
|
React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
4673
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4707
|
+
React.createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
4674
4708
|
};
|
|
4675
4709
|
/**
|
|
4676
4710
|
* Organism UI component of header analyst
|
|
4677
4711
|
*/
|
|
4678
|
-
var HeaderAnalyst = Component$
|
|
4712
|
+
var HeaderAnalyst = Component$B;
|
|
4679
4713
|
|
|
4680
|
-
var styles$
|
|
4714
|
+
var styles$x = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
4681
4715
|
|
|
4682
4716
|
var style$n = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
4683
4717
|
|
|
4684
|
-
var Component$
|
|
4718
|
+
var Component$A = function () {
|
|
4685
4719
|
var skeletonCard = (React.createElement("div", { className: "".concat(style$n["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
4686
4720
|
React.createElement("span", { className: style$n.skeleton }),
|
|
4687
4721
|
React.createElement("span", { className: style$n.skeleton }),
|
|
@@ -4705,9 +4739,9 @@ var Component$w = function () {
|
|
|
4705
4739
|
/**
|
|
4706
4740
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
4707
4741
|
*/
|
|
4708
|
-
var JobDetailsSkeleton = Component$
|
|
4742
|
+
var JobDetailsSkeleton = Component$A;
|
|
4709
4743
|
|
|
4710
|
-
var styles$
|
|
4744
|
+
var styles$w = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
4711
4745
|
|
|
4712
4746
|
var SimilarJobs = function (_a) {
|
|
4713
4747
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -4715,8 +4749,8 @@ var SimilarJobs = function (_a) {
|
|
|
4715
4749
|
var pageExists = false;
|
|
4716
4750
|
if (similarJobsCard.length <= 0)
|
|
4717
4751
|
return null;
|
|
4718
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4719
|
-
React.createElement("h3", { className: "".concat(styles$
|
|
4752
|
+
return (React.createElement("div", { className: "".concat(styles$w["".concat(classMUI, "-similar-jobs-section")]) },
|
|
4753
|
+
React.createElement("h3", { className: "".concat(styles$w["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
4720
4754
|
similarJobsCard.map(function (_a) {
|
|
4721
4755
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
4722
4756
|
return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -4724,7 +4758,7 @@ var SimilarJobs = function (_a) {
|
|
|
4724
4758
|
pageExists ));
|
|
4725
4759
|
};
|
|
4726
4760
|
|
|
4727
|
-
var Component$
|
|
4761
|
+
var Component$z = function (_a) {
|
|
4728
4762
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
4729
4763
|
var jobDetailsRef = useRef(null);
|
|
4730
4764
|
useEffect(function () {
|
|
@@ -4735,11 +4769,11 @@ var Component$v = function (_a) {
|
|
|
4735
4769
|
if (isLoading)
|
|
4736
4770
|
return React.createElement(JobDetailsSkeleton, null);
|
|
4737
4771
|
return (React.createElement(Fragment, null,
|
|
4738
|
-
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$
|
|
4739
|
-
React.createElement("div", { className: styles$
|
|
4772
|
+
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$x.JobDetailsDrawerComponent },
|
|
4773
|
+
React.createElement("div", { className: styles$x['JobHeaderCardWrapper'] },
|
|
4740
4774
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
4741
4775
|
React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
4742
|
-
React.createElement("div", { className: styles$
|
|
4776
|
+
React.createElement("div", { className: styles$x['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
4743
4777
|
jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
4744
4778
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
4745
4779
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -4752,11 +4786,11 @@ var Component$v = function (_a) {
|
|
|
4752
4786
|
/**
|
|
4753
4787
|
* UI Organism Component for JobDetailsDrawer
|
|
4754
4788
|
*/
|
|
4755
|
-
var JobDetailsDrawer = Component$
|
|
4789
|
+
var JobDetailsDrawer = Component$z;
|
|
4756
4790
|
|
|
4757
|
-
var styles$
|
|
4791
|
+
var styles$v = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
4758
4792
|
|
|
4759
|
-
var Component$
|
|
4793
|
+
var Component$y = function (_a) {
|
|
4760
4794
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
4761
4795
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
4762
4796
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -4788,28 +4822,28 @@ var Component$u = function (_a) {
|
|
|
4788
4822
|
var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4789
4823
|
md: null
|
|
4790
4824
|
});
|
|
4791
|
-
return (React.createElement("header", { className: styles$
|
|
4825
|
+
return (React.createElement("header", { className: styles$v.LoginHeaderComponent },
|
|
4792
4826
|
loginHeaderMobileSearchbar,
|
|
4793
|
-
React.createElement("div", { className: styles$
|
|
4794
|
-
React.createElement("div", { className: styles$
|
|
4795
|
-
React.createElement("div", { className: styles$
|
|
4827
|
+
React.createElement("div", { className: styles$v['magneto-ui-first-row'] }),
|
|
4828
|
+
React.createElement("div", { className: styles$v['magneto-ui-second-row'] },
|
|
4829
|
+
React.createElement("div", { className: styles$v['magneto-ui-left-section'] },
|
|
4796
4830
|
loginHeaderMenuButton,
|
|
4797
4831
|
React.createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
4798
4832
|
loginHeaderMobileSearchbarButton),
|
|
4799
|
-
React.createElement("div", { className: styles$
|
|
4800
|
-
React.createElement("div", { className: styles$
|
|
4833
|
+
React.createElement("div", { className: styles$v['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
4834
|
+
React.createElement("div", { className: styles$v['magneto-ui-user-section'] },
|
|
4801
4835
|
loginHeaderOptionTabs,
|
|
4802
4836
|
loginHeaderPopover)),
|
|
4803
|
-
React.createElement("div", { className: styles$
|
|
4837
|
+
React.createElement("div", { className: styles$v['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
4804
4838
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
4805
4839
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
4806
4840
|
};
|
|
4807
4841
|
/**
|
|
4808
4842
|
* UI Organism Component for LoginHeader
|
|
4809
4843
|
*/
|
|
4810
|
-
var LoginHeader = Component$
|
|
4844
|
+
var LoginHeader = Component$y;
|
|
4811
4845
|
|
|
4812
|
-
var styles$
|
|
4846
|
+
var styles$u = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
4813
4847
|
|
|
4814
4848
|
var Muiclass$3 = 'magneto-ui';
|
|
4815
4849
|
var LoginJobsHeader = function (_a) {
|
|
@@ -4819,7 +4853,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
4819
4853
|
var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
4820
4854
|
var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
4821
4855
|
var haveGif = useMemo(function () {
|
|
4822
|
-
return gif ? styles$
|
|
4856
|
+
return gif ? styles$u['have-gif'] : '';
|
|
4823
4857
|
}, [gif]);
|
|
4824
4858
|
var toggleSearchBar = function () {
|
|
4825
4859
|
setShowSearchBar(!showSearchBar);
|
|
@@ -4847,30 +4881,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
4847
4881
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4848
4882
|
md: null
|
|
4849
4883
|
});
|
|
4850
|
-
return (React.createElement("header", { className: styles$
|
|
4884
|
+
return (React.createElement("header", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
4851
4885
|
LogoutHeaderMobileSearchbar,
|
|
4852
|
-
React.createElement("div", { className: styles$
|
|
4853
|
-
React.createElement("div", { className: styles$
|
|
4886
|
+
React.createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
4887
|
+
React.createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
4854
4888
|
LoginHeaderMenuButton,
|
|
4855
4889
|
React.createElement("a", { href: homeUrl },
|
|
4856
4890
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
4857
4891
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
4858
|
-
React.createElement("img", { className: styles$
|
|
4859
|
-
gif && (React.createElement("img", { className: styles$
|
|
4892
|
+
React.createElement("img", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
4893
|
+
gif && (React.createElement("img", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
4860
4894
|
LogoutHeaderMobileSearchbarButton),
|
|
4861
|
-
React.createElement("div", { className: "".concat(styles$
|
|
4862
|
-
React.createElement("div", { className: styles$
|
|
4895
|
+
React.createElement("div", { className: "".concat(styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
4896
|
+
React.createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
4863
4897
|
!gif && loginHeaderOptionTabs,
|
|
4864
4898
|
" ",
|
|
4865
4899
|
loginHeaderPopover)),
|
|
4866
|
-
React.createElement("div", { className: styles$
|
|
4900
|
+
React.createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
4867
4901
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
4868
4902
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
4869
4903
|
};
|
|
4870
4904
|
|
|
4871
|
-
var styles$
|
|
4905
|
+
var styles$t = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
4872
4906
|
|
|
4873
|
-
var Component$
|
|
4907
|
+
var Component$x = function (_a) {
|
|
4874
4908
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
4875
4909
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
4876
4910
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -4913,29 +4947,29 @@ var Component$t = function (_a) {
|
|
|
4913
4947
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4914
4948
|
md: null
|
|
4915
4949
|
});
|
|
4916
|
-
return (React.createElement("header", { className: styles$
|
|
4950
|
+
return (React.createElement("header", { className: styles$t.LogoutHeaderComponent },
|
|
4917
4951
|
LogoutHeaderMobileSearchbar,
|
|
4918
|
-
React.createElement("div", { className: styles$
|
|
4919
|
-
React.createElement("div", { className: styles$
|
|
4920
|
-
React.createElement("div", { className: styles$
|
|
4952
|
+
React.createElement("div", { className: styles$t['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
4953
|
+
React.createElement("div", { className: styles$t['magneto-ui-second-row'] },
|
|
4954
|
+
React.createElement("div", { className: styles$t['magneto-ui-left-section'] },
|
|
4921
4955
|
LogoutHeaderMenuButton,
|
|
4922
4956
|
React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
4923
4957
|
LogoutHeaderMobileSearchbarButton),
|
|
4924
|
-
React.createElement("div", { className: styles$
|
|
4958
|
+
React.createElement("div", { className: styles$t['magneto-ui-middle-section'] },
|
|
4925
4959
|
LogoutHeaderSearchbar,
|
|
4926
4960
|
" ",
|
|
4927
4961
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
4928
|
-
React.createElement("div", { className: styles$
|
|
4962
|
+
React.createElement("div", { className: styles$t['magneto-ui-right-section'] },
|
|
4929
4963
|
LogoutHeaderLinkSignIn,
|
|
4930
4964
|
LogoutHeaderButtonSignUp)),
|
|
4931
|
-
React.createElement("div", { className: styles$
|
|
4965
|
+
React.createElement("div", { className: styles$t['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
4932
4966
|
};
|
|
4933
4967
|
/**
|
|
4934
4968
|
* UI Header Organisim for 1024 resolution/size
|
|
4935
4969
|
*/
|
|
4936
|
-
var LogoutHeader = Component$
|
|
4970
|
+
var LogoutHeader = Component$x;
|
|
4937
4971
|
|
|
4938
|
-
var styles$
|
|
4972
|
+
var styles$s = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
4939
4973
|
|
|
4940
4974
|
var Muiclass$2 = 'magneto-ui';
|
|
4941
4975
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -4966,24 +5000,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
4966
5000
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4967
5001
|
md: null
|
|
4968
5002
|
});
|
|
4969
|
-
return (React.createElement("header", { className: styles$
|
|
5003
|
+
return (React.createElement("header", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
4970
5004
|
LogoutHeaderMobileSearchbar,
|
|
4971
|
-
React.createElement("div", { className: styles$
|
|
4972
|
-
React.createElement("div", { className: styles$
|
|
5005
|
+
React.createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5006
|
+
React.createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
4973
5007
|
LogoutHeaderMenuButton,
|
|
4974
5008
|
React.createElement("a", { href: homeUrl },
|
|
4975
5009
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
4976
5010
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
4977
|
-
React.createElement("img", { className: styles$
|
|
4978
|
-
gif && (React.createElement("img", { className: styles$
|
|
5011
|
+
React.createElement("img", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5012
|
+
gif && (React.createElement("img", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
4979
5013
|
LogoutHeaderMobileSearchbarButton),
|
|
4980
|
-
React.createElement("div", { className: styles$
|
|
5014
|
+
React.createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
4981
5015
|
LogoutHeaderSearchbar,
|
|
4982
5016
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
4983
|
-
React.createElement("div", { className: styles$
|
|
5017
|
+
React.createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
4984
5018
|
LogoutHeaderLinkSignIn,
|
|
4985
5019
|
LogoutHeaderButtonSignUp)),
|
|
4986
|
-
React.createElement("div", { className: styles$
|
|
5020
|
+
React.createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
4987
5021
|
};
|
|
4988
5022
|
|
|
4989
5023
|
var style$m = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -5000,28 +5034,28 @@ var MagnetoSocialMedia = function (_a) {
|
|
|
5000
5034
|
}))));
|
|
5001
5035
|
};
|
|
5002
5036
|
|
|
5003
|
-
var styles$
|
|
5037
|
+
var styles$r = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5004
5038
|
|
|
5005
|
-
var Component$
|
|
5039
|
+
var Component$w = function (_a) {
|
|
5006
5040
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5007
5041
|
var handleOptionClick = function (optionValue) {
|
|
5008
5042
|
handleOnClick(optionValue);
|
|
5009
5043
|
};
|
|
5010
5044
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5011
|
-
return (React.createElement("div", { className: styles$
|
|
5012
|
-
React.createElement("ul", { className: styles$
|
|
5045
|
+
return (React.createElement("div", { className: styles$r['magneto-ui--date-options'] },
|
|
5046
|
+
React.createElement("ul", { className: styles$r['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5013
5047
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5014
|
-
return (React.createElement("li", { className: "".concat(styles$
|
|
5048
|
+
return (React.createElement("li", { className: "".concat(styles$r['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$r['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5015
5049
|
}))));
|
|
5016
5050
|
};
|
|
5017
5051
|
/**
|
|
5018
5052
|
* UI Atom component of Date Option
|
|
5019
5053
|
*/
|
|
5020
|
-
var DateOptions = Component$
|
|
5054
|
+
var DateOptions = Component$w;
|
|
5021
5055
|
|
|
5022
|
-
var styles$
|
|
5056
|
+
var styles$q = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5023
5057
|
|
|
5024
|
-
var Component$
|
|
5058
|
+
var Component$v = function (_a) {
|
|
5025
5059
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
5026
5060
|
var _b = useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5027
5061
|
var _c = useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5043,23 +5077,23 @@ var Component$r = function (_a) {
|
|
|
5043
5077
|
setInitialSelectedOption(null);
|
|
5044
5078
|
}
|
|
5045
5079
|
}, [disabled]);
|
|
5046
|
-
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5047
|
-
React.createElement("div", { className: styles$
|
|
5080
|
+
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$q['magneto-ui--date-selection'] },
|
|
5081
|
+
React.createElement("div", { className: styles$q['magneto-ui--date-selection__header'] },
|
|
5048
5082
|
React.createElement("h2", null, selectionHeader)),
|
|
5049
|
-
React.createElement("div", { className: styles$
|
|
5083
|
+
React.createElement("div", { className: styles$q['magneto-ui--date-selection__options'] },
|
|
5050
5084
|
React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5051
|
-
React.createElement("div", { className: styles$
|
|
5052
|
-
React.createElement("button", { className: styles$
|
|
5053
|
-
React.createElement("button", { className: styles$
|
|
5085
|
+
React.createElement("div", { className: styles$q['magneto-ui--date-selection__btn--wrapper'] },
|
|
5086
|
+
React.createElement("button", { className: styles$q['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5087
|
+
React.createElement("button", { className: styles$q['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5054
5088
|
};
|
|
5055
|
-
var DateSelection = Component$
|
|
5089
|
+
var DateSelection = Component$v;
|
|
5056
5090
|
|
|
5057
|
-
var styles$
|
|
5091
|
+
var styles$p = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5058
5092
|
|
|
5059
5093
|
var defaultValue = function (value) {
|
|
5060
5094
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5061
5095
|
};
|
|
5062
|
-
var Component$
|
|
5096
|
+
var Component$u = function (_a) {
|
|
5063
5097
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
5064
5098
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5065
5099
|
var valueClass = '-value';
|
|
@@ -5124,41 +5158,41 @@ var Component$q = function (_a) {
|
|
|
5124
5158
|
}
|
|
5125
5159
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5126
5160
|
}, [disabled]);
|
|
5127
|
-
return (React.createElement("section", { className: styles$
|
|
5128
|
-
React.createElement("div", { className: styles$
|
|
5129
|
-
React.createElement("div", { className: styles$
|
|
5130
|
-
React.createElement("span", { className: styles$
|
|
5131
|
-
React.createElement("p", { className: styles$
|
|
5132
|
-
React.createElement("span", { className: styles$
|
|
5161
|
+
return (React.createElement("section", { className: styles$p['magneto-ui--mobile-date-picker'] },
|
|
5162
|
+
React.createElement("div", { className: styles$p["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5163
|
+
React.createElement("div", { className: styles$p['magneto-ui--mobile-date-picker__input'] },
|
|
5164
|
+
React.createElement("span", { className: styles$p["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5165
|
+
React.createElement("p", { className: styles$p['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5166
|
+
React.createElement("span", { className: styles$p["".concat(iconClass)] }, disabledArrow)),
|
|
5133
5167
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5134
|
-
React.createElement("div", { className: styles$
|
|
5135
|
-
React.createElement("div", { className: styles$
|
|
5136
|
-
React.createElement("span", { className: styles$
|
|
5137
|
-
React.createElement("p", { className: styles$
|
|
5138
|
-
React.createElement("span", { className: styles$
|
|
5168
|
+
React.createElement("div", { className: styles$p["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5169
|
+
React.createElement("div", { className: styles$p['magneto-ui--mobile-date-picker__input'] },
|
|
5170
|
+
React.createElement("span", { className: styles$p["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5171
|
+
React.createElement("p", { className: styles$p['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5172
|
+
React.createElement("span", { className: styles$p["".concat(iconClass)] }, disabledArrow)),
|
|
5139
5173
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5140
5174
|
};
|
|
5141
|
-
var MobileDatePicker = Component$
|
|
5175
|
+
var MobileDatePicker = Component$u;
|
|
5142
5176
|
|
|
5143
|
-
var Component$
|
|
5177
|
+
var Component$t = function (_a) {
|
|
5144
5178
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5145
5179
|
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5146
5180
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5147
5181
|
};
|
|
5148
|
-
var MobileDrawerMenu = Component$
|
|
5182
|
+
var MobileDrawerMenu = Component$t;
|
|
5149
5183
|
|
|
5150
|
-
var styles$
|
|
5184
|
+
var styles$o = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5151
5185
|
|
|
5152
|
-
var Component$
|
|
5186
|
+
var Component$s = function (_a) {
|
|
5153
5187
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5154
5188
|
var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5155
5189
|
var onOpenClick = function () {
|
|
5156
5190
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5157
5191
|
};
|
|
5158
|
-
var showButtonContainer = onClose ? styles$
|
|
5159
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5160
|
-
React.createElement("div", { id: styles$
|
|
5161
|
-
React.createElement("div", { className: styles$
|
|
5192
|
+
var showButtonContainer = onClose ? styles$o['showContainer'] : styles$o['hideContainer'];
|
|
5193
|
+
return (React.createElement("div", { className: "".concat(styles$o.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5194
|
+
React.createElement("div", { id: styles$o['magneto-ui__external-child'] }, externalButtonChild),
|
|
5195
|
+
React.createElement("div", { className: styles$o['DrawerButtonWrapper'] },
|
|
5162
5196
|
React.createElement("button", { type: "button", onClick: onOpenClick },
|
|
5163
5197
|
React.createElement(IconItem, { icon: More, hover: false }))),
|
|
5164
5198
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5167,11 +5201,11 @@ var Component$o = function (_a) {
|
|
|
5167
5201
|
/**
|
|
5168
5202
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5169
5203
|
*/
|
|
5170
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5204
|
+
var MobileJobDetailsActionsBar = Component$s;
|
|
5171
5205
|
|
|
5172
5206
|
var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
|
|
5173
5207
|
|
|
5174
|
-
var Component$
|
|
5208
|
+
var Component$r = function () {
|
|
5175
5209
|
var skeletonCard = (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5176
5210
|
React.createElement("span", { className: style$l.skeleton }),
|
|
5177
5211
|
React.createElement("span", { className: style$l.skeleton }),
|
|
@@ -5195,7 +5229,7 @@ var Component$n = function () {
|
|
|
5195
5229
|
/**
|
|
5196
5230
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5197
5231
|
*/
|
|
5198
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5232
|
+
var MobileJobDetailsDrawerSkeleton = Component$r;
|
|
5199
5233
|
|
|
5200
5234
|
var SwipeMode;
|
|
5201
5235
|
(function (SwipeMode) {
|
|
@@ -5265,7 +5299,7 @@ var Swipe = function (_a) {
|
|
|
5265
5299
|
} }))));
|
|
5266
5300
|
};
|
|
5267
5301
|
|
|
5268
|
-
var Component$
|
|
5302
|
+
var Component$q = function (_a) {
|
|
5269
5303
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5270
5304
|
var handleClose = useCallback(function () {
|
|
5271
5305
|
if (onClose) {
|
|
@@ -5314,7 +5348,7 @@ var Component$m = function (_a) {
|
|
|
5314
5348
|
/**
|
|
5315
5349
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5316
5350
|
*/
|
|
5317
|
-
var MobileJobDetailsDrawer = Component$
|
|
5351
|
+
var MobileJobDetailsDrawer = Component$q;
|
|
5318
5352
|
|
|
5319
5353
|
var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
|
|
5320
5354
|
|
|
@@ -5336,7 +5370,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5336
5370
|
React.createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5337
5371
|
};
|
|
5338
5372
|
|
|
5339
|
-
var Component$
|
|
5373
|
+
var Component$p = function (_a) {
|
|
5340
5374
|
var props = __rest(_a, []);
|
|
5341
5375
|
var _b = useState(0), step = _b[0], setStep = _b[1];
|
|
5342
5376
|
return React.createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5344,7 +5378,7 @@ var Component$l = function (_a) {
|
|
|
5344
5378
|
/**
|
|
5345
5379
|
* Organism UI component of analyst template
|
|
5346
5380
|
*/
|
|
5347
|
-
var ModalAnalyst = Component$
|
|
5381
|
+
var ModalAnalyst = Component$p;
|
|
5348
5382
|
|
|
5349
5383
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5350
5384
|
|
|
@@ -5565,18 +5599,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5565
5599
|
React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5566
5600
|
};
|
|
5567
5601
|
|
|
5568
|
-
var styles$
|
|
5602
|
+
var styles$n = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
5569
5603
|
|
|
5570
|
-
var Component$
|
|
5604
|
+
var Component$o = function (_a) {
|
|
5571
5605
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
5572
5606
|
if (!title)
|
|
5573
5607
|
return null;
|
|
5574
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5608
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$n, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$n, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
|
|
5575
5609
|
};
|
|
5576
5610
|
/**
|
|
5577
5611
|
* Organism UI child component of nav menu analyst
|
|
5578
5612
|
*/
|
|
5579
|
-
var NavMenuAnalystDivider = Component$
|
|
5613
|
+
var NavMenuAnalystDivider = Component$o;
|
|
5580
5614
|
|
|
5581
5615
|
var navMenuAnalystIcons = {
|
|
5582
5616
|
home: {
|
|
@@ -5625,9 +5659,9 @@ var navMenuAnalystIcons = {
|
|
|
5625
5659
|
}
|
|
5626
5660
|
};
|
|
5627
5661
|
|
|
5628
|
-
var styles$
|
|
5662
|
+
var styles$m = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
5629
5663
|
|
|
5630
|
-
var Component$
|
|
5664
|
+
var Component$n = function (_a) {
|
|
5631
5665
|
var _b;
|
|
5632
5666
|
var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
|
|
5633
5667
|
var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
|
|
@@ -5710,7 +5744,7 @@ var Component$j = function (_a) {
|
|
|
5710
5744
|
}
|
|
5711
5745
|
}, [option.data, queryString, useQueryString]);
|
|
5712
5746
|
var linkStyles = CNM.get({
|
|
5713
|
-
styles: styles$
|
|
5747
|
+
styles: styles$m,
|
|
5714
5748
|
cls: [
|
|
5715
5749
|
'nav-menu-analyst-option__link',
|
|
5716
5750
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -5718,7 +5752,7 @@ var Component$j = function (_a) {
|
|
|
5718
5752
|
]
|
|
5719
5753
|
});
|
|
5720
5754
|
var dropdownStyles = CNM.get({
|
|
5721
|
-
styles: styles$
|
|
5755
|
+
styles: styles$m,
|
|
5722
5756
|
cls: [
|
|
5723
5757
|
'nav-menu-analyst-option__dropdown',
|
|
5724
5758
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -5736,21 +5770,21 @@ var Component$j = function (_a) {
|
|
|
5736
5770
|
}
|
|
5737
5771
|
return (React.createElement("div", { title: option.title, ref: optionRef },
|
|
5738
5772
|
React.createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
5739
|
-
styles: styles$
|
|
5773
|
+
styles: styles$m,
|
|
5740
5774
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
5741
5775
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
5742
5776
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
5743
5777
|
size: 18
|
|
5744
5778
|
} }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
5745
|
-
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$
|
|
5746
|
-
item.children.map(function (child, j) { return (React.createElement(Component$
|
|
5779
|
+
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$m, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
5780
|
+
item.children.map(function (child, j) { return (React.createElement(Component$n, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
5747
5781
|
};
|
|
5748
5782
|
/**
|
|
5749
5783
|
* Organism UI child component of nav menu analyst
|
|
5750
5784
|
*/
|
|
5751
|
-
var NavMenuAnalystOption = Component$
|
|
5785
|
+
var NavMenuAnalystOption = Component$n;
|
|
5752
5786
|
|
|
5753
|
-
var styles$
|
|
5787
|
+
var styles$l = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
5754
5788
|
|
|
5755
5789
|
var useAnalystModal = function (modals) {
|
|
5756
5790
|
var _a = useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -5794,7 +5828,7 @@ var AnalystProvider = function (_a) {
|
|
|
5794
5828
|
};
|
|
5795
5829
|
var useAnalyst = function () { return useContext(AnalystContext); };
|
|
5796
5830
|
|
|
5797
|
-
var Component$
|
|
5831
|
+
var Component$m = function (_a) {
|
|
5798
5832
|
var _b, _c;
|
|
5799
5833
|
var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
|
|
5800
5834
|
var containerRef = useRef(null);
|
|
@@ -5824,17 +5858,17 @@ var Component$i = function (_a) {
|
|
|
5824
5858
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
5825
5859
|
};
|
|
5826
5860
|
return (React.createElement("div", { className: CNM.get({
|
|
5827
|
-
styles: styles$
|
|
5861
|
+
styles: styles$l,
|
|
5828
5862
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
5829
5863
|
}) },
|
|
5830
|
-
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
5864
|
+
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__header'] }) },
|
|
5831
5865
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
5832
|
-
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
5833
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5866
|
+
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__container'] }) },
|
|
5867
|
+
React.createElement("div", { className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__section'] }) },
|
|
5834
5868
|
React.createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
5835
5869
|
section.children.map(function (child, j) { return (React.createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
5836
5870
|
React.createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
5837
|
-
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5871
|
+
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__region'] }) },
|
|
5838
5872
|
React.createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
5839
5873
|
icons: {
|
|
5840
5874
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -5845,27 +5879,27 @@ var Component$i = function (_a) {
|
|
|
5845
5879
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
5846
5880
|
} }))),
|
|
5847
5881
|
React.createElement("footer", { className: CNM.get({
|
|
5848
|
-
styles: styles$
|
|
5882
|
+
styles: styles$l,
|
|
5849
5883
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
5850
|
-
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
5884
|
+
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
5851
5885
|
React.createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
5852
5886
|
option.children.map(function (child, j) { return (React.createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
5853
5887
|
};
|
|
5854
5888
|
/**
|
|
5855
5889
|
* Organism UI component of navigation menu analyst
|
|
5856
5890
|
*/
|
|
5857
|
-
var NavMenuAnalyst = Component$
|
|
5891
|
+
var NavMenuAnalyst = Component$m;
|
|
5858
5892
|
|
|
5859
|
-
var styles$
|
|
5893
|
+
var styles$k = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
5860
5894
|
|
|
5861
|
-
var Component$
|
|
5895
|
+
var Component$l = function (_a) {
|
|
5862
5896
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
5863
5897
|
var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
5864
|
-
styles: styles$
|
|
5898
|
+
styles: styles$k,
|
|
5865
5899
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
5866
5900
|
}), onClick: function () { return handleClose(null); } }), {
|
|
5867
5901
|
sm: (React.createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
5868
|
-
styles: styles$
|
|
5902
|
+
styles: styles$k,
|
|
5869
5903
|
cls: [
|
|
5870
5904
|
'nav-menu-analyst-region-modal-content__button',
|
|
5871
5905
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -5873,34 +5907,34 @@ var Component$h = function (_a) {
|
|
|
5873
5907
|
}), onClick: function () { return handleClose(null); } }))
|
|
5874
5908
|
});
|
|
5875
5909
|
return (React.createElement(React.Fragment, null,
|
|
5876
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5910
|
+
React.createElement("div", { className: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
5877
5911
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
5878
5912
|
return (React.createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
5879
5913
|
icon: flag,
|
|
5880
5914
|
alt: lang,
|
|
5881
|
-
className: CNM.get({ styles: styles$
|
|
5882
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
5915
|
+
className: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
5916
|
+
}, childrenClassName: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
5883
5917
|
var lang = _a.lang;
|
|
5884
5918
|
return lang === defaultRegion;
|
|
5885
5919
|
}) ? defaultRegion === lang : index === 0) &&
|
|
5886
5920
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
5887
5921
|
React.createElement("span", null, name)));
|
|
5888
5922
|
})),
|
|
5889
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5923
|
+
React.createElement("div", { className: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
5890
5924
|
cancelButton,
|
|
5891
5925
|
React.createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
5892
|
-
styles: styles$
|
|
5926
|
+
styles: styles$k,
|
|
5893
5927
|
cls: [
|
|
5894
5928
|
'nav-menu-analyst-region-modal-content__button',
|
|
5895
5929
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
5896
5930
|
]
|
|
5897
5931
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
5898
5932
|
};
|
|
5899
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
5933
|
+
var NavMenuAnalystRegionModalContent = Component$l;
|
|
5900
5934
|
|
|
5901
|
-
var styles$
|
|
5935
|
+
var styles$j = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
5902
5936
|
|
|
5903
|
-
var Component$
|
|
5937
|
+
var Component$k = function (_a) {
|
|
5904
5938
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
5905
5939
|
var _b = useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
5906
5940
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -5908,9 +5942,9 @@ var Component$g = function (_a) {
|
|
|
5908
5942
|
setSelectedRegion(null);
|
|
5909
5943
|
handleRegionChange(region);
|
|
5910
5944
|
}, [handleRegionChange]);
|
|
5911
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
5945
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$j, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
5912
5946
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
5913
|
-
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
5947
|
+
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$j, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
5914
5948
|
React.createElement("h2", null, regionModal.title),
|
|
5915
5949
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
5916
5950
|
});
|
|
@@ -5919,24 +5953,24 @@ var Component$g = function (_a) {
|
|
|
5919
5953
|
/**
|
|
5920
5954
|
* Organism UI child component of nav menu analyst
|
|
5921
5955
|
*/
|
|
5922
|
-
var NavMenuAnalystRegionModal = Component$
|
|
5956
|
+
var NavMenuAnalystRegionModal = Component$k;
|
|
5923
5957
|
|
|
5924
|
-
var styles$
|
|
5958
|
+
var styles$i = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
5925
5959
|
|
|
5926
|
-
var Component$
|
|
5960
|
+
var Component$j = function (_a) {
|
|
5927
5961
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
5928
5962
|
var handleClose = useCallback(function () {
|
|
5929
5963
|
if (onClose) {
|
|
5930
5964
|
onClose();
|
|
5931
5965
|
}
|
|
5932
5966
|
}, [onClose]);
|
|
5933
|
-
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
5967
|
+
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$i, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
5934
5968
|
React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
5935
5969
|
};
|
|
5936
5970
|
/**
|
|
5937
5971
|
* Organism UI component of navigation menu analyst
|
|
5938
5972
|
*/
|
|
5939
|
-
var NavMenuDrawerAnalyst = Component$
|
|
5973
|
+
var NavMenuDrawerAnalyst = Component$j;
|
|
5940
5974
|
|
|
5941
5975
|
var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
5942
5976
|
|
|
@@ -6133,7 +6167,7 @@ var OneSelectionEntry = function (_a) {
|
|
|
6133
6167
|
React.createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6134
6168
|
};
|
|
6135
6169
|
|
|
6136
|
-
var Component$
|
|
6170
|
+
var Component$i = function (_a) {
|
|
6137
6171
|
var props = __rest(_a, []);
|
|
6138
6172
|
var container = useMediaQuery(React.createElement(Select2Desktop, __assign({}, props)), {
|
|
6139
6173
|
sm: React.createElement(Select2Mobile, __assign({}, props))
|
|
@@ -6145,13 +6179,13 @@ var Component$e = function (_a) {
|
|
|
6145
6179
|
/**
|
|
6146
6180
|
* Molecule UI child component of select 2
|
|
6147
6181
|
*/
|
|
6148
|
-
var Select2Container = Component$
|
|
6182
|
+
var Select2Container = Component$i;
|
|
6149
6183
|
|
|
6150
|
-
var styles$
|
|
6184
|
+
var styles$h = {"magneto-ui-select2-desktop":"mg_select2_desktop_magneto-ui-select2-desktop_yr6j4"};
|
|
6151
6185
|
|
|
6152
|
-
var Component$
|
|
6186
|
+
var Component$h = function (_a) {
|
|
6153
6187
|
var className = _a.className, clickOut = _a.clickOut, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, isMultiple = _a.isMultiple, setTerm = _a.setTerm;
|
|
6154
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6188
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$h, cls: ['select2-desktop', className] }) },
|
|
6155
6189
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: clickOut, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, isMultiple: isMultiple, setTerm: setTerm }),
|
|
6156
6190
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6157
6191
|
React.createElement(Select2List, { disabledList: disableList, list: list, onSelected: handleChange, selected: valueSelected, visible: clickOut, render: render })));
|
|
@@ -6159,16 +6193,16 @@ var Component$d = function (_a) {
|
|
|
6159
6193
|
/**
|
|
6160
6194
|
* Molecule UI child component of select 2
|
|
6161
6195
|
*/
|
|
6162
|
-
var Select2Desktop = Component$
|
|
6196
|
+
var Select2Desktop = Component$h;
|
|
6163
6197
|
|
|
6164
|
-
var styles$
|
|
6198
|
+
var styles$g = {"magneto-ui-select2-input__button":"mg_select2_input_magneto-ui-select2-input_button_14gdi","magneto-ui-select2-input__button--disabled":"mg_select2_input_magneto-ui-select2-input_button--disabled_14gdi","magneto-ui-select2-input__button-text--selected":"mg_select2_input_magneto-ui-select2-input_button-text--selected_14gdi","magneto-ui-select2-input__button-text--placeholder":"mg_select2_input_magneto-ui-select2-input_button-text--placeholder_14gdi","magneto-ui-select2-input__suffix-icon--rotate-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--rotate-arrow_14gdi","magneto-ui-select2-input__suffix-icon--static-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--static-arrow_14gdi","select-label":"mg_select2_input_select-label_14gdi"};
|
|
6165
6199
|
|
|
6166
|
-
var Component$
|
|
6200
|
+
var Component$g = function (_a) {
|
|
6167
6201
|
var _b, _c;
|
|
6168
6202
|
var clickOut = _a.clickOut, placeholder = _a.placeholder, searchValue = _a.searchValue, disabled = _a.disabled, handleSearch = _a.handleSearch, setClickOut = _a.setClickOut, disableList = _a.disableList, icon = _a.icon, valueSelected = _a.valueSelected, isMultiple = _a.isMultiple, name = _a.name, setTerm = _a.setTerm;
|
|
6169
6203
|
var arrowRotate = useMemo(function () {
|
|
6170
6204
|
return CNM.get({
|
|
6171
|
-
styles: styles$
|
|
6205
|
+
styles: styles$g,
|
|
6172
6206
|
cls: [
|
|
6173
6207
|
'select2-input__suffix-icon',
|
|
6174
6208
|
clickOut ? 'select2-input__suffix-icon--rotate-arrow' : 'select2-input__suffix-icon--static-arrow'
|
|
@@ -6181,23 +6215,23 @@ var Component$c = function (_a) {
|
|
|
6181
6215
|
return React.createElement("span", null, placeholder);
|
|
6182
6216
|
}
|
|
6183
6217
|
if ((_a = valueSelected[0]) === null || _a === void 0 ? void 0 : _a.name) {
|
|
6184
|
-
return (React.createElement("span", { className: styles$
|
|
6218
|
+
return (React.createElement("span", { className: styles$g['select-label'] },
|
|
6185
6219
|
React.createElement("span", null, placeholder),
|
|
6186
6220
|
React.createElement("span", null, (_b = valueSelected[0]) === null || _b === void 0 ? void 0 : _b.name)));
|
|
6187
6221
|
}
|
|
6188
6222
|
return React.createElement("span", null, placeholder);
|
|
6189
6223
|
}, [isMultiple, placeholder, valueSelected]);
|
|
6190
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6224
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$g, cls: ['select2-input'] }) },
|
|
6191
6225
|
React.createElement("div", { style: { display: clickOut ? 'block' : 'none' } },
|
|
6192
6226
|
React.createElement(Input, { type: "text", value: searchValue, placeholder: placeholder, name: name || placeholder, hideIcon: true, onChange: handleSearch, disabled: disabled, autoFocus: clickOut })),
|
|
6193
6227
|
React.createElement("button", { style: { display: clickOut ? 'none' : 'flex' }, type: "button", onClick: function () { return setClickOut(!clickOut); }, disabled: disableList || disabled, className: CNM.get({
|
|
6194
|
-
styles: styles$
|
|
6228
|
+
styles: styles$g,
|
|
6195
6229
|
cls: ['select2-input__button', (disableList || disabled) && 'select2-input__button--disabled']
|
|
6196
6230
|
}) },
|
|
6197
6231
|
React.createElement("span", null,
|
|
6198
6232
|
icon && React.createElement("img", { src: icon, alt: "select-icon" }),
|
|
6199
6233
|
React.createElement("p", { className: CNM.get({
|
|
6200
|
-
styles: styles$
|
|
6234
|
+
styles: styles$g,
|
|
6201
6235
|
cls: [
|
|
6202
6236
|
'select2-input__button-text',
|
|
6203
6237
|
valueSelected.length
|
|
@@ -6212,15 +6246,15 @@ var Component$c = function (_a) {
|
|
|
6212
6246
|
/**
|
|
6213
6247
|
* Molecule UI child component of select 2
|
|
6214
6248
|
*/
|
|
6215
|
-
var Select2Input = Component$
|
|
6249
|
+
var Select2Input = Component$g;
|
|
6216
6250
|
|
|
6217
|
-
var styles$
|
|
6251
|
+
var styles$f = {"magneto-ui-select2-list":"mg_select2_list_magneto-ui-select2-list_vqso0","magneto-ui-select2-list--desktop":"mg_select2_list_magneto-ui-select2-list--desktop_vqso0","magneto-ui-select2-list__item--is-selected":"mg_select2_list_magneto-ui-select2-list_item--is-selected_vqso0","magneto-ui-select2-list__item--not-selected":"mg_select2_list_magneto-ui-select2-list_item--not-selected_vqso0"};
|
|
6218
6252
|
|
|
6219
|
-
var Component$
|
|
6253
|
+
var Component$f = function (_a) {
|
|
6220
6254
|
var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
|
|
6221
6255
|
var itemStyles = useCallback(function (localId) {
|
|
6222
6256
|
return CNM.get({
|
|
6223
|
-
styles: styles$
|
|
6257
|
+
styles: styles$f,
|
|
6224
6258
|
cls: [
|
|
6225
6259
|
'select2-list__item',
|
|
6226
6260
|
(selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
@@ -6243,7 +6277,7 @@ var Component$b = function (_a) {
|
|
|
6243
6277
|
return null;
|
|
6244
6278
|
if (!list.length)
|
|
6245
6279
|
return null;
|
|
6246
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6280
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$f, cls: ['select2-list', !isMobile && 'select2-list--desktop'] }) }, list.map(function (_a, index) {
|
|
6247
6281
|
var props = __rest(_a, []);
|
|
6248
6282
|
return (React.createElement("button", { type: "button", key: props === null || props === void 0 ? void 0 : props.id, onClick: function () { return onSelected(props); }, disabled: (selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
6249
6283
|
var id = _a.id;
|
|
@@ -6254,11 +6288,11 @@ var Component$b = function (_a) {
|
|
|
6254
6288
|
/**
|
|
6255
6289
|
* Molecule UI child component of select 2
|
|
6256
6290
|
*/
|
|
6257
|
-
var Select2List = Component$
|
|
6291
|
+
var Select2List = Component$f;
|
|
6258
6292
|
|
|
6259
|
-
var styles$
|
|
6293
|
+
var styles$e = {"magneto-ui-select2-desktop":"mg_select2_mobile_magneto-ui-select2-desktop_174k1"};
|
|
6260
6294
|
|
|
6261
|
-
var Component$
|
|
6295
|
+
var Component$e = function (_a) {
|
|
6262
6296
|
var className = _a.className, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, isMobile = _a.isMobile, isMultiple = _a.isMultiple, limitSelections = _a.limitSelections, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, setTerm = _a.setTerm;
|
|
6263
6297
|
var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
|
|
6264
6298
|
useEffect(function () {
|
|
@@ -6272,7 +6306,7 @@ var Component$a = function (_a) {
|
|
|
6272
6306
|
return (React.createElement(React.Fragment, null,
|
|
6273
6307
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: false, disabled: disabled, handleSearch: handleSearch, setClickOut: function () { return handleVisible(true); }, disableList: disableList, isMultiple: isMultiple, icon: icon, valueSelected: valueSelected, setTerm: setTerm }),
|
|
6274
6308
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6275
|
-
React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$
|
|
6309
|
+
React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$e, cls: ['select2-desktop', className] }) },
|
|
6276
6310
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: true, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, name: "".concat(placeholder, "-mobile"), isMultiple: isMultiple, setTerm: setTerm }),
|
|
6277
6311
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6278
6312
|
React.createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, render: render, visible: true }))));
|
|
@@ -6280,15 +6314,15 @@ var Component$a = function (_a) {
|
|
|
6280
6314
|
/**
|
|
6281
6315
|
* Molecule UI child component of select 2
|
|
6282
6316
|
*/
|
|
6283
|
-
var Select2Mobile = Component$
|
|
6317
|
+
var Select2Mobile = Component$e;
|
|
6284
6318
|
|
|
6285
|
-
var styles$
|
|
6319
|
+
var styles$d = {"magneto-ui-select2-tags":"mg_select2_tags_magneto-ui-select2-tags_sxds5"};
|
|
6286
6320
|
|
|
6287
|
-
var Component$
|
|
6321
|
+
var Component$d = function (_a) {
|
|
6288
6322
|
var onRemove = _a.onRemove, tags = _a.tags, visible = _a.visible;
|
|
6289
6323
|
if (!visible || tags.length === 0)
|
|
6290
6324
|
return null;
|
|
6291
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6325
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$d, cls: ['select2-tags'] }) }, tags.map(function (_a) {
|
|
6292
6326
|
var id = _a.id, name = _a.name;
|
|
6293
6327
|
return (React.createElement(Tags, { onClick: function () { return onRemove(id); }, icon: Close, key: id, text: name }));
|
|
6294
6328
|
})));
|
|
@@ -6296,7 +6330,7 @@ var Component$9 = function (_a) {
|
|
|
6296
6330
|
/**
|
|
6297
6331
|
* Molecule UI child component of select 2
|
|
6298
6332
|
*/
|
|
6299
|
-
var Select2Tags = Component$
|
|
6333
|
+
var Select2Tags = Component$d;
|
|
6300
6334
|
|
|
6301
6335
|
var useSelect2 = function (_a) {
|
|
6302
6336
|
var setTerm = _a.setTerm, _b = _a.currentFields, currentFields = _b === void 0 ? [] : _b, limitSelections = _a.limitSelections, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, onChange = _a.onChange, isMultiple = _a.isMultiple, selectList = _a.selectList;
|
|
@@ -6367,7 +6401,7 @@ var useSelect2 = function (_a) {
|
|
|
6367
6401
|
return { list: list, removeValue: removeValue, handleChange: handleChange, disableList: disableList, handleSearch: handleSearch, searchValue: searchValue, valueSelected: valueSelected };
|
|
6368
6402
|
};
|
|
6369
6403
|
|
|
6370
|
-
var Component$
|
|
6404
|
+
var Component$c = function (_a) {
|
|
6371
6405
|
var props = __rest(_a, []);
|
|
6372
6406
|
var hookProps = __rest(useSelect2(__assign({}, props)), []);
|
|
6373
6407
|
return React.createElement(Select2Container, __assign({}, props, hookProps));
|
|
@@ -6375,7 +6409,7 @@ var Component$8 = function (_a) {
|
|
|
6375
6409
|
/**
|
|
6376
6410
|
* Molecule UI component of select 2
|
|
6377
6411
|
*/
|
|
6378
|
-
var Select2 = withClickOut(Component$
|
|
6412
|
+
var Select2 = withClickOut(Component$c);
|
|
6379
6413
|
|
|
6380
6414
|
var style$8 = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
|
|
6381
6415
|
|
|
@@ -6384,7 +6418,7 @@ var STATUS = {
|
|
|
6384
6418
|
CURRENT: 'current',
|
|
6385
6419
|
BLOCKED: 'blocked'
|
|
6386
6420
|
};
|
|
6387
|
-
var Component$
|
|
6421
|
+
var Component$b = function (_a) {
|
|
6388
6422
|
var steps = _a.steps, currentStep = _a.currentStep, _b = _a.onClick, onClick = _b === void 0 ? function () { return ({}); } : _b;
|
|
6389
6423
|
currentStep = Math.max(currentStep, 1);
|
|
6390
6424
|
var getStatus = function (index) {
|
|
@@ -6401,7 +6435,174 @@ var Component$7 = function (_a) {
|
|
|
6401
6435
|
return (React.createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
|
|
6402
6436
|
})));
|
|
6403
6437
|
};
|
|
6404
|
-
var Timeline = Component$
|
|
6438
|
+
var Timeline = Component$b;
|
|
6439
|
+
|
|
6440
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6441
|
+
var SelectContext = React.createContext({
|
|
6442
|
+
value: [],
|
|
6443
|
+
onChange: stubTrue,
|
|
6444
|
+
options: [],
|
|
6445
|
+
search: '',
|
|
6446
|
+
onSearch: stubUndefined,
|
|
6447
|
+
onSwitch: function () { return undefined; },
|
|
6448
|
+
open: false
|
|
6449
|
+
});
|
|
6450
|
+
var useSelectContext = function () { return useContext(SelectContext); };
|
|
6451
|
+
|
|
6452
|
+
var styles$c = {"select-input":"mg_select_input_select-input_17ogp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_17ogp","select-input--with-icon":"mg_select_input_select-input--with-icon_17ogp","select-button":"mg_select_input_select-button_17ogp","select-button__placeholder":"mg_select_input_select-button_placeholder_17ogp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_17ogp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_17ogp"};
|
|
6453
|
+
|
|
6454
|
+
var cx$5 = classNames.bind(styles$c);
|
|
6455
|
+
var getDefaulSelected = function (selected) {
|
|
6456
|
+
return selected.map(function (select) { return select.value; }).join(', ');
|
|
6457
|
+
};
|
|
6458
|
+
var Component$a = function (_a) {
|
|
6459
|
+
var onChange = _a.onChange, value = _a.value, className = _a.className, onClick = _a.onClick, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.actionIcon, actionIcon = _c === void 0 ? ArrowDown2 : _c, selected = _a.selected, _d = _a.getLabel, getLabel = _d === void 0 ? getDefaulSelected : _d, readOnly = _a.readOnly, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly"]);
|
|
6460
|
+
var ref = useRef({ onChange: onChange, id: generateID() });
|
|
6461
|
+
useEffect(function () {
|
|
6462
|
+
ref.current.onChange = onChange;
|
|
6463
|
+
}, [onChange]);
|
|
6464
|
+
useEffect(function () {
|
|
6465
|
+
if (!open)
|
|
6466
|
+
ref.current.onChange({
|
|
6467
|
+
target: {
|
|
6468
|
+
value: ''
|
|
6469
|
+
}
|
|
6470
|
+
});
|
|
6471
|
+
}, [open]);
|
|
6472
|
+
if (!readOnly) {
|
|
6473
|
+
return (React.createElement("div", { className: cx$5('select-input', className, {
|
|
6474
|
+
'select-input--with-icon': actionIcon !== undefined,
|
|
6475
|
+
'select-input--no-placeholder': rest.placeholder.length === 0
|
|
6476
|
+
}), onClick: onClick },
|
|
6477
|
+
React.createElement(Input, __assign({ name: ref.current.id, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon }, rest))));
|
|
6478
|
+
}
|
|
6479
|
+
return (React.createElement("button", { className: cx$5('select-button', className), onClick: onClick },
|
|
6480
|
+
React.createElement("span", { className: cx$5('select-button__placeholder', {
|
|
6481
|
+
'select-button__placeholder--selected': selected.length > 0,
|
|
6482
|
+
'select-button__placeholder--open': open
|
|
6483
|
+
}) }, open ? rest.placeholder : selected.length > 0 ? getLabel(selected) : rest.placeholder),
|
|
6484
|
+
actionIcon ? React.createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
|
|
6485
|
+
};
|
|
6486
|
+
var SelectInput = Component$a;
|
|
6487
|
+
|
|
6488
|
+
var styles$b = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
6489
|
+
|
|
6490
|
+
var cx$4 = classNames.bind(styles$b);
|
|
6491
|
+
var SelectClickout = function (_a) {
|
|
6492
|
+
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
6493
|
+
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
6494
|
+
var ref = useRef({ onSwitch: onSwitch, setClickOut: setClickOut });
|
|
6495
|
+
useEffect(function () {
|
|
6496
|
+
ref.current.onSwitch = onSwitch;
|
|
6497
|
+
ref.current.setClickOut = setClickOut;
|
|
6498
|
+
}, [onSwitch, setClickOut]);
|
|
6499
|
+
useEffect(function () {
|
|
6500
|
+
ref.current.setClickOut(open);
|
|
6501
|
+
}, [open]);
|
|
6502
|
+
useEffect(function () {
|
|
6503
|
+
if (!clickOut)
|
|
6504
|
+
ref.current.onSwitch(false);
|
|
6505
|
+
}, [clickOut]);
|
|
6506
|
+
if (open)
|
|
6507
|
+
return React.createElement("div", { className: cx$4('select-click-out') }, children);
|
|
6508
|
+
return null;
|
|
6509
|
+
};
|
|
6510
|
+
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
6511
|
+
|
|
6512
|
+
var styles$a = {"select-drawer":"mg_select_drawer_select-drawer_1d398"};
|
|
6513
|
+
|
|
6514
|
+
var cx$3 = classNames.bind(styles$a);
|
|
6515
|
+
var SelectDrawer = function (_a) {
|
|
6516
|
+
var className = _a.className, children = _a.children;
|
|
6517
|
+
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
6518
|
+
return (React.createElement(MobileDrawer, { className: cx$3('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6519
|
+
};
|
|
6520
|
+
|
|
6521
|
+
var styles$9 = {"checkbox":"mg_checkbox_checkbox_1fdbz","checkbox--inline":"mg_checkbox_checkbox--inline_1fdbz","checkbox--block":"mg_checkbox_checkbox--block_1fdbz","checkbox--checked":"mg_checkbox_checkbox--checked_1fdbz","checkbox--background":"mg_checkbox_checkbox--background_1fdbz","custom-checked":"mg_checkbox_custom-checked_1fdbz"};
|
|
6522
|
+
|
|
6523
|
+
var cx$2 = classNames.bind(styles$9);
|
|
6524
|
+
var Component$9 = function (_a) {
|
|
6525
|
+
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display"]);
|
|
6526
|
+
return (React.createElement("label", { className: cx$2('checkbox', "checkbox--".concat(display), className, {
|
|
6527
|
+
'checkbox--checked': checked,
|
|
6528
|
+
'checkbox--background': type === 'background'
|
|
6529
|
+
}), "data-name": "checkbox-container", htmlFor: id },
|
|
6530
|
+
React.createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
6531
|
+
var target = _a.target;
|
|
6532
|
+
return onChange(target.checked);
|
|
6533
|
+
}, type: "checkbox", id: id }, rest)),
|
|
6534
|
+
children));
|
|
6535
|
+
};
|
|
6536
|
+
var Checkbox = Component$9;
|
|
6537
|
+
|
|
6538
|
+
var styles$8 = {"select-list":"mg_select_list_check_select-list_1boet","select-list--visible":"mg_select_list_check_select-list--visible_1boet","select-list__item":"mg_select_list_check_select-list_item_1boet","select-list__checkbox":"mg_select_list_check_select-list_checkbox_1boet"};
|
|
6539
|
+
|
|
6540
|
+
var cx$1 = classNames.bind(styles$8);
|
|
6541
|
+
var defaultRenderItem = function (option) { return React.createElement(React.Fragment, null, option.label); };
|
|
6542
|
+
var isSelected = function (option, value) {
|
|
6543
|
+
return value.findIndex(function (_a) {
|
|
6544
|
+
var id = _a.id;
|
|
6545
|
+
return option.id === id;
|
|
6546
|
+
}) >= 0;
|
|
6547
|
+
};
|
|
6548
|
+
var defaultFilter = function (option, searchValue) {
|
|
6549
|
+
var _a, _b;
|
|
6550
|
+
return (_b = (_a = option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchValue.toLowerCase())) !== null && _b !== void 0 ? _b : true;
|
|
6551
|
+
};
|
|
6552
|
+
var Component$8 = function (_a) {
|
|
6553
|
+
var className = _a.className, _b = _a.renderItem, renderItem = _b === void 0 ? defaultRenderItem : _b, _c = _a.filter, filter = _c === void 0 ? defaultFilter : _c;
|
|
6554
|
+
var _d = Select.useContext(), options = _d.options, value = _d.value, onChange = _d.onChange, search = _d.search, open = _d.open;
|
|
6555
|
+
return (React.createElement("ul", { "data-name": "select-list", className: cx$1('select-list', className, { 'select-list--visible': open }) }, options
|
|
6556
|
+
.filter(function (option) { return filter(option, search, value); })
|
|
6557
|
+
.map(function (option) { return (React.createElement("li", { className: cx$1('select-list__item'), key: option.id },
|
|
6558
|
+
React.createElement(Checkbox, { type: "box", display: "block", className: cx$1('select-list__checkbox'), checked: isSelected(option, value), onChange: function (checked) {
|
|
6559
|
+
if (checked) {
|
|
6560
|
+
onChange(__spreadArray(__spreadArray([], value, true), [option], false));
|
|
6561
|
+
}
|
|
6562
|
+
else {
|
|
6563
|
+
onChange(value.filter(function (curr) { return curr.id !== option.id; }));
|
|
6564
|
+
}
|
|
6565
|
+
} }, renderItem(option)))); })));
|
|
6566
|
+
};
|
|
6567
|
+
var SelectListCheck = Component$8;
|
|
6568
|
+
|
|
6569
|
+
var styles$7 = {"select__list-container":"mg_select_select_list-container_1kwcm","select-input":"mg_select_select-input_1kwcm","select-input--open":"mg_select_select-input--open_1kwcm"};
|
|
6570
|
+
|
|
6571
|
+
var cx = classNames.bind(styles$7);
|
|
6572
|
+
var defaultSelect = function (props) {
|
|
6573
|
+
return (React.createElement(Select.Input, __assign({ hideIcon: true, className: cx('select-input', { 'select-input--open': props.open }), actionIcon: ArrowDown2 }, props)));
|
|
6574
|
+
};
|
|
6575
|
+
var Component$7 = function (_a) {
|
|
6576
|
+
var children = _a.children, _b = _a.renderSelect, renderSelect = _b === void 0 ? defaultSelect : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, options = _a.options, value = _a.value, _d = _a.onChange, onChange = _d === void 0 ? stubTrue : _d, _e = _a.inputReadonly, inputReadonly = _e === void 0 ? false : _e;
|
|
6577
|
+
var _f = useState(false), open = _f[0], setOpen = _f[1];
|
|
6578
|
+
var _g = useState(''), search = _g[0], setSearch = _g[1];
|
|
6579
|
+
return (React.createElement(SelectContext.Provider, { value: { options: options, value: value, onSwitch: setOpen, onChange: onChange, search: search, open: open, onSearch: setSearch } },
|
|
6580
|
+
renderSelect({
|
|
6581
|
+
placeholder: placeholder,
|
|
6582
|
+
readOnly: inputReadonly,
|
|
6583
|
+
onChange: function (_a) {
|
|
6584
|
+
var target = _a.target;
|
|
6585
|
+
return setSearch(target.value);
|
|
6586
|
+
},
|
|
6587
|
+
type: 'text',
|
|
6588
|
+
value: search,
|
|
6589
|
+
open: open,
|
|
6590
|
+
onClick: function () { return setOpen(true); },
|
|
6591
|
+
selected: value
|
|
6592
|
+
}),
|
|
6593
|
+
React.createElement("div", { className: cx('select__list-container'), "data-name": "select-list-container" }, children)));
|
|
6594
|
+
};
|
|
6595
|
+
/**
|
|
6596
|
+
* @experimental this component is early, so that the interface component and behavrior could change.
|
|
6597
|
+
* @deprecated this function will change soon.
|
|
6598
|
+
*/
|
|
6599
|
+
var Select = Object.assign(Component$7, {
|
|
6600
|
+
useContext: useSelectContext,
|
|
6601
|
+
Input: SelectInput,
|
|
6602
|
+
Clickout: SelectClickout$1,
|
|
6603
|
+
Drawer: SelectDrawer,
|
|
6604
|
+
ListCheck: SelectListCheck
|
|
6605
|
+
});
|
|
6405
6606
|
|
|
6406
6607
|
var styles$6 = {"magneto-ui-analyst-template":"mg_analyst_template_magneto-ui-analyst-template_77xpr","magneto-ui-analyst-template__container":"mg_analyst_template_magneto-ui-analyst-template_container_77xpr","magneto-ui-analyst-template__children":"mg_analyst_template_magneto-ui-analyst-template_children_77xpr"};
|
|
6407
6608
|
|
|
@@ -6791,11 +6992,14 @@ var SideFilter = function (_a) {
|
|
|
6791
6992
|
displayBackground));
|
|
6792
6993
|
};
|
|
6793
6994
|
|
|
6794
|
-
var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-
|
|
6995
|
+
var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-menu_1xm0d","magneto-ui-section-filter":"mg_sort_bar_magneto-ui-section-filter_1xm0d","magneto-ui-main-title":"mg_sort_bar_magneto-ui-main-title_1xm0d","magneto-ui-btn-text":"mg_sort_bar_magneto-ui-btn-text_1xm0d","magneto-ui-tooltip-quotas":"mg_sort_bar_magneto-ui-tooltip-quotas_1xm0d","magneto-ui-btn-menu":"mg_sort_bar_magneto-ui-btn-menu_1xm0d","magneto-ui-section-menu":"mg_sort_bar_magneto-ui-section-menu_1xm0d","magneto-ui-btn-order":"mg_sort_bar_magneto-ui-btn-order_1xm0d","hidden":"mg_sort_bar_hidden_1xm0d"};
|
|
6795
6996
|
|
|
6796
6997
|
var SortBar = function (_a) {
|
|
6797
6998
|
var textSortButton = _a.textSortButton, mainTitle = _a.mainTitle, filterSummary = _a.filterSummary, textOrderFilter = _a.textOrderFilter, orderFields = _a.orderFields, orderByText = _a.orderByText, loading = _a.loading, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, setIsFiltersOpen = _a.setIsFiltersOpen, orderFilter = _a.orderFilter, setFilter = _a.setFilter, emptyVacant = _a.emptyVacant, infoMessageQuotas = _a.infoMessageQuotas, widthInfoMessage = _a.widthInfoMessage;
|
|
6798
6999
|
var _c = useState(false), showMenu = _c[0], setShowMenu = _c[1];
|
|
7000
|
+
var tooltip = useMediaQuery(React.createElement(Tooltip, { title: infoMessageQuotas || '', position: "bottom", width: widthInfoMessage },
|
|
7001
|
+
React.createElement("div", { className: "".concat(styles$3['magneto-ui-tooltip-quotas']) },
|
|
7002
|
+
React.createElement("span", null, "?"))), { sm: React.createElement(Fragment, null) });
|
|
6799
7003
|
var sortMenu = useMediaQuery(React.createElement(SortMenu$1, { orderFields: orderFields, textOrderFilter: textOrderFilter, setFilter: setFilter, loading: loading }), {
|
|
6800
7004
|
md: (React.createElement("button", { className: styles$3['magneto-ui-btn-menu'], title: textOrderFilter, onClick: function () { return setShowMenu(true); } },
|
|
6801
7005
|
React.createElement("p", { className: styles$3['magneto-ui-btn-text'] }, textOrderFilter),
|
|
@@ -6818,9 +7022,7 @@ var SortBar = function (_a) {
|
|
|
6818
7022
|
React.createElement(MenuIcon, { type: "button", text: textSortButton, icon: Setting4, onClick: setIsFiltersOpen, size: 17, isActive: true }),
|
|
6819
7023
|
mainTitleByMediaQuery,
|
|
6820
7024
|
React.createElement("p", { className: "".concat(styles$3['magneto-ui-btn-text'], " ").concat(styles$3.hidden) }, filterSummary),
|
|
6821
|
-
infoMessageQuotas &&
|
|
6822
|
-
React.createElement("div", { className: "".concat(styles$3['magneto-ui-tooltip-quotas']) },
|
|
6823
|
-
React.createElement("span", null, "?"))))),
|
|
7025
|
+
infoMessageQuotas && tooltip),
|
|
6824
7026
|
sortBarButtonAltRender),
|
|
6825
7027
|
React.createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
|
|
6826
7028
|
};
|
|
@@ -7077,5 +7279,5 @@ var Component = function (_a) {
|
|
|
7077
7279
|
};
|
|
7078
7280
|
var SuggestedJobsPage = Component;
|
|
7079
7281
|
|
|
7080
|
-
export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, ERadioType, EmptyResult as EmptyResults, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7282
|
+
export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, ERadioType, EmptyResult as EmptyResults, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7081
7283
|
//# sourceMappingURL=index.js.map
|