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/cjs/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
250
250
|
|
|
251
251
|
var style$Y = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
|
-
var Component$
|
|
253
|
+
var Component$1T = function (_a) {
|
|
254
254
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
255
255
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
256
256
|
var handleError = function () {
|
|
@@ -261,14 +261,14 @@ var Component$1P = function (_a) {
|
|
|
261
261
|
var customStyle = size ? { width: size + 'px' } : {};
|
|
262
262
|
if (!iconSrc && !showDefaultFallback)
|
|
263
263
|
return null;
|
|
264
|
-
return (React__default["default"].createElement(React.Fragment, null, icon && (React__default["default"].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 }))));
|
|
264
|
+
return (React__default["default"].createElement(React.Fragment, null, icon && (React__default["default"].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 }))));
|
|
265
265
|
};
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$1T;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$1Q = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
272
272
|
|
|
273
273
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
274
274
|
|
|
@@ -508,21 +508,21 @@ var QuestionCircle = "https://static.magneto365.com/lib/assets/26163b1c4adfad74.
|
|
|
508
508
|
|
|
509
509
|
var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
|
|
510
510
|
|
|
511
|
-
var Component$
|
|
511
|
+
var Component$1S = function (_a) {
|
|
512
512
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
513
513
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
514
514
|
var handleError = function () {
|
|
515
515
|
setImageError(true);
|
|
516
516
|
};
|
|
517
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
517
|
+
return (React__default["default"].createElement("div", { className: styles$1Q.avatarComponent, onClick: onClick },
|
|
518
518
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
519
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
519
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-default-avatar'] },
|
|
520
520
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
521
521
|
};
|
|
522
522
|
/**
|
|
523
523
|
* UI Atom component of Avatar
|
|
524
524
|
*/
|
|
525
|
-
var Avatar = Component$
|
|
525
|
+
var Avatar = Component$1S;
|
|
526
526
|
|
|
527
527
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
528
528
|
|
|
@@ -639,9 +639,9 @@ var SignUpButtonStyle = {
|
|
|
639
639
|
}
|
|
640
640
|
};
|
|
641
641
|
|
|
642
|
-
var styles$
|
|
642
|
+
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"};
|
|
643
643
|
|
|
644
|
-
var styles$
|
|
644
|
+
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"};
|
|
645
645
|
|
|
646
646
|
var ShareIcons = {
|
|
647
647
|
Facebook: {
|
|
@@ -661,7 +661,7 @@ var ShareIcons = {
|
|
|
661
661
|
}
|
|
662
662
|
};
|
|
663
663
|
|
|
664
|
-
var Component$
|
|
664
|
+
var Component$1R = function (_a) {
|
|
665
665
|
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;
|
|
666
666
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
667
667
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -674,46 +674,46 @@ var Component$1N = function (_a) {
|
|
|
674
674
|
};
|
|
675
675
|
if (component)
|
|
676
676
|
return component;
|
|
677
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
678
|
-
React__default["default"].createElement("div", { id: styles$
|
|
677
|
+
return (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-actions'] },
|
|
678
|
+
React__default["default"].createElement("div", { id: styles$1O['magneto-ui__external-child'] }, externalButtonChild),
|
|
679
679
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
680
|
-
React__default["default"].createElement("button", { className: styles$
|
|
680
|
+
React__default["default"].createElement("button", { className: styles$1O['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
681
681
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
682
682
|
} },
|
|
683
683
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
684
684
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
685
685
|
actionsLinkList.map(function (_a, index) {
|
|
686
686
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
687
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
687
|
+
return (React__default["default"].createElement("a", { className: styles$1O['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
688
688
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
689
689
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
690
690
|
}),
|
|
691
|
-
React__default["default"].createElement("div", { className: styles$
|
|
692
|
-
React__default["default"].createElement("p", { className: styles$
|
|
693
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
691
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-actions__header'] },
|
|
692
|
+
React__default["default"].createElement("p", { className: styles$1O['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
693
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$1O['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
694
694
|
};
|
|
695
695
|
var ShareLinksAction = function (_a) {
|
|
696
696
|
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;
|
|
697
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
698
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
697
|
+
return (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-actions'] },
|
|
698
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$1O['magneto-ui-actions__share'] }, shareProps)),
|
|
699
699
|
shareLinks.map(function (_a, index) {
|
|
700
700
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
701
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
701
|
+
return (React__default["default"].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(' ') },
|
|
702
702
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
703
703
|
React__default["default"].createElement("span", null, title)));
|
|
704
704
|
}),
|
|
705
|
-
React__default["default"].createElement("div", { className: styles$
|
|
706
|
-
React__default["default"].createElement("p", { className: styles$
|
|
707
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
708
|
-
React__default["default"].createElement("div", { className: styles$
|
|
709
|
-
React__default["default"].createElement("button", { className: styles$
|
|
705
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-actions__header'] },
|
|
706
|
+
React__default["default"].createElement("p", { className: styles$1O['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
707
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$1O['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
708
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-actions__back'] },
|
|
709
|
+
React__default["default"].createElement("button", { className: styles$1O['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
710
710
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
711
711
|
backText)));
|
|
712
712
|
};
|
|
713
713
|
/**
|
|
714
714
|
* UI Molecule componet of Actions
|
|
715
715
|
*/
|
|
716
|
-
var Actions = Object.assign(Component$
|
|
716
|
+
var Actions = Object.assign(Component$1R, { ShareLinks: ShareLinksAction });
|
|
717
717
|
|
|
718
718
|
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"};
|
|
719
719
|
|
|
@@ -739,7 +739,7 @@ var alertIcons = {
|
|
|
739
739
|
warning: Warning,
|
|
740
740
|
error: Error
|
|
741
741
|
};
|
|
742
|
-
var Component$
|
|
742
|
+
var Component$1Q = function (_a) {
|
|
743
743
|
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;
|
|
744
744
|
var borderStyle = border ? style$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
745
745
|
var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
|
|
@@ -751,7 +751,7 @@ var Component$1M = function (_a) {
|
|
|
751
751
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
752
752
|
extraButton));
|
|
753
753
|
};
|
|
754
|
-
var Alert = Component$
|
|
754
|
+
var Alert = Component$1Q;
|
|
755
755
|
|
|
756
756
|
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"};
|
|
757
757
|
|
|
@@ -793,7 +793,7 @@ var DrawerPortal = function (_a) {
|
|
|
793
793
|
|
|
794
794
|
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"};
|
|
795
795
|
|
|
796
|
-
var Component$
|
|
796
|
+
var Component$1P = function (_a) {
|
|
797
797
|
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;
|
|
798
798
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
799
799
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -829,7 +829,7 @@ var Component$1L = function (_a) {
|
|
|
829
829
|
/**
|
|
830
830
|
* Molecule UI component for Mobile Drawer
|
|
831
831
|
*/
|
|
832
|
-
var MobileDrawer = Component$
|
|
832
|
+
var MobileDrawer = Component$1P;
|
|
833
833
|
|
|
834
834
|
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"};
|
|
835
835
|
|
|
@@ -885,11 +885,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
885
885
|
};
|
|
886
886
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
887
887
|
|
|
888
|
-
var styles$
|
|
888
|
+
var styles$1N = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
889
889
|
|
|
890
|
-
var Component$
|
|
890
|
+
var Component$1O = function (_a) {
|
|
891
891
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
892
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
892
|
+
return (React__default["default"].createElement("div", { className: styles$1N.BreadcrumbsComponent },
|
|
893
893
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
894
894
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
895
895
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -897,52 +897,52 @@ var Component$1K = function (_a) {
|
|
|
897
897
|
/**
|
|
898
898
|
* Molecule UI component for breadcrums information
|
|
899
899
|
*/
|
|
900
|
-
var Breadcrumbs = Component$
|
|
900
|
+
var Breadcrumbs = Component$1O;
|
|
901
901
|
|
|
902
|
-
var styles$
|
|
902
|
+
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"};
|
|
903
903
|
|
|
904
904
|
var CitiesDetailDrawer = function (_a) {
|
|
905
905
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
906
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
907
|
-
React__default["default"].createElement("div", { className: styles$
|
|
906
|
+
return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
907
|
+
React__default["default"].createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
908
908
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
909
|
-
React__default["default"].createElement("div", { className: styles$
|
|
910
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
909
|
+
React__default["default"].createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
910
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
911
911
|
cities &&
|
|
912
912
|
cities.map(function (_a, index) {
|
|
913
913
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
914
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
914
|
+
return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
915
915
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
916
916
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
917
917
|
})))) : null));
|
|
918
918
|
};
|
|
919
919
|
|
|
920
|
-
var styles$
|
|
920
|
+
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"};
|
|
921
921
|
|
|
922
|
-
var Component$
|
|
922
|
+
var Component$1N = function (_a) {
|
|
923
923
|
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;
|
|
924
924
|
var disabledArrow = React.useMemo(function () {
|
|
925
925
|
if (disabled)
|
|
926
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
926
|
+
return (React__default["default"].createElement(IconItem, { className: styles$1L['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
927
927
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
928
928
|
}, [disabled]);
|
|
929
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
930
|
-
React__default["default"].createElement("select", { className: styles$
|
|
931
|
-
React__default["default"].createElement("option", { className: styles$
|
|
929
|
+
return (React__default["default"].createElement("div", { className: styles$1L['magneto-ui--date-dropdown__wrapper'] },
|
|
930
|
+
React__default["default"].createElement("select", { className: styles$1L["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
931
|
+
React__default["default"].createElement("option", { className: styles$1L['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
932
932
|
dateOptions.map(function (_a) {
|
|
933
933
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
934
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
934
|
+
return (React__default["default"].createElement("option", { className: styles$1L['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
935
935
|
})),
|
|
936
|
-
React__default["default"].createElement("span", { className: styles$
|
|
936
|
+
React__default["default"].createElement("span", { className: styles$1L['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
937
937
|
};
|
|
938
|
-
var DateDropdown = Component$
|
|
938
|
+
var DateDropdown = Component$1N;
|
|
939
939
|
|
|
940
|
-
var styles$
|
|
940
|
+
var styles$1K = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
941
941
|
|
|
942
942
|
var defaultValue$1 = function (value) {
|
|
943
943
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
944
944
|
};
|
|
945
|
-
var Component$
|
|
945
|
+
var Component$1M = function (_a) {
|
|
946
946
|
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;
|
|
947
947
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
948
948
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -976,16 +976,16 @@ var Component$1I = function (_a) {
|
|
|
976
976
|
}
|
|
977
977
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
978
978
|
}, [disabled]);
|
|
979
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
979
|
+
return (React__default["default"].createElement("div", { className: styles$1K['magneto-ui--date-picker__wrapper'] },
|
|
980
980
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
981
981
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
982
982
|
};
|
|
983
|
-
var DatePicker = Component$
|
|
983
|
+
var DatePicker = Component$1M;
|
|
984
984
|
|
|
985
985
|
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"};
|
|
986
986
|
|
|
987
987
|
var DEFAULT_PADDING = 20;
|
|
988
|
-
var Component$
|
|
988
|
+
var Component$1L = function (_a) {
|
|
989
989
|
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;
|
|
990
990
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
991
991
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1031,7 +1031,7 @@ var Component$1H = function (_a) {
|
|
|
1031
1031
|
/**
|
|
1032
1032
|
* Molecule UI component for Drawer
|
|
1033
1033
|
*/
|
|
1034
|
-
var Drawer = Component$
|
|
1034
|
+
var Drawer = Component$1L;
|
|
1035
1035
|
|
|
1036
1036
|
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"};
|
|
1037
1037
|
|
|
@@ -1087,7 +1087,41 @@ var isDate = function (value) {
|
|
|
1087
1087
|
return value instanceof Date && !isNaN(value.valueOf());
|
|
1088
1088
|
};
|
|
1089
1089
|
|
|
1090
|
-
var
|
|
1090
|
+
var stubTrue = function () { return true; };
|
|
1091
|
+
var stubUndefined = function () { return undefined; };
|
|
1092
|
+
|
|
1093
|
+
var classNames = {
|
|
1094
|
+
bind: function (stylesObj) {
|
|
1095
|
+
return function () {
|
|
1096
|
+
var params = [];
|
|
1097
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
1098
|
+
params[_i] = arguments[_i];
|
|
1099
|
+
}
|
|
1100
|
+
return params
|
|
1101
|
+
// avoid nullish
|
|
1102
|
+
.filter(function (param) { return param != null; })
|
|
1103
|
+
.map(function (cls) {
|
|
1104
|
+
var _a;
|
|
1105
|
+
if (typeof cls === 'string')
|
|
1106
|
+
return (_a = stylesObj[cls]) !== null && _a !== void 0 ? _a : cls;
|
|
1107
|
+
return Object.entries(cls)
|
|
1108
|
+
.filter(function (_a) {
|
|
1109
|
+
var value = _a[1];
|
|
1110
|
+
return value;
|
|
1111
|
+
})
|
|
1112
|
+
.map(function (_a) {
|
|
1113
|
+
var _b;
|
|
1114
|
+
var key = _a[0];
|
|
1115
|
+
return (_b = stylesObj[key]) !== null && _b !== void 0 ? _b : key;
|
|
1116
|
+
})
|
|
1117
|
+
.join(' ');
|
|
1118
|
+
})
|
|
1119
|
+
.join(' ');
|
|
1120
|
+
};
|
|
1121
|
+
}
|
|
1122
|
+
};
|
|
1123
|
+
|
|
1124
|
+
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"};
|
|
1091
1125
|
|
|
1092
1126
|
var FilterMenuItem = function (_a) {
|
|
1093
1127
|
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"]);
|
|
@@ -1102,35 +1136,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1102
1136
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1103
1137
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1104
1138
|
var className = React.useMemo(function () {
|
|
1105
|
-
return isApplied ? styles$
|
|
1139
|
+
return isApplied ? styles$1J.selected : isSearched ? styles$1J.isSearched : hiddenCount ? '' : !total && styles$1J.disabled;
|
|
1106
1140
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1107
1141
|
var handleClick = React.useCallback(function () {
|
|
1108
1142
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1109
1143
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1110
1144
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1111
1145
|
if (loading)
|
|
1112
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1113
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1146
|
+
return React__default["default"].createElement("div", { className: styles$1J.skeleton });
|
|
1147
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1J['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1114
1148
|
React__default["default"].createElement("span", null, label),
|
|
1115
1149
|
displayOutput));
|
|
1116
1150
|
};
|
|
1117
1151
|
|
|
1118
|
-
var styles$
|
|
1152
|
+
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"};
|
|
1119
1153
|
|
|
1120
1154
|
var FilterSearchItem = function (_a) {
|
|
1121
1155
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1122
1156
|
var inputRef = React.useRef(null);
|
|
1123
1157
|
if (loading)
|
|
1124
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1158
|
+
return (React__default["default"].createElement("div", { className: styles$1I.skeleton },
|
|
1125
1159
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1126
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1160
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1I['magneto-ui-filter-search'], " ").concat(disabled ? styles$1I.disabled : '') },
|
|
1127
1161
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1128
1162
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1129
1163
|
};
|
|
1130
1164
|
|
|
1131
|
-
var styles$
|
|
1165
|
+
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"};
|
|
1132
1166
|
|
|
1133
|
-
var Component$
|
|
1167
|
+
var Component$1K = function (_a) {
|
|
1134
1168
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1135
1169
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1136
1170
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1140,46 +1174,46 @@ var Component$1G = function (_a) {
|
|
|
1140
1174
|
return searchList;
|
|
1141
1175
|
}, [searchList, showFullList]);
|
|
1142
1176
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1143
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1144
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1145
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1177
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-frequent-search'] },
|
|
1178
|
+
React__default["default"].createElement("h2", { className: styles$1H['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1179
|
+
React__default["default"].createElement("div", { className: styles$1H['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1146
1180
|
var props = __rest(_a, []);
|
|
1147
1181
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1148
1182
|
})),
|
|
1149
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1183
|
+
React__default["default"].createElement("div", { className: styles$1H['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1H['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1150
1184
|
showMore,
|
|
1151
1185
|
" (",
|
|
1152
1186
|
searchList.length,
|
|
1153
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1187
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1H['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1154
1188
|
};
|
|
1155
1189
|
/**
|
|
1156
1190
|
* UI Atom component of Frequent Search
|
|
1157
1191
|
*/
|
|
1158
|
-
var FrequentSearch = Component$
|
|
1192
|
+
var FrequentSearch = Component$1K;
|
|
1159
1193
|
|
|
1160
1194
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1161
1195
|
|
|
1162
|
-
var Component$
|
|
1196
|
+
var Component$1J = function (_a) {
|
|
1163
1197
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1164
1198
|
return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
|
|
1165
1199
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1166
1200
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1167
1201
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1168
1202
|
};
|
|
1169
|
-
var HeaderDrawerCompany = Component$
|
|
1203
|
+
var HeaderDrawerCompany = Component$1J;
|
|
1170
1204
|
|
|
1171
|
-
var styles$
|
|
1205
|
+
var styles$1G = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1172
1206
|
|
|
1173
|
-
var Component$
|
|
1207
|
+
var Component$1I = function (_a) {
|
|
1174
1208
|
var children = _a.children;
|
|
1175
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1209
|
+
return React__default["default"].createElement("div", { className: styles$1G.TabComponent }, children);
|
|
1176
1210
|
};
|
|
1177
1211
|
/**
|
|
1178
1212
|
* Molecule UI for Tab
|
|
1179
1213
|
*/
|
|
1180
|
-
var Tab = Component$
|
|
1214
|
+
var Tab = Component$1I;
|
|
1181
1215
|
|
|
1182
|
-
var styles$
|
|
1216
|
+
var styles$1F = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1183
1217
|
|
|
1184
1218
|
var toCSSVariables = function (input) {
|
|
1185
1219
|
var output = {};
|
|
@@ -1194,35 +1228,35 @@ var toCSSVariables = function (input) {
|
|
|
1194
1228
|
return output;
|
|
1195
1229
|
};
|
|
1196
1230
|
|
|
1197
|
-
var Component$
|
|
1231
|
+
var Component$1H = function (_a) {
|
|
1198
1232
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1199
1233
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1200
1234
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1201
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1235
|
+
return (React__default["default"].createElement("div", { className: styles$1F.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1202
1236
|
};
|
|
1203
1237
|
/**
|
|
1204
1238
|
* Molecule UI component for Tab Button
|
|
1205
1239
|
*/
|
|
1206
|
-
var TabButton = Component$
|
|
1240
|
+
var TabButton = Component$1H;
|
|
1207
1241
|
|
|
1208
|
-
var styles$
|
|
1242
|
+
var styles$1E = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1209
1243
|
|
|
1210
|
-
var Component$
|
|
1244
|
+
var Component$1G = function (_a) {
|
|
1211
1245
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1212
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1246
|
+
return (React__default["default"].createElement("div", { className: styles$1E.HeaderDrawerTabsComponent },
|
|
1213
1247
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1214
1248
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1215
1249
|
React__default["default"].createElement(Tab, null,
|
|
1216
1250
|
React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1217
1251
|
React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1218
1252
|
};
|
|
1219
|
-
var HeaderDrawerTabs = Component$
|
|
1253
|
+
var HeaderDrawerTabs = Component$1G;
|
|
1220
1254
|
|
|
1221
|
-
var styles$
|
|
1255
|
+
var styles$1D = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1222
1256
|
|
|
1223
|
-
var Component$
|
|
1257
|
+
var Component$1F = function (_a) {
|
|
1224
1258
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1225
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1259
|
+
return (React__default["default"].createElement("div", { className: styles$1D.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1226
1260
|
var headerTabProps = __rest(_a, []);
|
|
1227
1261
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1228
1262
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1233,9 +1267,9 @@ var Component$1B = function (_a) {
|
|
|
1233
1267
|
/**
|
|
1234
1268
|
* Molecule UI component for header tabs information`
|
|
1235
1269
|
*/
|
|
1236
|
-
var HeaderTabs = Component$
|
|
1270
|
+
var HeaderTabs = Component$1F;
|
|
1237
1271
|
|
|
1238
|
-
var styles$
|
|
1272
|
+
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"};
|
|
1239
1273
|
|
|
1240
1274
|
var Input = function (_a) {
|
|
1241
1275
|
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"]);
|
|
@@ -1270,28 +1304,28 @@ var Input = function (_a) {
|
|
|
1270
1304
|
setInputValue(e.target.value);
|
|
1271
1305
|
}, [onChange]);
|
|
1272
1306
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1273
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1307
|
+
React__default["default"].createElement("div", { className: styles$1C["".concat(classMUI, "-input")] },
|
|
1274
1308
|
React__default["default"].createElement("div", null,
|
|
1275
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1309
|
+
React__default["default"].createElement("div", { className: styles$1C["".concat(classMUI, "-input--container")] },
|
|
1276
1310
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1277
1311
|
left: hideIcon ? '10px' : '40px',
|
|
1278
1312
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1279
1313
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1280
|
-
}, className: styles$
|
|
1314
|
+
}, className: styles$1C["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1281
1315
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1282
1316
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1283
|
-
}, disabled: disabled, className: styles$
|
|
1284
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1285
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1286
|
-
React__default["default"].createElement("img", { src: actionIcon }))) : null))),
|
|
1287
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1288
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1317
|
+
}, 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" })),
|
|
1318
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1C["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1319
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1C["".concat(classMUI, "-input--container__icon-action")] },
|
|
1320
|
+
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1321
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1C["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1C['footer-without-error'] : '') },
|
|
1322
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1C["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1289
1323
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1290
1324
|
};
|
|
1291
1325
|
|
|
1292
|
-
var styles$
|
|
1326
|
+
var styles$1B = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1293
1327
|
|
|
1294
|
-
var Component$
|
|
1328
|
+
var Component$1E = function (_a) {
|
|
1295
1329
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1296
1330
|
var loadingSize = React.useMemo(function () {
|
|
1297
1331
|
if (size) {
|
|
@@ -1305,11 +1339,11 @@ var Component$1A = function (_a) {
|
|
|
1305
1339
|
height: '15px'
|
|
1306
1340
|
};
|
|
1307
1341
|
}, [size]);
|
|
1308
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1342
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1B["".concat(classMUI, "-flat-loader")] }));
|
|
1309
1343
|
};
|
|
1310
|
-
var FlatLoader = Component$
|
|
1344
|
+
var FlatLoader = Component$1E;
|
|
1311
1345
|
|
|
1312
|
-
var styles$
|
|
1346
|
+
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"};
|
|
1313
1347
|
|
|
1314
1348
|
var InputPlus = function (_a) {
|
|
1315
1349
|
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;
|
|
@@ -1353,16 +1387,16 @@ var InputPlus = function (_a) {
|
|
|
1353
1387
|
}
|
|
1354
1388
|
}
|
|
1355
1389
|
}, [disabledBtn, handleSubmmit]);
|
|
1356
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1390
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1A["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1357
1391
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1358
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1392
|
+
React__default["default"].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__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1A['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1359
1393
|
};
|
|
1360
1394
|
|
|
1361
|
-
var styles$
|
|
1395
|
+
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"};
|
|
1362
1396
|
|
|
1363
1397
|
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"};
|
|
1364
1398
|
|
|
1365
|
-
var Component$
|
|
1399
|
+
var Component$1D = function (_a) {
|
|
1366
1400
|
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"]);
|
|
1367
1401
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1368
1402
|
return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1380,10 +1414,10 @@ var Component$1z = function (_a) {
|
|
|
1380
1414
|
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1381
1415
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
|
|
1382
1416
|
};
|
|
1383
|
-
Component$
|
|
1384
|
-
var SharePopover = Component$
|
|
1417
|
+
Component$1D.displayName = 'SharePopover';
|
|
1418
|
+
var SharePopover = Component$1D;
|
|
1385
1419
|
|
|
1386
|
-
var Component$
|
|
1420
|
+
var Component$1C = function (_a) {
|
|
1387
1421
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1388
1422
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1389
1423
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1391,30 +1425,30 @@ var Component$1y = function (_a) {
|
|
|
1391
1425
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1392
1426
|
}); });
|
|
1393
1427
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1394
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1395
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1396
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1428
|
+
return (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-actions'] },
|
|
1429
|
+
React__default["default"].createElement("div", { id: styles$1z['magneto-ui__external-child'] }, externalButtonChild),
|
|
1430
|
+
React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1397
1431
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1398
1432
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1399
1433
|
filteredActionsLinkList.map(function (_a) {
|
|
1400
1434
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1401
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1402
|
-
React__default["default"].createElement("a", { className: styles$
|
|
1435
|
+
return (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1436
|
+
React__default["default"].createElement("a", { className: styles$1z['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1403
1437
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1404
1438
|
}))));
|
|
1405
1439
|
};
|
|
1406
1440
|
/**
|
|
1407
1441
|
* UI Molecule Component for Jobs Actions
|
|
1408
1442
|
*/
|
|
1409
|
-
var JobActions = Component$
|
|
1443
|
+
var JobActions = Component$1C;
|
|
1410
1444
|
|
|
1411
|
-
var styles$
|
|
1445
|
+
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"};
|
|
1412
1446
|
|
|
1413
|
-
var Component$
|
|
1447
|
+
var Component$1B = function (_a) {
|
|
1414
1448
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1415
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1416
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1417
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1449
|
+
return (React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-apply-card'] },
|
|
1450
|
+
React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-apply-card__wrapper'] },
|
|
1451
|
+
React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-apply-card__header'] },
|
|
1418
1452
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1419
1453
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1420
1454
|
offerApplyElements
|
|
@@ -1424,16 +1458,16 @@ var Component$1x = function (_a) {
|
|
|
1424
1458
|
})
|
|
1425
1459
|
.map(function (_a) {
|
|
1426
1460
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1427
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1461
|
+
return (React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1428
1462
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1429
1463
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1430
1464
|
})),
|
|
1431
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1465
|
+
React__default["default"].createElement("div", { id: styles$1y['magneto-ui__external-child'] }, externalChild))));
|
|
1432
1466
|
};
|
|
1433
1467
|
/**
|
|
1434
1468
|
* UI Molecule Component for Job Apply Card
|
|
1435
1469
|
*/
|
|
1436
|
-
var JobApplyCard = Component$
|
|
1470
|
+
var JobApplyCard = Component$1B;
|
|
1437
1471
|
|
|
1438
1472
|
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"};
|
|
1439
1473
|
|
|
@@ -1517,29 +1551,29 @@ var JobCard = function (_a) {
|
|
|
1517
1551
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
1518
1552
|
};
|
|
1519
1553
|
|
|
1520
|
-
var styles$
|
|
1554
|
+
var styles$1x = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1521
1555
|
|
|
1522
|
-
var Component$
|
|
1556
|
+
var Component$1A = function (_a) {
|
|
1523
1557
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1524
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1558
|
+
return (React__default["default"].createElement("div", { className: styles$1x['magneto-ui-job-company-header'] },
|
|
1525
1559
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1526
1560
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1527
1561
|
};
|
|
1528
1562
|
/**
|
|
1529
1563
|
* UI Molecule component for Company Job Header
|
|
1530
1564
|
*/
|
|
1531
|
-
var JobCompanyHeader = Component$
|
|
1565
|
+
var JobCompanyHeader = Component$1A;
|
|
1532
1566
|
|
|
1533
|
-
var styles$
|
|
1567
|
+
var styles$1w = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1534
1568
|
|
|
1535
|
-
var Component$
|
|
1569
|
+
var Component$1z = function (_a) {
|
|
1536
1570
|
var offerDescription = _a.offerDescription;
|
|
1537
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1571
|
+
return (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
1538
1572
|
};
|
|
1539
1573
|
/**
|
|
1540
1574
|
* UI Molecule Component for Job Detail Card Header
|
|
1541
1575
|
*/
|
|
1542
|
-
var JobDetailCard = Component$
|
|
1576
|
+
var JobDetailCard = Component$1z;
|
|
1543
1577
|
|
|
1544
1578
|
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"};
|
|
1545
1579
|
|
|
@@ -1554,9 +1588,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1554
1588
|
children));
|
|
1555
1589
|
};
|
|
1556
1590
|
|
|
1557
|
-
var styles$
|
|
1591
|
+
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"};
|
|
1558
1592
|
|
|
1559
|
-
var Component$
|
|
1593
|
+
var Component$1y = function (_a) {
|
|
1560
1594
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1561
1595
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1562
1596
|
icon: iconList && iconList[index],
|
|
@@ -1566,27 +1600,27 @@ var Component$1u = function (_a) {
|
|
|
1566
1600
|
var offerDetailText = _a.offerDetailText;
|
|
1567
1601
|
return !!offerDetailText;
|
|
1568
1602
|
});
|
|
1569
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1570
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1603
|
+
return (React__default["default"].createElement("div", { className: styles$1v['magneto-ui-job-details'] },
|
|
1604
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui-job-details__wrapper'] },
|
|
1571
1605
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1572
1606
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1573
1607
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1574
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1575
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1608
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1v['magneto-ui-job-details__item-detail'] },
|
|
1609
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui-job-details__item-detail-icon'] },
|
|
1576
1610
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
1577
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1611
|
+
React__default["default"].createElement("p", { className: styles$1v['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
1578
1612
|
})),
|
|
1579
1613
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
1580
1614
|
};
|
|
1581
1615
|
/**
|
|
1582
1616
|
* UI Molecule component for Job Detail
|
|
1583
1617
|
*/
|
|
1584
|
-
Component$
|
|
1585
|
-
var JobDetails = Component$
|
|
1618
|
+
Component$1y.displayName = 'JobDetails';
|
|
1619
|
+
var JobDetails = Component$1y;
|
|
1586
1620
|
|
|
1587
|
-
var styles$
|
|
1621
|
+
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"};
|
|
1588
1622
|
|
|
1589
|
-
var Component$
|
|
1623
|
+
var Component$1x = function (_a) {
|
|
1590
1624
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
1591
1625
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
1592
1626
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -1597,28 +1631,28 @@ var Component$1t = function (_a) {
|
|
|
1597
1631
|
title: title
|
|
1598
1632
|
});
|
|
1599
1633
|
});
|
|
1600
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1634
|
+
return (React__default["default"].createElement("div", { className: styles$1u['magneto-ui-job-footer-card'] },
|
|
1601
1635
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
1602
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1636
|
+
React__default["default"].createElement("div", { className: styles$1u['magneto-ui-job-footer-card__icons'] },
|
|
1603
1637
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
1604
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1638
|
+
React__default["default"].createElement("div", { className: styles$1u['magneto-ui-job-footer-card__wrapper'] },
|
|
1605
1639
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
1606
1640
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
1607
1641
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
1608
1642
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
1609
1643
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
1610
1644
|
})),
|
|
1611
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1645
|
+
React__default["default"].createElement("div", { className: styles$1u['magneto-ui__share-button'] },
|
|
1612
1646
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
1613
1647
|
};
|
|
1614
1648
|
/**
|
|
1615
1649
|
* UI Molecule component for Job Footer Card
|
|
1616
1650
|
*/
|
|
1617
|
-
var JobFooterCard = Component$
|
|
1651
|
+
var JobFooterCard = Component$1x;
|
|
1618
1652
|
|
|
1619
|
-
var styles$
|
|
1653
|
+
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"};
|
|
1620
1654
|
|
|
1621
|
-
var Component$
|
|
1655
|
+
var Component$1w = function (_a) {
|
|
1622
1656
|
var name = _a.name, score = _a.score;
|
|
1623
1657
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
1624
1658
|
var skillRef = React.useRef(null);
|
|
@@ -1654,21 +1688,21 @@ var Component$1s = function (_a) {
|
|
|
1654
1688
|
4: 'four'
|
|
1655
1689
|
};
|
|
1656
1690
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
1657
|
-
var fillAnimation = animationApplied ? styles$
|
|
1658
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
1659
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1691
|
+
var fillAnimation = animationApplied ? styles$1t[levelClass] : '';
|
|
1692
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1t['magneto-ui-skill'] },
|
|
1693
|
+
React__default["default"].createElement("div", { className: styles$1t['magneto-ui-skill__wrapper'] },
|
|
1660
1694
|
React__default["default"].createElement("p", null, name),
|
|
1661
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1695
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1t['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1t['magneto-ui-skill--no-animation']) }))));
|
|
1662
1696
|
};
|
|
1663
|
-
var Skill = Component$
|
|
1697
|
+
var Skill = Component$1w;
|
|
1664
1698
|
|
|
1665
|
-
var styles$
|
|
1699
|
+
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"};
|
|
1666
1700
|
|
|
1667
|
-
var Component$
|
|
1701
|
+
var Component$1v = function (_a) {
|
|
1668
1702
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
1669
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
1703
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-skills-card'] },
|
|
1670
1704
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
1671
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1705
|
+
React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
1672
1706
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
1673
1707
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
1674
1708
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -1677,9 +1711,9 @@ var Component$1r = function (_a) {
|
|
|
1677
1711
|
/**
|
|
1678
1712
|
* UI Molecule component of Job Skills Card
|
|
1679
1713
|
*/
|
|
1680
|
-
var JobSkillsCard = Component$
|
|
1714
|
+
var JobSkillsCard = Component$1v;
|
|
1681
1715
|
|
|
1682
|
-
var styles$
|
|
1716
|
+
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"};
|
|
1683
1717
|
|
|
1684
1718
|
var JobVideo = function (_a) {
|
|
1685
1719
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -1694,13 +1728,13 @@ var JobVideo = function (_a) {
|
|
|
1694
1728
|
setLoadVideo && setLoadVideo(false);
|
|
1695
1729
|
}
|
|
1696
1730
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
1697
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
1731
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1r[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1r['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
1698
1732
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
1699
1733
|
};
|
|
1700
1734
|
|
|
1701
1735
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
1702
1736
|
|
|
1703
|
-
var Component$
|
|
1737
|
+
var Component$1u = function (_a) {
|
|
1704
1738
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
1705
1739
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
1706
1740
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -1708,11 +1742,11 @@ var Component$1q = function (_a) {
|
|
|
1708
1742
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
1709
1743
|
})));
|
|
1710
1744
|
};
|
|
1711
|
-
var ListIconLink = Component$
|
|
1745
|
+
var ListIconLink = Component$1u;
|
|
1712
1746
|
|
|
1713
1747
|
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"};
|
|
1714
1748
|
|
|
1715
|
-
var Component$
|
|
1749
|
+
var Component$1t = function (_a) {
|
|
1716
1750
|
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;
|
|
1717
1751
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
1718
1752
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -1721,11 +1755,11 @@ var Component$1p = function (_a) {
|
|
|
1721
1755
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
1722
1756
|
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
1723
1757
|
};
|
|
1724
|
-
var MenuIcon = Component$
|
|
1758
|
+
var MenuIcon = Component$1t;
|
|
1725
1759
|
|
|
1726
1760
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
1727
1761
|
|
|
1728
|
-
var Component$
|
|
1762
|
+
var Component$1s = function (_a) {
|
|
1729
1763
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
1730
1764
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
1731
1765
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -1746,16 +1780,16 @@ var Component$1o = function (_a) {
|
|
|
1746
1780
|
React__default["default"].createElement(Divider, null),
|
|
1747
1781
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
1748
1782
|
};
|
|
1749
|
-
var ListMenuIcons = Component$
|
|
1783
|
+
var ListMenuIcons = Component$1s;
|
|
1750
1784
|
|
|
1751
|
-
var Component$
|
|
1785
|
+
var Component$1r = function (_a) {
|
|
1752
1786
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
1753
1787
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
1754
1788
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
1755
1789
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
1756
1790
|
})));
|
|
1757
1791
|
};
|
|
1758
|
-
var ListMenuItems = Component$
|
|
1792
|
+
var ListMenuItems = Component$1r;
|
|
1759
1793
|
|
|
1760
1794
|
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"};
|
|
1761
1795
|
|
|
@@ -1798,16 +1832,16 @@ var MagnetoResolution = function (_a) {
|
|
|
1798
1832
|
React__default["default"].createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
1799
1833
|
};
|
|
1800
1834
|
|
|
1801
|
-
var styles$
|
|
1835
|
+
var styles$1q = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1802
1836
|
|
|
1803
1837
|
var Image = function (_a) {
|
|
1804
1838
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1805
1839
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1806
1840
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1807
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1841
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1q['magneto-ui-play-button'] }, playIcon)));
|
|
1808
1842
|
};
|
|
1809
1843
|
|
|
1810
|
-
var styles$
|
|
1844
|
+
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"};
|
|
1811
1845
|
|
|
1812
1846
|
var MegaMenuCard = function (_a) {
|
|
1813
1847
|
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;
|
|
@@ -1817,23 +1851,23 @@ var MegaMenuCard = function (_a) {
|
|
|
1817
1851
|
onClick();
|
|
1818
1852
|
}
|
|
1819
1853
|
}, [onClick]);
|
|
1820
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1821
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1854
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1p["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1855
|
+
icon && (React__default["default"].createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__icon"] },
|
|
1822
1856
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1823
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1824
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1825
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1826
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1827
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1828
|
-
showRigthArrow && (React__default["default"].createElement("div", { className: styles$
|
|
1857
|
+
logo && (React__default["default"].createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__logo"] },
|
|
1858
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1p["magneto-ui-mega-menu-card__logo"] }))),
|
|
1859
|
+
React__default["default"].createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__content"] },
|
|
1860
|
+
React__default["default"].createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__title"] }, title),
|
|
1861
|
+
React__default["default"].createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas, " cupos"))),
|
|
1862
|
+
showRigthArrow && (React__default["default"].createElement("div", { className: styles$1p["magneto-ui-mega-menu-card__arrow"] },
|
|
1829
1863
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1830
1864
|
};
|
|
1831
1865
|
|
|
1832
1866
|
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"};
|
|
1833
1867
|
|
|
1834
|
-
var styles$
|
|
1868
|
+
var styles$1o = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1835
1869
|
|
|
1836
|
-
var Component$
|
|
1870
|
+
var Component$1q = function (_a) {
|
|
1837
1871
|
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;
|
|
1838
1872
|
var handleClick = React.useCallback(function (event) {
|
|
1839
1873
|
if (onClick) {
|
|
@@ -1841,15 +1875,15 @@ var Component$1m = function (_a) {
|
|
|
1841
1875
|
onClick();
|
|
1842
1876
|
}
|
|
1843
1877
|
}, [onClick]);
|
|
1844
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
1845
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1846
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1847
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1878
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1o['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1879
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1o['button-link__icon'] })),
|
|
1880
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1o['button-link__text'] }, buttonText),
|
|
1881
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1o['button-link__icon'] }))));
|
|
1848
1882
|
};
|
|
1849
1883
|
/**
|
|
1850
1884
|
* UI Atom Component of Save Button
|
|
1851
1885
|
*/
|
|
1852
|
-
var ButtonLink = Component$
|
|
1886
|
+
var ButtonLink = Component$1q;
|
|
1853
1887
|
|
|
1854
1888
|
var MegaMenuCards = function (_a) {
|
|
1855
1889
|
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
|
|
@@ -1919,7 +1953,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
1919
1953
|
React__default["default"].createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__content"]) }, content)));
|
|
1920
1954
|
};
|
|
1921
1955
|
|
|
1922
|
-
var styles$
|
|
1956
|
+
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"};
|
|
1923
1957
|
|
|
1924
1958
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
1925
1959
|
var MegaMenuPopover = function (_a) {
|
|
@@ -1938,27 +1972,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
1938
1972
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
1939
1973
|
}, [showContent]);
|
|
1940
1974
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1941
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1942
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
1943
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
1944
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1945
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1946
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1975
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1n["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
1976
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1n["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
1977
|
+
React__default["default"].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 }))),
|
|
1978
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1n["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1n["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
1979
|
+
React__default["default"].createElement("div", { className: styles$1n["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
1980
|
+
React__default["default"].createElement("div", { className: styles$1n["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
1947
1981
|
event.stopPropagation();
|
|
1948
1982
|
} }, children))));
|
|
1949
1983
|
};
|
|
1950
1984
|
|
|
1951
|
-
var styles$
|
|
1985
|
+
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"};
|
|
1952
1986
|
|
|
1953
1987
|
var MenuSearch = function (_a) {
|
|
1954
1988
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
1955
1989
|
var onBlur = React.useCallback(function () {
|
|
1956
1990
|
handleOnBlur && handleOnBlur();
|
|
1957
1991
|
}, [handleOnBlur]);
|
|
1958
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1959
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1992
|
+
return (React__default["default"].createElement("div", { className: styles$1m['magneto-ui-menu-search'], onBlur: onBlur },
|
|
1993
|
+
React__default["default"].createElement("div", { className: styles$1m['magneto-ui-menu-search_container'] },
|
|
1960
1994
|
children,
|
|
1961
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1995
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1m['magneto-ui-menu-search_content'], " ").concat(show && styles$1m.open) }, content))));
|
|
1962
1996
|
};
|
|
1963
1997
|
|
|
1964
1998
|
var initialState = {
|
|
@@ -1973,7 +2007,7 @@ var iconByType = {
|
|
|
1973
2007
|
error: Error
|
|
1974
2008
|
};
|
|
1975
2009
|
|
|
1976
|
-
var styles$
|
|
2010
|
+
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"};
|
|
1977
2011
|
|
|
1978
2012
|
var Message = function (props) {
|
|
1979
2013
|
var _a = React.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];
|
|
@@ -1988,8 +2022,8 @@ var Message = function (props) {
|
|
|
1988
2022
|
messageRef.current.style.setProperty('--default-duration', exitDuration);
|
|
1989
2023
|
}, [duration]);
|
|
1990
2024
|
return (React__default["default"].createElement(React.Fragment, null, text &&
|
|
1991
|
-
ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { ref: messageRef, className: "".concat(styles$
|
|
1992
|
-
React__default["default"].createElement("img", { src: iconByType[type], className: styles$
|
|
2025
|
+
ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { ref: messageRef, className: "".concat(styles$1l.container, " ").concat(styles$1l.show) },
|
|
2026
|
+
React__default["default"].createElement("img", { src: iconByType[type], className: styles$1l.icon, alt: type }),
|
|
1993
2027
|
text), document.body)));
|
|
1994
2028
|
};
|
|
1995
2029
|
var message = function (props) {
|
|
@@ -2007,11 +2041,11 @@ var message = function (props) {
|
|
|
2007
2041
|
setTimeout(function () { return document.body.removeChild(container); }, duration);
|
|
2008
2042
|
};
|
|
2009
2043
|
|
|
2010
|
-
var styles$
|
|
2044
|
+
var styles$1k = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2011
2045
|
|
|
2012
|
-
var Component$
|
|
2046
|
+
var Component$1p = function (_a) {
|
|
2013
2047
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2014
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2048
|
+
return (React__default["default"].createElement("div", { className: styles$1k['magneto-ui-mobile-job-details-header'] },
|
|
2015
2049
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2016
2050
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2017
2051
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2019,11 +2053,11 @@ var Component$1l = function (_a) {
|
|
|
2019
2053
|
/**
|
|
2020
2054
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2021
2055
|
*/
|
|
2022
|
-
var MobileJobDetailsHeader = Component$
|
|
2056
|
+
var MobileJobDetailsHeader = Component$1p;
|
|
2023
2057
|
|
|
2024
|
-
var styles$
|
|
2058
|
+
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"};
|
|
2025
2059
|
|
|
2026
|
-
var Component$
|
|
2060
|
+
var Component$1o = function (_a) {
|
|
2027
2061
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2028
2062
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2029
2063
|
var searchInputRef = React.useRef(null);
|
|
@@ -2045,20 +2079,20 @@ var Component$1k = function (_a) {
|
|
|
2045
2079
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2046
2080
|
}
|
|
2047
2081
|
}, [focusSearchInput]);
|
|
2048
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2082
|
+
return (React__default["default"].createElement("div", { className: styles$1j.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2049
2083
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2050
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2051
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2084
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1j['search-badge'] }),
|
|
2085
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1j['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2052
2086
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2053
2087
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2054
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2088
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1j['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2055
2089
|
};
|
|
2056
2090
|
/**
|
|
2057
2091
|
* Molecule UI component for MobileSearchbar
|
|
2058
2092
|
*/
|
|
2059
|
-
var MobileSearchbar = Component$
|
|
2093
|
+
var MobileSearchbar = Component$1o;
|
|
2060
2094
|
|
|
2061
|
-
var styles$
|
|
2095
|
+
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"};
|
|
2062
2096
|
|
|
2063
2097
|
var Modal = function (_a) {
|
|
2064
2098
|
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;
|
|
@@ -2071,40 +2105,40 @@ var Modal = function (_a) {
|
|
|
2071
2105
|
if (!isOpen)
|
|
2072
2106
|
return null;
|
|
2073
2107
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2074
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2075
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2076
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2108
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1i["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2109
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1i["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2110
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1i["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2077
2111
|
children,
|
|
2078
|
-
React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2112
|
+
React__default["default"].createElement("button", { className: "".concat(styles$1i["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2079
2113
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2080
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2114
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1i["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2081
2115
|
};
|
|
2082
2116
|
var Title = function (_a) {
|
|
2083
2117
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2084
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2118
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1i["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2085
2119
|
};
|
|
2086
2120
|
var Description = function (_a) {
|
|
2087
2121
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2088
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2122
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1i["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2089
2123
|
};
|
|
2090
2124
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2091
2125
|
|
|
2092
|
-
var styles$
|
|
2126
|
+
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"};
|
|
2093
2127
|
|
|
2094
2128
|
var BtnPagination = function (_a) {
|
|
2095
2129
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2096
2130
|
var displayContent = React.useMemo(function () {
|
|
2097
2131
|
if (loading && value && current === value)
|
|
2098
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2132
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1h['magneto-ui-btn-pagination_spinner'] });
|
|
2099
2133
|
return value;
|
|
2100
2134
|
}, [loading, current, value]);
|
|
2101
2135
|
var pageQueryParam = 'paginator[page]=';
|
|
2102
2136
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2103
2137
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2104
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2105
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2138
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1h['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2139
|
+
React__default["default"].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 },
|
|
2106
2140
|
displayContent,
|
|
2107
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2141
|
+
displayIcon))) : (React__default["default"].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 },
|
|
2108
2142
|
displayContent,
|
|
2109
2143
|
displayIcon))));
|
|
2110
2144
|
};
|
|
@@ -2155,7 +2189,7 @@ var createPagination = function (_a) {
|
|
|
2155
2189
|
};
|
|
2156
2190
|
};
|
|
2157
2191
|
|
|
2158
|
-
var styles$
|
|
2192
|
+
var styles$1g = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2159
2193
|
|
|
2160
2194
|
var Pagination = function (_a) {
|
|
2161
2195
|
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;
|
|
@@ -2174,16 +2208,16 @@ var Pagination = function (_a) {
|
|
|
2174
2208
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2175
2209
|
if (total <= pageSize)
|
|
2176
2210
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2177
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2211
|
+
return (React__default["default"].createElement("div", { className: styles$1g['magneto-ui-pagination'] },
|
|
2178
2212
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2179
2213
|
React__default["default"].createElement("ul", null,
|
|
2180
2214
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2181
2215
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2182
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2216
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1g['magneto-ui-pagination_ellipsis'] }))),
|
|
2183
2217
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2184
2218
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2185
2219
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2186
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2220
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1g['magneto-ui-pagination_ellipsis'] }),
|
|
2187
2221
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2188
2222
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2189
2223
|
};
|
|
@@ -2203,9 +2237,9 @@ var generateID = function () {
|
|
|
2203
2237
|
return uniqueID;
|
|
2204
2238
|
};
|
|
2205
2239
|
|
|
2206
|
-
var styles$
|
|
2240
|
+
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"};
|
|
2207
2241
|
|
|
2208
|
-
var Component$
|
|
2242
|
+
var Component$1n = function (_a) {
|
|
2209
2243
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2210
2244
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2211
2245
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2233,19 +2267,19 @@ var Component$1j = function (_a) {
|
|
|
2233
2267
|
}
|
|
2234
2268
|
return { backgroundColor: '#c4c4c4' };
|
|
2235
2269
|
}, [color, score, spanHover]);
|
|
2236
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2270
|
+
return (React__default["default"].createElement("div", { className: styles$1f['magneto-ui-score-level'] },
|
|
2237
2271
|
React__default["default"].createElement("p", null, name),
|
|
2238
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2272
|
+
React__default["default"].createElement("div", { className: styles$1f['magneto-ui-score-level__summary'] },
|
|
2239
2273
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2240
2274
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2241
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2275
|
+
React__default["default"].createElement("button", { className: styles$1f['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2242
2276
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2243
2277
|
};
|
|
2244
|
-
var ScoreLevel = Component$
|
|
2278
|
+
var ScoreLevel = Component$1n;
|
|
2245
2279
|
|
|
2246
|
-
var styles$
|
|
2280
|
+
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"};
|
|
2247
2281
|
|
|
2248
|
-
var Component$
|
|
2282
|
+
var Component$1m = function (_a) {
|
|
2249
2283
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2250
2284
|
var labelScore = React.useMemo(function () {
|
|
2251
2285
|
return levels[scoreValue - 1];
|
|
@@ -2260,17 +2294,17 @@ var Component$1i = function (_a) {
|
|
|
2260
2294
|
}
|
|
2261
2295
|
return { backgroundColor: '#c4c4c4' };
|
|
2262
2296
|
}, [color, scoreValue]);
|
|
2263
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2297
|
+
return (React__default["default"].createElement("div", { className: styles$1e['magneto-ui-score-level'] },
|
|
2264
2298
|
React__default["default"].createElement("p", null, name),
|
|
2265
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2299
|
+
React__default["default"].createElement("div", { className: styles$1e['magneto-ui-score-level__summary'] },
|
|
2266
2300
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2267
2301
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2268
2302
|
};
|
|
2269
|
-
var ScoreLevelStatic = Component$
|
|
2303
|
+
var ScoreLevelStatic = Component$1m;
|
|
2270
2304
|
|
|
2271
|
-
var styles$
|
|
2305
|
+
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"};
|
|
2272
2306
|
|
|
2273
|
-
var Component$
|
|
2307
|
+
var Component$1l = function (_a) {
|
|
2274
2308
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2275
2309
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2276
2310
|
React.useEffect(function () {
|
|
@@ -2286,32 +2320,32 @@ var Component$1h = function (_a) {
|
|
|
2286
2320
|
setSearchValue('');
|
|
2287
2321
|
onSearch('');
|
|
2288
2322
|
};
|
|
2289
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2323
|
+
return (React__default["default"].createElement("div", { className: styles$1d.SearchbarComponent },
|
|
2290
2324
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2291
2325
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2292
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2293
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2326
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1d['SearchbarComponent__badge'] }),
|
|
2327
|
+
React__default["default"].createElement("div", { className: styles$1d['magneto-ui-searchbar-buttons'] },
|
|
2294
2328
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2295
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2329
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1d['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2296
2330
|
React__default["default"].createElement("span", null, "|"))),
|
|
2297
2331
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2298
2332
|
};
|
|
2299
2333
|
/**
|
|
2300
2334
|
* UI Molecule of a searchbar
|
|
2301
2335
|
*/
|
|
2302
|
-
var Searchbar = Component$
|
|
2336
|
+
var Searchbar = Component$1l;
|
|
2303
2337
|
|
|
2304
|
-
var styles$
|
|
2338
|
+
var styles$1c = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2305
2339
|
|
|
2306
|
-
var Component$
|
|
2340
|
+
var Component$1k = function (_a) {
|
|
2307
2341
|
var props = __rest(_a, []);
|
|
2308
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2309
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2342
|
+
return (React__default["default"].createElement("div", { className: styles$1c['search-button'] },
|
|
2343
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1c['search-button__badge'] }),
|
|
2310
2344
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2311
2345
|
};
|
|
2312
|
-
var SearchButton = Component$
|
|
2346
|
+
var SearchButton = Component$1k;
|
|
2313
2347
|
|
|
2314
|
-
var styles$
|
|
2348
|
+
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"};
|
|
2315
2349
|
|
|
2316
2350
|
var SimilarJobsCard = function (_a) {
|
|
2317
2351
|
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;
|
|
@@ -2321,12 +2355,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2321
2355
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2322
2356
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2323
2357
|
}, [cities, salary, experience]);
|
|
2324
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2325
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2358
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2359
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2326
2360
|
React__default["default"].createElement("div", null,
|
|
2327
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2328
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2329
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2361
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2362
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2363
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1b["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2330
2364
|
};
|
|
2331
2365
|
|
|
2332
2366
|
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"};
|
|
@@ -2348,7 +2382,7 @@ var SortMenu = function (_a) {
|
|
|
2348
2382
|
};
|
|
2349
2383
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2350
2384
|
|
|
2351
|
-
var styles$
|
|
2385
|
+
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"};
|
|
2352
2386
|
|
|
2353
2387
|
var TextArea = function (_a) {
|
|
2354
2388
|
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"]);
|
|
@@ -2374,15 +2408,15 @@ var TextArea = function (_a) {
|
|
|
2374
2408
|
return;
|
|
2375
2409
|
setShowPlaceholder(scrollTop === 0);
|
|
2376
2410
|
}, [showPlaceholder]);
|
|
2377
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2378
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2411
|
+
return (React__default["default"].createElement("div", { className: styles$1a["".concat(classMUI, "-text-area")] },
|
|
2412
|
+
React__default["default"].createElement("div", { className: styles$1a["".concat(classMUI, "-text-area--container")] },
|
|
2379
2413
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2380
2414
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2381
2415
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2382
|
-
}, className: styles$
|
|
2383
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2384
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2385
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2416
|
+
}, className: styles$1a["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2417
|
+
React__default["default"].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 }))),
|
|
2418
|
+
React__default["default"].createElement("div", { className: styles$1a["".concat(classMUI, "-text-area__footer")] },
|
|
2419
|
+
React__default["default"].createElement("span", { className: styles$1a["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2386
2420
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2387
2421
|
};
|
|
2388
2422
|
|
|
@@ -2393,7 +2427,7 @@ var timelineIcons = {
|
|
|
2393
2427
|
current: Clock,
|
|
2394
2428
|
blocked: Lock
|
|
2395
2429
|
};
|
|
2396
|
-
var Component$
|
|
2430
|
+
var Component$1j = function (_a) {
|
|
2397
2431
|
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;
|
|
2398
2432
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2399
2433
|
var titleStyle = style$A["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2406,24 +2440,24 @@ var Component$1f = function (_a) {
|
|
|
2406
2440
|
React__default["default"].createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2407
2441
|
React__default["default"].createElement("p", { className: "".concat(style$A["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2408
2442
|
};
|
|
2409
|
-
var TimelineEvent = Component$
|
|
2443
|
+
var TimelineEvent = Component$1j;
|
|
2410
2444
|
|
|
2411
|
-
var styles$
|
|
2445
|
+
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"};
|
|
2412
2446
|
|
|
2413
2447
|
var Tooltip = function (_a) {
|
|
2414
2448
|
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;
|
|
2415
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2416
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2449
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$19['tooltip-container'], " ").concat(styles$19["tooltip-".concat(position)]) },
|
|
2450
|
+
React__default["default"].createElement("div", { className: "".concat(styles$19['tooltip'], " ").concat(styles$19["tooltip-".concat(position)]) },
|
|
2417
2451
|
children,
|
|
2418
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2452
|
+
React__default["default"].createElement("span", { className: "".concat(styles$19['tooltip-text'], " ").concat(styles$19["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2419
2453
|
};
|
|
2420
2454
|
|
|
2421
|
-
var Component$
|
|
2455
|
+
var Component$1i = function (_a) {
|
|
2422
2456
|
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;
|
|
2423
2457
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2424
2458
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2425
2459
|
};
|
|
2426
|
-
var UserMenu = withClickOut(Component$
|
|
2460
|
+
var UserMenu = withClickOut(Component$1i);
|
|
2427
2461
|
|
|
2428
2462
|
var userMenuAnalystIcons = {
|
|
2429
2463
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2435,11 +2469,11 @@ var userMenuAnalystIcons = {
|
|
|
2435
2469
|
redo: RedoDarkBlue
|
|
2436
2470
|
};
|
|
2437
2471
|
|
|
2438
|
-
var styles$
|
|
2472
|
+
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"};
|
|
2439
2473
|
|
|
2440
|
-
var styles$
|
|
2474
|
+
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"};
|
|
2441
2475
|
|
|
2442
|
-
var Component$
|
|
2476
|
+
var Component$1h = function (_a) {
|
|
2443
2477
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2444
2478
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2445
2479
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -2452,12 +2486,12 @@ var Component$1d = function (_a) {
|
|
|
2452
2486
|
}
|
|
2453
2487
|
}, [handleModal, handleMenuOpen, option]);
|
|
2454
2488
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2455
|
-
styles: styles$
|
|
2489
|
+
styles: styles$17,
|
|
2456
2490
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2457
2491
|
}) },
|
|
2458
2492
|
prefix,
|
|
2459
2493
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
2460
|
-
styles: styles$
|
|
2494
|
+
styles: styles$17,
|
|
2461
2495
|
cls: ['user-menu-analyst-option-default__container']
|
|
2462
2496
|
}), 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 }),
|
|
2463
2497
|
suffix));
|
|
@@ -2465,31 +2499,31 @@ var Component$1d = function (_a) {
|
|
|
2465
2499
|
/**
|
|
2466
2500
|
* Molecule UI great-grand child component of menu dropdown
|
|
2467
2501
|
*/
|
|
2468
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
2502
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1h);
|
|
2469
2503
|
|
|
2470
|
-
var styles$
|
|
2504
|
+
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"};
|
|
2471
2505
|
|
|
2472
|
-
var Component$
|
|
2506
|
+
var Component$1g = function (_a) {
|
|
2473
2507
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2474
2508
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2475
|
-
styles: styles$
|
|
2509
|
+
styles: styles$16,
|
|
2476
2510
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2477
2511
|
}) },
|
|
2478
2512
|
prefix,
|
|
2479
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2513
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2480
2514
|
suffix));
|
|
2481
2515
|
};
|
|
2482
2516
|
/**
|
|
2483
2517
|
* Molecule UI great-grand child component of menu dropdown
|
|
2484
2518
|
*/
|
|
2485
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
2519
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1g);
|
|
2486
2520
|
|
|
2487
|
-
var styles
|
|
2521
|
+
var styles$15 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2488
2522
|
|
|
2489
|
-
var Component$
|
|
2523
|
+
var Component$1f = function (_a) {
|
|
2490
2524
|
var option = _a.option, className = _a.className;
|
|
2491
2525
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2492
|
-
styles: styles
|
|
2526
|
+
styles: styles$15,
|
|
2493
2527
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2494
2528
|
}) },
|
|
2495
2529
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -2497,9 +2531,9 @@ var Component$1b = function (_a) {
|
|
|
2497
2531
|
/**
|
|
2498
2532
|
* Molecule UI great-grand child component of menu dropdown
|
|
2499
2533
|
*/
|
|
2500
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
2534
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1f);
|
|
2501
2535
|
|
|
2502
|
-
var Component$
|
|
2536
|
+
var Component$1e = function (_a) {
|
|
2503
2537
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2504
2538
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2505
2539
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2519,7 +2553,7 @@ var Action = function (_a) {
|
|
|
2519
2553
|
/**
|
|
2520
2554
|
* Molecule UI great-grand child component of menu dropdown
|
|
2521
2555
|
*/
|
|
2522
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
2556
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1e);
|
|
2523
2557
|
|
|
2524
2558
|
var EUserMenuAnalystOptionType;
|
|
2525
2559
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -2545,28 +2579,28 @@ var optionTypes = (_b = {},
|
|
|
2545
2579
|
_b);
|
|
2546
2580
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
2547
2581
|
|
|
2548
|
-
var styles$
|
|
2582
|
+
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"};
|
|
2549
2583
|
|
|
2550
|
-
var Component$
|
|
2584
|
+
var Component$1d = function (_a) {
|
|
2551
2585
|
var subTitle = _a.subTitle, title = _a.title;
|
|
2552
2586
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
2553
2587
|
return (React__default["default"].createElement("div", null,
|
|
2554
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2588
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$14, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
2555
2589
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
2556
2590
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2557
|
-
styles: styles$
|
|
2591
|
+
styles: styles$14,
|
|
2558
2592
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
2559
2593
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
2560
2594
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2561
|
-
styles: styles$
|
|
2595
|
+
styles: styles$14,
|
|
2562
2596
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
2563
2597
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
2564
2598
|
};
|
|
2565
|
-
var UserMenuAnalystTitle = Component$
|
|
2599
|
+
var UserMenuAnalystTitle = Component$1d;
|
|
2566
2600
|
|
|
2567
|
-
var styles$
|
|
2601
|
+
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"};
|
|
2568
2602
|
|
|
2569
|
-
var Component$
|
|
2603
|
+
var Component$1c = function (_a) {
|
|
2570
2604
|
var _b;
|
|
2571
2605
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
2572
2606
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -2592,13 +2626,13 @@ var Component$18 = function (_a) {
|
|
|
2592
2626
|
var OptionType = getOptionType(option.type);
|
|
2593
2627
|
if (!OptionType)
|
|
2594
2628
|
return null;
|
|
2595
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2596
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
2629
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__object'] }) },
|
|
2630
|
+
React__default["default"].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__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
2597
2631
|
}
|
|
2598
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
2632
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$13, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
2599
2633
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
2600
2634
|
}, className: CNM.get({
|
|
2601
|
-
styles: styles$
|
|
2635
|
+
styles: styles$13,
|
|
2602
2636
|
cls: [
|
|
2603
2637
|
'user-menu-analyst-option__dropdown',
|
|
2604
2638
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -2607,8 +2641,8 @@ var Component$18 = function (_a) {
|
|
|
2607
2641
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
2608
2642
|
var _a;
|
|
2609
2643
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
2610
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2611
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
2644
|
+
item.title && (React__default["default"].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 :
|
|
2645
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1c, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
2612
2646
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
2613
2647
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
2614
2648
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -2617,27 +2651,27 @@ var Component$18 = function (_a) {
|
|
|
2617
2651
|
/**
|
|
2618
2652
|
* Molecule UI grand child component of menu dropdown
|
|
2619
2653
|
*/
|
|
2620
|
-
var UserMenuAnalystOption = Component$
|
|
2654
|
+
var UserMenuAnalystOption = Component$1c;
|
|
2621
2655
|
|
|
2622
|
-
var Component$
|
|
2656
|
+
var Component$1b = function (_a) {
|
|
2623
2657
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
2624
2658
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
2625
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2659
|
+
return (React__default["default"].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) {
|
|
2626
2660
|
var _a;
|
|
2627
2661
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
2628
2662
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
2629
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2663
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-options__divider'] }) },
|
|
2630
2664
|
React__default["default"].createElement(Divider, null)))));
|
|
2631
2665
|
})));
|
|
2632
2666
|
};
|
|
2633
2667
|
/**
|
|
2634
2668
|
* Molecule UI child component of user menu analyst
|
|
2635
2669
|
*/
|
|
2636
|
-
var UserMenuAnalystOptions = Component$
|
|
2670
|
+
var UserMenuAnalystOptions = Component$1b;
|
|
2637
2671
|
|
|
2638
|
-
var styles$
|
|
2672
|
+
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"};
|
|
2639
2673
|
|
|
2640
|
-
var Component$
|
|
2674
|
+
var Component$1a = function (_a) {
|
|
2641
2675
|
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;
|
|
2642
2676
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
2643
2677
|
var actionUrl = React.useMemo(function () {
|
|
@@ -2655,29 +2689,29 @@ var Component$16 = function (_a) {
|
|
|
2655
2689
|
: action.data;
|
|
2656
2690
|
}
|
|
2657
2691
|
}, [action, queryString]);
|
|
2658
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2659
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
2660
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2692
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst'] }) },
|
|
2693
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__header'] }) },
|
|
2694
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user'] }) },
|
|
2661
2695
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
2662
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2663
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2664
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2665
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2696
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info'] }) },
|
|
2697
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
2698
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
2699
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
2666
2700
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
2667
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2701
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
2668
2702
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
2669
|
-
styles: styles$
|
|
2703
|
+
styles: styles$12,
|
|
2670
2704
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
2671
2705
|
}), optionClassNames: {
|
|
2672
|
-
link: CNM.get({ styles: styles$
|
|
2673
|
-
dropdown: CNM.get({ styles: styles$
|
|
2706
|
+
link: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__company-link'] }),
|
|
2707
|
+
dropdown: CNM.get({ styles: styles$12, cls: ['user-menu-analyst__company-dropdown'] })
|
|
2674
2708
|
} }))),
|
|
2675
2709
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
2676
2710
|
};
|
|
2677
2711
|
/**
|
|
2678
2712
|
* Molecule UI component for user menu
|
|
2679
2713
|
*/
|
|
2680
|
-
var UserMenuAnalyst = Component$
|
|
2714
|
+
var UserMenuAnalyst = Component$1a;
|
|
2681
2715
|
|
|
2682
2716
|
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"};
|
|
2683
2717
|
|
|
@@ -2696,48 +2730,48 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2696
2730
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$z["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2697
2731
|
};
|
|
2698
2732
|
|
|
2699
|
-
var styles$
|
|
2733
|
+
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"};
|
|
2700
2734
|
|
|
2701
2735
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
2702
2736
|
var Component = function (_a) {
|
|
2703
2737
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
2704
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2705
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2738
|
+
return (React__default["default"].createElement("div", { className: styles$11['mega-menu-side-container'] },
|
|
2739
|
+
React__default["default"].createElement("div", { className: styles$11['mega-menu-side-container__side'] },
|
|
2706
2740
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
2707
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2741
|
+
React__default["default"].createElement("div", { className: styles$11['mega-menu-side-container__main'] },
|
|
2708
2742
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
2709
2743
|
};
|
|
2710
2744
|
return Component;
|
|
2711
2745
|
};
|
|
2712
2746
|
|
|
2713
|
-
var styles$
|
|
2747
|
+
var styles$10 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
2714
2748
|
|
|
2715
|
-
var Component$
|
|
2749
|
+
var Component$19 = function (_a) {
|
|
2716
2750
|
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;
|
|
2717
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2751
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
2718
2752
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
2719
2753
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2720
2754
|
};
|
|
2721
2755
|
/**
|
|
2722
2756
|
* Molecule UI child component of user menu analyst wrapper
|
|
2723
2757
|
*/
|
|
2724
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
2758
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$19);
|
|
2725
2759
|
|
|
2726
|
-
var styles
|
|
2760
|
+
var styles$$ = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
2727
2761
|
|
|
2728
|
-
var Component$
|
|
2762
|
+
var Component$18 = function (_a) {
|
|
2729
2763
|
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;
|
|
2730
2764
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2731
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles
|
|
2765
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$$, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
2732
2766
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
2733
2767
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
2734
2768
|
};
|
|
2735
2769
|
/**
|
|
2736
2770
|
* Molecule UI child component of user menu analyst wrapper
|
|
2737
2771
|
*/
|
|
2738
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
2772
|
+
var UserMenuWrapperAnalystModal = Component$18;
|
|
2739
2773
|
|
|
2740
|
-
var Component$
|
|
2774
|
+
var Component$17 = function (_a) {
|
|
2741
2775
|
var props = __rest(_a, []);
|
|
2742
2776
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
2743
2777
|
React.useEffect(function () {
|
|
@@ -2759,37 +2793,37 @@ var Component$13 = function (_a) {
|
|
|
2759
2793
|
/**
|
|
2760
2794
|
* Molecule UI component for user menu wrapper analyst
|
|
2761
2795
|
*/
|
|
2762
|
-
var UserMenuWrapperAnalyst = Component$
|
|
2796
|
+
var UserMenuWrapperAnalyst = Component$17;
|
|
2763
2797
|
|
|
2764
|
-
var Component$
|
|
2798
|
+
var Component$16 = function (_a) {
|
|
2765
2799
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
2766
2800
|
var component = React.useMemo(function () {
|
|
2767
2801
|
var _a, _b, _c;
|
|
2768
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2802
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container'] }) },
|
|
2769
2803
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
2770
2804
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
2771
2805
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
2772
2806
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
2773
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
2774
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
2807
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
2808
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$1P, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
2775
2809
|
});
|
|
2776
2810
|
return container;
|
|
2777
2811
|
};
|
|
2778
2812
|
/**
|
|
2779
2813
|
* Molecule UI child component of modal analyst
|
|
2780
2814
|
*/
|
|
2781
|
-
var ModalAnalystContainer = Component$
|
|
2815
|
+
var ModalAnalystContainer = Component$16;
|
|
2782
2816
|
|
|
2783
|
-
var Component$
|
|
2817
|
+
var Component$15 = function (_a) {
|
|
2784
2818
|
var content = _a.content;
|
|
2785
2819
|
return React__default["default"].createElement("div", null, content);
|
|
2786
2820
|
};
|
|
2787
2821
|
/**
|
|
2788
2822
|
* Molecule UI child component of modal analyst
|
|
2789
2823
|
*/
|
|
2790
|
-
var ModalAnalystContent = Component$
|
|
2824
|
+
var ModalAnalystContent = Component$15;
|
|
2791
2825
|
|
|
2792
|
-
var styles$
|
|
2826
|
+
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"};
|
|
2793
2827
|
|
|
2794
2828
|
var EModalAnalystActionType;
|
|
2795
2829
|
(function (EModalAnalystActionType) {
|
|
@@ -2814,7 +2848,7 @@ var MODAL_ICONS = {
|
|
|
2814
2848
|
closeCircle: CloseCircle
|
|
2815
2849
|
};
|
|
2816
2850
|
|
|
2817
|
-
var Component$
|
|
2851
|
+
var Component$14 = function (_a) {
|
|
2818
2852
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
2819
2853
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
2820
2854
|
var _c = React.useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -2852,12 +2886,12 @@ var Component$10 = function (_a) {
|
|
|
2852
2886
|
});
|
|
2853
2887
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
2854
2888
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
2855
|
-
styles: styles$
|
|
2889
|
+
styles: styles$_,
|
|
2856
2890
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
2857
2891
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
2858
2892
|
var _a, _b, _c, _d, _e;
|
|
2859
2893
|
return (React__default["default"].createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
2860
|
-
styles: styles$
|
|
2894
|
+
styles: styles$_,
|
|
2861
2895
|
cls: [
|
|
2862
2896
|
'modal-analyst-footer__button',
|
|
2863
2897
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -2865,7 +2899,7 @@ var Component$10 = function (_a) {
|
|
|
2865
2899
|
]
|
|
2866
2900
|
}) },
|
|
2867
2901
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2868
|
-
styles: styles$
|
|
2902
|
+
styles: styles$_,
|
|
2869
2903
|
cls: [
|
|
2870
2904
|
'modal-analyst-footer__prefix-icon-container',
|
|
2871
2905
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -2873,7 +2907,7 @@ var Component$10 = function (_a) {
|
|
|
2873
2907
|
]
|
|
2874
2908
|
}) },
|
|
2875
2909
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2876
|
-
styles: styles$
|
|
2910
|
+
styles: styles$_,
|
|
2877
2911
|
cls: [
|
|
2878
2912
|
'modal-analyst-footer__prefix-loading',
|
|
2879
2913
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -2882,7 +2916,7 @@ var Component$10 = function (_a) {
|
|
|
2882
2916
|
}) },
|
|
2883
2917
|
React__default["default"].createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
2884
2918
|
React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
2885
|
-
styles: styles$
|
|
2919
|
+
styles: styles$_,
|
|
2886
2920
|
cls: [
|
|
2887
2921
|
'modal-analyst-footer__prefix-icon',
|
|
2888
2922
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -2897,13 +2931,13 @@ var Component$10 = function (_a) {
|
|
|
2897
2931
|
/**
|
|
2898
2932
|
* Molecule UI child component of modal analyst
|
|
2899
2933
|
*/
|
|
2900
|
-
var ModalAnalystFooter = Component$
|
|
2934
|
+
var ModalAnalystFooter = Component$14;
|
|
2901
2935
|
|
|
2902
|
-
var styles$
|
|
2936
|
+
var styles$Z = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
2903
2937
|
|
|
2904
|
-
var Component
|
|
2938
|
+
var Component$13 = function (_a) {
|
|
2905
2939
|
var header = _a.header;
|
|
2906
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2940
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Z, cls: ['modal-analyst-header'] }) },
|
|
2907
2941
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
2908
2942
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
2909
2943
|
: header.prefixIcon.icon }))),
|
|
@@ -2915,7 +2949,7 @@ var Component$$ = function (_a) {
|
|
|
2915
2949
|
/**
|
|
2916
2950
|
* Molecule UI child component of modal analyst
|
|
2917
2951
|
*/
|
|
2918
|
-
var ModalAnalystHeader = Component
|
|
2952
|
+
var ModalAnalystHeader = Component$13;
|
|
2919
2953
|
|
|
2920
2954
|
var MenuButtonAnalystProps = {
|
|
2921
2955
|
buttonType: 'button',
|
|
@@ -3561,11 +3595,11 @@ var ERenderType;
|
|
|
3561
3595
|
ERenderType["geoPoint"] = "GEO_POINT";
|
|
3562
3596
|
ERenderType["customByCompany"] = "CUSTOM:BY_COMPANY";
|
|
3563
3597
|
})(ERenderType || (ERenderType = {}));
|
|
3564
|
-
var defaultFilter = {
|
|
3598
|
+
var defaultFilter$1 = {
|
|
3565
3599
|
renderType: ERenderType.multiSelect,
|
|
3566
3600
|
values: Array(8).fill({ loading: true })
|
|
3567
3601
|
};
|
|
3568
|
-
var defaultFilters = Array(6).fill(defaultFilter);
|
|
3602
|
+
var defaultFilters = Array(6).fill(defaultFilter$1);
|
|
3569
3603
|
|
|
3570
3604
|
var menuSortButton = {
|
|
3571
3605
|
icon: ArrowDown2,
|
|
@@ -3647,9 +3681,9 @@ var CNM = /** @class */ (function () {
|
|
|
3647
3681
|
return CNM;
|
|
3648
3682
|
}());
|
|
3649
3683
|
|
|
3650
|
-
var styles$
|
|
3684
|
+
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"};
|
|
3651
3685
|
|
|
3652
|
-
var Component$
|
|
3686
|
+
var Component$12 = function (_a) {
|
|
3653
3687
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
3654
3688
|
var validateCompleted = React.useCallback(function (value) {
|
|
3655
3689
|
if (!value)
|
|
@@ -3669,27 +3703,27 @@ var Component$_ = function (_a) {
|
|
|
3669
3703
|
var _a;
|
|
3670
3704
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
3671
3705
|
}, [percent, validateCompleted]);
|
|
3672
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3673
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3706
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Y, cls: [className] }) },
|
|
3707
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$Y, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
3674
3708
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
3675
|
-
styles: styles$
|
|
3709
|
+
styles: styles$Y,
|
|
3676
3710
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
3677
3711
|
}) }))));
|
|
3678
3712
|
};
|
|
3679
3713
|
/**
|
|
3680
3714
|
* UI Atom component of Bar Loader
|
|
3681
3715
|
*/
|
|
3682
|
-
var BarLoader = Component$
|
|
3716
|
+
var BarLoader = Component$12;
|
|
3683
3717
|
|
|
3684
|
-
var styles$
|
|
3718
|
+
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"};
|
|
3685
3719
|
|
|
3686
|
-
var Component$
|
|
3720
|
+
var Component$11 = function (_a) {
|
|
3687
3721
|
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;
|
|
3688
3722
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
3689
3723
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
3690
3724
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
3691
3725
|
var haveDetailTitle = detailTitle !== '';
|
|
3692
|
-
var detailTileStyle = detailTitle ? styles$
|
|
3726
|
+
var detailTileStyle = detailTitle ? styles$X['no-transform'] : '';
|
|
3693
3727
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
3694
3728
|
// This removes the base64 from the vacancy breadcrumbs
|
|
3695
3729
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -3701,9 +3735,9 @@ var Component$Z = function (_a) {
|
|
|
3701
3735
|
"/ ",
|
|
3702
3736
|
href)));
|
|
3703
3737
|
}),
|
|
3704
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
3738
|
+
React__default["default"].createElement("p", { className: "".concat(styles$X['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
3705
3739
|
"/ ",
|
|
3706
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
3740
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$X['magneto-ui-bc-active'] : '', " ").concat(styles$X['magneto-ui-bc']), key: i },
|
|
3707
3741
|
i > 0 && '/',
|
|
3708
3742
|
" ",
|
|
3709
3743
|
bc)); })));
|
|
@@ -3719,12 +3753,12 @@ var Component$Z = function (_a) {
|
|
|
3719
3753
|
queryParams,
|
|
3720
3754
|
lastIndexBC
|
|
3721
3755
|
]);
|
|
3722
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
3756
|
+
return React__default["default"].createElement("div", { className: styles$X.breadcrumbComponent }, breadCrumbsRender);
|
|
3723
3757
|
};
|
|
3724
3758
|
/**
|
|
3725
3759
|
* Atom UI of breadcrumb
|
|
3726
3760
|
*/
|
|
3727
|
-
var Breadcrumb = Component$
|
|
3761
|
+
var Breadcrumb = Component$11;
|
|
3728
3762
|
|
|
3729
3763
|
var DateArray = /** @class */ (function () {
|
|
3730
3764
|
function DateArray(array) {
|
|
@@ -3779,7 +3813,7 @@ var fixArrayDate = function (array) {
|
|
|
3779
3813
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
3780
3814
|
};
|
|
3781
3815
|
|
|
3782
|
-
var styles$
|
|
3816
|
+
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"};
|
|
3783
3817
|
|
|
3784
3818
|
// placeholder to every input.
|
|
3785
3819
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -3787,7 +3821,7 @@ var stringArraytoDate = function (array) {
|
|
|
3787
3821
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
3788
3822
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
3789
3823
|
};
|
|
3790
|
-
var Component$
|
|
3824
|
+
var Component$10 = function (_a) {
|
|
3791
3825
|
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;
|
|
3792
3826
|
// Represent the value of every input field (there are 8 in total).
|
|
3793
3827
|
var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -3890,30 +3924,30 @@ var Component$Y = function (_a) {
|
|
|
3890
3924
|
}
|
|
3891
3925
|
}, []);
|
|
3892
3926
|
return (React__default["default"].createElement("div", { className: [
|
|
3893
|
-
styles$
|
|
3927
|
+
styles$W['date-input'],
|
|
3894
3928
|
className,
|
|
3895
|
-
fit ? styles$
|
|
3896
|
-
hasError ? styles$
|
|
3929
|
+
fit ? styles$W['date-input--fit'] : '',
|
|
3930
|
+
hasError ? styles$W['date-input--error'] : ''
|
|
3897
3931
|
].join(' ') },
|
|
3898
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3932
|
+
React__default["default"].createElement("div", { className: styles$W['date-input__left'], onClick: function () {
|
|
3899
3933
|
var _a;
|
|
3900
3934
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3901
3935
|
} }),
|
|
3902
3936
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
3903
3937
|
[2, 4].includes(index) ? (
|
|
3904
3938
|
// include / separator in date (DD / MM / YYYY)
|
|
3905
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
3906
|
-
React__default["default"].createElement("input", { className: styles$
|
|
3907
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3939
|
+
React__default["default"].createElement("span", { className: [styles$W['date-input__separator'], value ? styles$W['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
3940
|
+
React__default["default"].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" }))); }),
|
|
3941
|
+
React__default["default"].createElement("div", { className: styles$W['date-input__right'], onClick: function () {
|
|
3908
3942
|
var _a;
|
|
3909
3943
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3910
3944
|
} })));
|
|
3911
3945
|
};
|
|
3912
|
-
var DateInput = Component$
|
|
3946
|
+
var DateInput = Component$10;
|
|
3913
3947
|
|
|
3914
3948
|
var style$y = {"divider":"mg_divider_divider_1vn87"};
|
|
3915
3949
|
|
|
3916
|
-
var Component
|
|
3950
|
+
var Component$$ = function (_a) {
|
|
3917
3951
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
3918
3952
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
3919
3953
|
return React__default["default"].createElement("div", { style: inlineStyle, className: style$y.divider });
|
|
@@ -3921,21 +3955,21 @@ var Component$X = function (_a) {
|
|
|
3921
3955
|
/**
|
|
3922
3956
|
* Atom UI Divider Component
|
|
3923
3957
|
*/
|
|
3924
|
-
var Divider = Component
|
|
3958
|
+
var Divider = Component$$;
|
|
3925
3959
|
|
|
3926
|
-
var styles$
|
|
3960
|
+
var styles$V = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
|
|
3927
3961
|
|
|
3928
|
-
var Component$
|
|
3962
|
+
var Component$_ = function (_a) {
|
|
3929
3963
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
3930
3964
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
3931
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$
|
|
3932
|
-
React__default["default"].createElement("p", null, tabText))) : (React__default["default"].createElement("a", { className: styles$
|
|
3965
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$V.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
3966
|
+
React__default["default"].createElement("p", null, tabText))) : (React__default["default"].createElement("a", { className: styles$V.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
3933
3967
|
React__default["default"].createElement("p", null, tabText)))));
|
|
3934
3968
|
};
|
|
3935
3969
|
/**
|
|
3936
3970
|
* UI Atom component for HeaderTab
|
|
3937
3971
|
*/
|
|
3938
|
-
var HeaderTab = Component$
|
|
3972
|
+
var HeaderTab = Component$_;
|
|
3939
3973
|
|
|
3940
3974
|
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"};
|
|
3941
3975
|
|
|
@@ -3954,94 +3988,94 @@ var InputSearch = function (_a) {
|
|
|
3954
3988
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
3955
3989
|
};
|
|
3956
3990
|
|
|
3957
|
-
var styles$
|
|
3991
|
+
var styles$U = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
3958
3992
|
|
|
3959
|
-
var Component$
|
|
3993
|
+
var Component$Z = function (_a) {
|
|
3960
3994
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
3961
3995
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
3962
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3996
|
+
return (React__default["default"].createElement("div", { className: styles$U['magneto-ui-job-company-logo'] },
|
|
3963
3997
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
3964
3998
|
}
|
|
3965
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
3999
|
+
return React__default["default"].createElement("div", { className: styles$U['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
3966
4000
|
};
|
|
3967
4001
|
/**
|
|
3968
4002
|
* UI Atom component of Company Logo
|
|
3969
4003
|
*/
|
|
3970
|
-
var JobCompanyLogo = Component$
|
|
4004
|
+
var JobCompanyLogo = Component$Z;
|
|
3971
4005
|
|
|
3972
|
-
var styles$
|
|
4006
|
+
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"};
|
|
3973
4007
|
|
|
3974
|
-
var Component$
|
|
4008
|
+
var Component$Y = function (_a) {
|
|
3975
4009
|
var title = _a.title, styles = _a.styles;
|
|
3976
4010
|
return React__default["default"].createElement("h1", { className: styles }, title && title);
|
|
3977
4011
|
};
|
|
3978
4012
|
/**
|
|
3979
4013
|
* UI Children H1 Component for JobDetailsDrawer
|
|
3980
4014
|
*/
|
|
3981
|
-
var MainTitleJobDetails = Component$
|
|
4015
|
+
var MainTitleJobDetails = Component$Y;
|
|
3982
4016
|
|
|
3983
|
-
var Component$
|
|
4017
|
+
var Component$X = function (_a) {
|
|
3984
4018
|
var title = _a.title, styles = _a.styles;
|
|
3985
4019
|
return React__default["default"].createElement("p", { className: styles }, title && title);
|
|
3986
4020
|
};
|
|
3987
4021
|
/**
|
|
3988
4022
|
* UI Children P Component for JobDetailsDrawer
|
|
3989
4023
|
*/
|
|
3990
|
-
var SubTitleJobDetails = Component$
|
|
4024
|
+
var SubTitleJobDetails = Component$X;
|
|
3991
4025
|
|
|
3992
|
-
var Component$
|
|
4026
|
+
var Component$W = function (_a) {
|
|
3993
4027
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
3994
4028
|
var showCompanyName = React.useMemo(function () {
|
|
3995
4029
|
if (isHidden || !offerCompanyName)
|
|
3996
4030
|
return React__default["default"].createElement(React.Fragment, null);
|
|
3997
4031
|
if (offerCompanyLink) {
|
|
3998
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4032
|
+
return (React__default["default"].createElement("a", { className: styles$T['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
3999
4033
|
}
|
|
4000
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
4034
|
+
return React__default["default"].createElement("h2", { className: styles$T['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4001
4035
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4002
4036
|
var GenerateTitle = function () {
|
|
4003
4037
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4004
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
4005
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
4038
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$T['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4039
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$T['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4006
4040
|
};
|
|
4007
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4041
|
+
return (React__default["default"].createElement("div", { className: styles$T['magneto-ui-job-header'] },
|
|
4008
4042
|
GenerateTitle(),
|
|
4009
4043
|
showCompanyName));
|
|
4010
4044
|
};
|
|
4011
4045
|
/**
|
|
4012
4046
|
* UI Atom component of Job Header
|
|
4013
4047
|
*/
|
|
4014
|
-
var JobHeader = Component$
|
|
4048
|
+
var JobHeader = Component$W;
|
|
4015
4049
|
|
|
4016
|
-
var styles$
|
|
4050
|
+
var styles$S = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4017
4051
|
|
|
4018
|
-
var Component$
|
|
4052
|
+
var Component$V = function (_a) {
|
|
4019
4053
|
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;
|
|
4020
4054
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4021
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4055
|
+
return (React__default["default"].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 },
|
|
4022
4056
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4023
4057
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
4024
4058
|
};
|
|
4025
4059
|
/**
|
|
4026
4060
|
* Atomic UI component for Link
|
|
4027
4061
|
*/
|
|
4028
|
-
var Link = Component$
|
|
4062
|
+
var Link = Component$V;
|
|
4029
4063
|
|
|
4030
|
-
var styles$
|
|
4064
|
+
var styles$R = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4031
4065
|
|
|
4032
|
-
var Component$
|
|
4066
|
+
var Component$U = function (_a) {
|
|
4033
4067
|
var loadingIcon = _a.loadingIcon;
|
|
4034
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4068
|
+
return (React__default["default"].createElement("div", { className: styles$R.loadingComponent },
|
|
4035
4069
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
4036
4070
|
};
|
|
4037
4071
|
/**
|
|
4038
4072
|
* Atom UI component of loading icon for general purpose
|
|
4039
4073
|
*/
|
|
4040
|
-
var Loading = Component$
|
|
4074
|
+
var Loading = Component$U;
|
|
4041
4075
|
|
|
4042
4076
|
var style$w = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4043
4077
|
|
|
4044
|
-
var Component$
|
|
4078
|
+
var Component$T = function (_a) {
|
|
4045
4079
|
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;
|
|
4046
4080
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4047
4081
|
var handleError = function () {
|
|
@@ -4053,11 +4087,11 @@ var Component$P = function (_a) {
|
|
|
4053
4087
|
return null;
|
|
4054
4088
|
return (React__default["default"].createElement("img", { className: style$w[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4055
4089
|
};
|
|
4056
|
-
var LogoComponent = Component$
|
|
4090
|
+
var LogoComponent = Component$T;
|
|
4057
4091
|
|
|
4058
|
-
var styles$
|
|
4092
|
+
var styles$Q = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4059
4093
|
|
|
4060
|
-
var Component$
|
|
4094
|
+
var Component$S = function (_a) {
|
|
4061
4095
|
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;
|
|
4062
4096
|
var stylesValue = React.useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4063
4097
|
var renderContent = function () {
|
|
@@ -4070,35 +4104,35 @@ var Component$O = function (_a) {
|
|
|
4070
4104
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4071
4105
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
4072
4106
|
};
|
|
4073
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4107
|
+
return (React__default["default"].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()));
|
|
4074
4108
|
};
|
|
4075
4109
|
/**
|
|
4076
4110
|
* Atom UI component of button for general purpose
|
|
4077
4111
|
*/
|
|
4078
|
-
var MainButton = Component$
|
|
4112
|
+
var MainButton = Component$S;
|
|
4079
4113
|
|
|
4080
|
-
var styles$
|
|
4114
|
+
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"};
|
|
4081
4115
|
|
|
4082
|
-
var Component$
|
|
4116
|
+
var Component$R = function (_a) {
|
|
4083
4117
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4084
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4118
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$P, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4085
4119
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4086
|
-
styles: styles$
|
|
4120
|
+
styles: styles$P,
|
|
4087
4121
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4088
4122
|
}) },
|
|
4089
4123
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4090
|
-
styles: styles$
|
|
4124
|
+
styles: styles$P,
|
|
4091
4125
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4092
4126
|
}) }, children))));
|
|
4093
4127
|
};
|
|
4094
4128
|
/**
|
|
4095
4129
|
* Atom UI child component of menu dropdown
|
|
4096
4130
|
*/
|
|
4097
|
-
var MenuDropdownList = Component$
|
|
4131
|
+
var MenuDropdownList = Component$R;
|
|
4098
4132
|
|
|
4099
|
-
var styles$
|
|
4133
|
+
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"};
|
|
4100
4134
|
|
|
4101
|
-
var Component$
|
|
4135
|
+
var Component$Q = function (_a) {
|
|
4102
4136
|
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;
|
|
4103
4137
|
var _e = React.useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4104
4138
|
var toggleOptions = React.useCallback(function () {
|
|
@@ -4113,13 +4147,13 @@ var Component$M = function (_a) {
|
|
|
4113
4147
|
var handleButtonClick = React.useCallback(function (e) {
|
|
4114
4148
|
e.stopPropagation();
|
|
4115
4149
|
}, []);
|
|
4116
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4117
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4118
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4150
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4151
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown__content'] }) },
|
|
4152
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown__container'] }) },
|
|
4119
4153
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4120
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4154
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$O, cls: ['menu-dropdown__title'] }) }, title),
|
|
4121
4155
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4122
|
-
styles: styles$
|
|
4156
|
+
styles: styles$O,
|
|
4123
4157
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4124
4158
|
}) },
|
|
4125
4159
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4129,7 +4163,7 @@ var Component$M = function (_a) {
|
|
|
4129
4163
|
/**
|
|
4130
4164
|
* Atom UI component of menu dropdown
|
|
4131
4165
|
*/
|
|
4132
|
-
var MenuDropdown = Component$
|
|
4166
|
+
var MenuDropdown = Component$Q;
|
|
4133
4167
|
|
|
4134
4168
|
var style$v = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4135
4169
|
|
|
@@ -4142,7 +4176,7 @@ var MenuItem = function (_a) {
|
|
|
4142
4176
|
React__default["default"].createElement("p", null, text))));
|
|
4143
4177
|
};
|
|
4144
4178
|
|
|
4145
|
-
var styles$
|
|
4179
|
+
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"};
|
|
4146
4180
|
|
|
4147
4181
|
var MultiRangeSlider = function (_a) {
|
|
4148
4182
|
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;
|
|
@@ -4200,36 +4234,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4200
4234
|
var handleMouseUpValues = React.useCallback(function () {
|
|
4201
4235
|
onChange({ min: minVal, max: maxVal });
|
|
4202
4236
|
}, [minVal, maxVal, onChange]);
|
|
4203
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4237
|
+
return (React__default["default"].createElement("div", { className: styles$N.container },
|
|
4204
4238
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4205
4239
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4206
4240
|
setMinVal(value);
|
|
4207
4241
|
event.target.value = value.toString();
|
|
4208
|
-
}, className: "\n ".concat(styles$
|
|
4242
|
+
}, className: "\n ".concat(styles$N.thumb, " \n ").concat(styles$N.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$N.zIndex_5 : '', "\n ") }),
|
|
4209
4243
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4210
4244
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4211
4245
|
setMaxVal(value);
|
|
4212
4246
|
event.target.value = value.toString();
|
|
4213
|
-
}, className: "".concat(styles$
|
|
4214
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
4215
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4216
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
4217
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
4218
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4219
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4247
|
+
}, className: "".concat(styles$N.thumb, " ").concat(styles$N.zIndex_4) }),
|
|
4248
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$N.slider },
|
|
4249
|
+
React__default["default"].createElement("div", { className: styles$N.track }),
|
|
4250
|
+
React__default["default"].createElement("div", { ref: range, className: styles$N.range }),
|
|
4251
|
+
showValues && (React__default["default"].createElement("div", { className: styles$N.values },
|
|
4252
|
+
React__default["default"].createElement("div", { className: styles$N.left_value }, hasCurrency),
|
|
4253
|
+
React__default["default"].createElement("div", { className: styles$N.right_value }, maxVal.toLocaleString()))))));
|
|
4220
4254
|
};
|
|
4221
4255
|
|
|
4222
|
-
var styles$
|
|
4256
|
+
var styles$M = {"content":"mg_paragraph_content_1mtnz"};
|
|
4223
4257
|
|
|
4224
|
-
var Component$
|
|
4258
|
+
var Component$P = function (_a) {
|
|
4225
4259
|
var paragraph = _a.paragraph;
|
|
4226
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
4260
|
+
return React__default["default"].createElement("p", { className: styles$M.content }, paragraph);
|
|
4227
4261
|
};
|
|
4228
|
-
var Paragraph = React.memo(Component$
|
|
4262
|
+
var Paragraph = React.memo(Component$P);
|
|
4229
4263
|
|
|
4230
4264
|
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"};
|
|
4231
4265
|
|
|
4232
|
-
var Component$
|
|
4266
|
+
var Component$O = function (_a) {
|
|
4233
4267
|
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;
|
|
4234
4268
|
var showMenu = show ? 'show' : 'hidden';
|
|
4235
4269
|
var staticContentClass = staticContent ? style$u['static-content'] : '';
|
|
@@ -4251,7 +4285,7 @@ var Component$K = function (_a) {
|
|
|
4251
4285
|
* Atom Ui component of popover
|
|
4252
4286
|
*
|
|
4253
4287
|
*/
|
|
4254
|
-
var Popover = Component$
|
|
4288
|
+
var Popover = Component$O;
|
|
4255
4289
|
|
|
4256
4290
|
exports.ERadioType = void 0;
|
|
4257
4291
|
(function (ERadioType) {
|
|
@@ -4259,12 +4293,12 @@ exports.ERadioType = void 0;
|
|
|
4259
4293
|
ERadioType["button"] = "button";
|
|
4260
4294
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
4261
4295
|
|
|
4262
|
-
var styles$
|
|
4296
|
+
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"};
|
|
4263
4297
|
|
|
4264
|
-
var Component$
|
|
4298
|
+
var Component$N = function (_a) {
|
|
4265
4299
|
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;
|
|
4266
4300
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
4267
|
-
styles: styles$
|
|
4301
|
+
styles: styles$L,
|
|
4268
4302
|
cls: [
|
|
4269
4303
|
'radio-button',
|
|
4270
4304
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4274,34 +4308,34 @@ var Component$J = function (_a) {
|
|
|
4274
4308
|
}), htmlFor: id },
|
|
4275
4309
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4276
4310
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4277
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4311
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$L, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4278
4312
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4279
4313
|
};
|
|
4280
4314
|
/**
|
|
4281
4315
|
* Atom UI component of radio button
|
|
4282
4316
|
*/
|
|
4283
|
-
var RadioButton = Component$
|
|
4317
|
+
var RadioButton = Component$N;
|
|
4284
4318
|
|
|
4285
|
-
var styles$
|
|
4319
|
+
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"};
|
|
4286
4320
|
|
|
4287
|
-
var Component$
|
|
4321
|
+
var Component$M = function (_a) {
|
|
4288
4322
|
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;
|
|
4289
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
4323
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$K, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4290
4324
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4291
4325
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4292
|
-
styles: styles$
|
|
4326
|
+
styles: styles$K,
|
|
4293
4327
|
cls: [
|
|
4294
4328
|
'radio-default__indicator',
|
|
4295
4329
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4296
4330
|
indicatorClassName
|
|
4297
4331
|
]
|
|
4298
4332
|
}) }),
|
|
4299
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4333
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$K, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4300
4334
|
};
|
|
4301
4335
|
/**
|
|
4302
4336
|
* Molecule UI component for radio default
|
|
4303
4337
|
*/
|
|
4304
|
-
var RadioDefault = Component$
|
|
4338
|
+
var RadioDefault = Component$M;
|
|
4305
4339
|
|
|
4306
4340
|
var _a;
|
|
4307
4341
|
var radioTypes = (_a = {},
|
|
@@ -4310,7 +4344,7 @@ var radioTypes = (_a = {},
|
|
|
4310
4344
|
_a);
|
|
4311
4345
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4312
4346
|
|
|
4313
|
-
var Component$
|
|
4347
|
+
var Component$L = function (_a) {
|
|
4314
4348
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4315
4349
|
var RadioType = React.useMemo(function () { return getRadioComponent(exports.ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4316
4350
|
if (!RadioType)
|
|
@@ -4320,52 +4354,52 @@ var Component$H = function (_a) {
|
|
|
4320
4354
|
/**
|
|
4321
4355
|
* Atom UI component of radio
|
|
4322
4356
|
*/
|
|
4323
|
-
var Radio = Component$
|
|
4357
|
+
var Radio = Component$L;
|
|
4324
4358
|
|
|
4325
|
-
var styles$
|
|
4359
|
+
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"};
|
|
4326
4360
|
|
|
4327
|
-
var Component$
|
|
4361
|
+
var Component$K = function (_a) {
|
|
4328
4362
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4329
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4330
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4363
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$J['magneto-ui-save-button'], " ").concat(addHover && styles$J['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4364
|
+
React__default["default"].createElement("div", { className: styles$J['button-content'] },
|
|
4331
4365
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4332
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4366
|
+
buttonText && React__default["default"].createElement("p", { className: styles$J['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4333
4367
|
};
|
|
4334
4368
|
/**
|
|
4335
4369
|
* UI Atom Component of Save Button
|
|
4336
4370
|
*/
|
|
4337
|
-
var SaveButton = Component$
|
|
4371
|
+
var SaveButton = Component$K;
|
|
4338
4372
|
|
|
4339
|
-
var styles$
|
|
4373
|
+
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"};
|
|
4340
4374
|
|
|
4341
|
-
var Component$
|
|
4375
|
+
var Component$J = function (_a) {
|
|
4342
4376
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4343
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4344
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4377
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$I['magneto-ui--search-item']), href: url },
|
|
4378
|
+
React__default["default"].createElement("p", { className: styles$I['magneto-ui--search-item__text'] }, tag),
|
|
4345
4379
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4346
4380
|
};
|
|
4347
4381
|
/**
|
|
4348
4382
|
* UI Atom component of Search Item
|
|
4349
4383
|
*/
|
|
4350
|
-
var SearchItem = Component$
|
|
4384
|
+
var SearchItem = Component$J;
|
|
4351
4385
|
|
|
4352
|
-
var styles$
|
|
4386
|
+
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"};
|
|
4353
4387
|
|
|
4354
|
-
var Component$
|
|
4388
|
+
var Component$I = function (_a) {
|
|
4355
4389
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4356
4390
|
var handleCopyClick = function () {
|
|
4357
4391
|
if (detailUrl) {
|
|
4358
4392
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4359
4393
|
}
|
|
4360
4394
|
};
|
|
4361
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4362
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4395
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$H['magneto-ui-share-button'], " ").concat(addHover && styles$H['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4396
|
+
React__default["default"].createElement("div", { className: styles$H['button-content'] },
|
|
4363
4397
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4364
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4398
|
+
buttonText && React__default["default"].createElement("p", { className: styles$H['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4365
4399
|
};
|
|
4366
|
-
var ShareButton = Component$
|
|
4400
|
+
var ShareButton = Component$I;
|
|
4367
4401
|
|
|
4368
|
-
var styles$
|
|
4402
|
+
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"};
|
|
4369
4403
|
|
|
4370
4404
|
var Switch = function (_a) {
|
|
4371
4405
|
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;
|
|
@@ -4379,10 +4413,10 @@ var Switch = function (_a) {
|
|
|
4379
4413
|
setChecked(function (state) { return !state; });
|
|
4380
4414
|
setIsActive(!isActive);
|
|
4381
4415
|
}, [isDisabled, setIsActive, isActive]);
|
|
4382
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4383
|
-
React__default["default"].createElement("label", { className: styles$
|
|
4416
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$G['magneto-ui-switch_container'], " ").concat(className) },
|
|
4417
|
+
React__default["default"].createElement("label", { className: styles$G['magneto-ui-switch'] },
|
|
4384
4418
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4385
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
4419
|
+
React__default["default"].createElement("span", { className: "".concat(styles$G['magneto-ui-slider'], " ").concat(styles$G['magneto-ui-round']) })),
|
|
4386
4420
|
title && React__default["default"].createElement("p", null, title)));
|
|
4387
4421
|
};
|
|
4388
4422
|
|
|
@@ -4395,9 +4429,9 @@ var Tags = function (_a) {
|
|
|
4395
4429
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4396
4430
|
};
|
|
4397
4431
|
|
|
4398
|
-
var styles$
|
|
4432
|
+
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"};
|
|
4399
4433
|
|
|
4400
|
-
var Component$
|
|
4434
|
+
var Component$H = function (_a) {
|
|
4401
4435
|
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;
|
|
4402
4436
|
var _d = React.useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
4403
4437
|
var isColorDark = function (color) {
|
|
@@ -4431,18 +4465,18 @@ var Component$D = function (_a) {
|
|
|
4431
4465
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4432
4466
|
};
|
|
4433
4467
|
}, [baseColor, color, currentSelect, isSelected]);
|
|
4434
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4468
|
+
return (React__default["default"].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));
|
|
4435
4469
|
};
|
|
4436
|
-
var ToggleButton = Component$
|
|
4470
|
+
var ToggleButton = Component$H;
|
|
4437
4471
|
|
|
4438
|
-
var styles$
|
|
4472
|
+
var styles$E = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4439
4473
|
|
|
4440
|
-
var Component$
|
|
4474
|
+
var Component$G = function (_a) {
|
|
4441
4475
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4442
4476
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4443
4477
|
sm: null
|
|
4444
4478
|
});
|
|
4445
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
4479
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$E, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4446
4480
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4447
4481
|
userInfo,
|
|
4448
4482
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4450,45 +4484,45 @@ var Component$C = function (_a) {
|
|
|
4450
4484
|
/**
|
|
4451
4485
|
* Atom UI component of user menu button analyst
|
|
4452
4486
|
*/
|
|
4453
|
-
var UserMenuButtonAnalyst = Component$
|
|
4487
|
+
var UserMenuButtonAnalyst = Component$G;
|
|
4454
4488
|
|
|
4455
|
-
var styles$
|
|
4489
|
+
var styles$D = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4456
4490
|
|
|
4457
4491
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4458
|
-
var Component$
|
|
4492
|
+
var Component$F = function (_a) {
|
|
4459
4493
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4460
4494
|
var currentHigherMax = React.useMemo(function () {
|
|
4461
4495
|
return current > max;
|
|
4462
4496
|
}, [current, max]);
|
|
4463
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4497
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$D["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$D['error-label'] : '') },
|
|
4464
4498
|
nf.format(current),
|
|
4465
4499
|
React__default["default"].createElement("span", null,
|
|
4466
4500
|
" / ",
|
|
4467
4501
|
nf.format(max))));
|
|
4468
4502
|
};
|
|
4469
|
-
var ComparativeCounter = Component$
|
|
4503
|
+
var ComparativeCounter = Component$F;
|
|
4470
4504
|
|
|
4471
|
-
var styles$
|
|
4505
|
+
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"};
|
|
4472
4506
|
|
|
4473
4507
|
var MegaMenuTab = function (_a) {
|
|
4474
4508
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4475
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4476
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4509
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$C["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$C["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4510
|
+
React__default["default"].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")] : '') })));
|
|
4477
4511
|
};
|
|
4478
4512
|
|
|
4479
|
-
var styles$
|
|
4513
|
+
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"};
|
|
4480
4514
|
|
|
4481
|
-
var Component$
|
|
4515
|
+
var Component$E = function (_a) {
|
|
4482
4516
|
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;
|
|
4483
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4484
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4485
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4486
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4517
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$B['magneto-ui-button'], " ").concat(addHover ? styles$B['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4518
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$B['magneto-ui-button__icon'] })),
|
|
4519
|
+
buttonText && React__default["default"].createElement("p", { className: styles$B['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4520
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$B['magneto-ui-button__icon'] }))));
|
|
4487
4521
|
};
|
|
4488
4522
|
/**
|
|
4489
4523
|
* UI Atom Component of Save Button
|
|
4490
4524
|
*/
|
|
4491
|
-
var Button = Component$
|
|
4525
|
+
var Button = Component$E;
|
|
4492
4526
|
|
|
4493
4527
|
var BrandMenu = function (_a) {
|
|
4494
4528
|
var brandsProps = _a.brandsProps, companyLogo = _a.companyLogo, companySlug = _a.companySlug;
|
|
@@ -4505,7 +4539,7 @@ var BrandMenu = function (_a) {
|
|
|
4505
4539
|
|
|
4506
4540
|
var style$s = {};
|
|
4507
4541
|
|
|
4508
|
-
var Component$
|
|
4542
|
+
var Component$D = function (_a) {
|
|
4509
4543
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4510
4544
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4511
4545
|
var DatePickerComponent = useMediaQuery(React__default["default"].createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -4513,11 +4547,11 @@ var Component$z = function (_a) {
|
|
|
4513
4547
|
});
|
|
4514
4548
|
return React__default["default"].createElement("div", { className: style$s["".concat(classMUI)] }, DatePickerComponent);
|
|
4515
4549
|
};
|
|
4516
|
-
var DatePickerResponsiveComponent = Component$
|
|
4550
|
+
var DatePickerResponsiveComponent = Component$D;
|
|
4517
4551
|
|
|
4518
4552
|
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"};
|
|
4519
4553
|
|
|
4520
|
-
var Component$
|
|
4554
|
+
var Component$C = function (_a) {
|
|
4521
4555
|
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;
|
|
4522
4556
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
4523
4557
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -4536,9 +4570,9 @@ var Component$y = function (_a) {
|
|
|
4536
4570
|
React__default["default"].createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4537
4571
|
React__default["default"].createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
4538
4572
|
};
|
|
4539
|
-
var DrawerMenu = Component$
|
|
4573
|
+
var DrawerMenu = Component$C;
|
|
4540
4574
|
|
|
4541
|
-
var styles$
|
|
4575
|
+
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"};
|
|
4542
4576
|
|
|
4543
4577
|
var FilterCard = function (_a) {
|
|
4544
4578
|
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"]);
|
|
@@ -4558,18 +4592,18 @@ var FilterCard = function (_a) {
|
|
|
4558
4592
|
}, [values, setOptions]);
|
|
4559
4593
|
if (!values.length)
|
|
4560
4594
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4561
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$
|
|
4562
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4595
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$A['magneto-ui-filter-card'], " ").concat(hasSearch && styles$A.hasSearch) },
|
|
4596
|
+
React__default["default"].createElement("div", { className: styles$A['magneto-ui-filter-card_header'] },
|
|
4563
4597
|
React__default["default"].createElement("p", null, label),
|
|
4564
4598
|
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4565
4599
|
hasSearch && (React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4566
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4600
|
+
React__default["default"].createElement("div", { className: styles$A['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4567
4601
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4568
4602
|
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4569
4603
|
}))));
|
|
4570
4604
|
};
|
|
4571
4605
|
|
|
4572
|
-
var styles$
|
|
4606
|
+
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"};
|
|
4573
4607
|
|
|
4574
4608
|
var FilterHeader = function (_a) {
|
|
4575
4609
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4578,28 +4612,28 @@ var FilterHeader = function (_a) {
|
|
|
4578
4612
|
buttonText: buttonText,
|
|
4579
4613
|
title: buttonText,
|
|
4580
4614
|
iconProps: { icon: Broom, size: 18 },
|
|
4581
|
-
className: styles$
|
|
4615
|
+
className: styles$z['magneto-ui-filter-header_btn'],
|
|
4582
4616
|
disabled: !totalApplied,
|
|
4583
4617
|
onClick: function () { return clearFilters(); }
|
|
4584
4618
|
};
|
|
4585
4619
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4586
4620
|
var displayBtnClear = React.useMemo(function () {
|
|
4587
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4621
|
+
return (React__default["default"].createElement("div", { className: styles$z['magneto-ui-filter-header_clean'] },
|
|
4588
4622
|
React__default["default"].createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4589
|
-
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$
|
|
4623
|
+
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$z.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4590
4624
|
}, [totalApplied, mainBtnProps]);
|
|
4591
4625
|
var displayFilterSummary = React.useMemo(function () {
|
|
4592
|
-
return React__default["default"].createElement("span", { className: styles$
|
|
4626
|
+
return React__default["default"].createElement("span", { className: styles$z['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4593
4627
|
}, [filterSummary]);
|
|
4594
|
-
return (React__default["default"].createElement("article", { className: styles$
|
|
4595
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4628
|
+
return (React__default["default"].createElement("article", { className: styles$z['magneto-ui-filter-header'] },
|
|
4629
|
+
React__default["default"].createElement("div", { className: styles$z['magneto-ui-filter-header_title'] },
|
|
4596
4630
|
React__default["default"].createElement("p", null, title),
|
|
4597
4631
|
displayBtnClear),
|
|
4598
4632
|
switchText && (React__default["default"].createElement(Switch
|
|
4599
4633
|
//TODO: review isActive, setIsActive
|
|
4600
4634
|
, {
|
|
4601
4635
|
//TODO: review isActive, setIsActive
|
|
4602
|
-
title: switchText, className: styles$
|
|
4636
|
+
title: switchText, className: styles$z['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
4603
4637
|
displayFilterSummary));
|
|
4604
4638
|
};
|
|
4605
4639
|
|
|
@@ -4659,9 +4693,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
4659
4693
|
return React__default["default"].createElement(React__default["default"].Fragment, null, footerMenuResponsive);
|
|
4660
4694
|
};
|
|
4661
4695
|
|
|
4662
|
-
var styles$
|
|
4696
|
+
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"};
|
|
4663
4697
|
|
|
4664
|
-
var Component$
|
|
4698
|
+
var Component$B = function (_a) {
|
|
4665
4699
|
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;
|
|
4666
4700
|
var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
4667
4701
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -4671,26 +4705,26 @@ var Component$x = function (_a) {
|
|
|
4671
4705
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React__default["default"].createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
4672
4706
|
sm: null
|
|
4673
4707
|
});
|
|
4674
|
-
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
4675
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4676
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4708
|
+
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$y, cls: ['header-analyst', className] }) },
|
|
4709
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__container'] }) },
|
|
4710
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__main-menu'] }) },
|
|
4677
4711
|
React__default["default"].createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
4678
4712
|
headerLogo),
|
|
4679
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4713
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__user-menu'] }) },
|
|
4680
4714
|
userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
4681
4715
|
React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
4682
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4716
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$y, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
4683
4717
|
};
|
|
4684
4718
|
/**
|
|
4685
4719
|
* Organism UI component of header analyst
|
|
4686
4720
|
*/
|
|
4687
|
-
var HeaderAnalyst = Component$
|
|
4721
|
+
var HeaderAnalyst = Component$B;
|
|
4688
4722
|
|
|
4689
|
-
var styles$
|
|
4723
|
+
var styles$x = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
4690
4724
|
|
|
4691
4725
|
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"};
|
|
4692
4726
|
|
|
4693
|
-
var Component$
|
|
4727
|
+
var Component$A = function () {
|
|
4694
4728
|
var skeletonCard = (React__default["default"].createElement("div", { className: "".concat(style$n["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
4695
4729
|
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
4696
4730
|
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
@@ -4714,9 +4748,9 @@ var Component$w = function () {
|
|
|
4714
4748
|
/**
|
|
4715
4749
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
4716
4750
|
*/
|
|
4717
|
-
var JobDetailsSkeleton = Component$
|
|
4751
|
+
var JobDetailsSkeleton = Component$A;
|
|
4718
4752
|
|
|
4719
|
-
var styles$
|
|
4753
|
+
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"};
|
|
4720
4754
|
|
|
4721
4755
|
var SimilarJobs = function (_a) {
|
|
4722
4756
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -4724,8 +4758,8 @@ var SimilarJobs = function (_a) {
|
|
|
4724
4758
|
var pageExists = false;
|
|
4725
4759
|
if (similarJobsCard.length <= 0)
|
|
4726
4760
|
return null;
|
|
4727
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4728
|
-
React__default["default"].createElement("h3", { className: "".concat(styles$
|
|
4761
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$w["".concat(classMUI, "-similar-jobs-section")]) },
|
|
4762
|
+
React__default["default"].createElement("h3", { className: "".concat(styles$w["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
4729
4763
|
similarJobsCard.map(function (_a) {
|
|
4730
4764
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
4731
4765
|
return (React__default["default"].createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -4733,7 +4767,7 @@ var SimilarJobs = function (_a) {
|
|
|
4733
4767
|
pageExists ));
|
|
4734
4768
|
};
|
|
4735
4769
|
|
|
4736
|
-
var Component$
|
|
4770
|
+
var Component$z = function (_a) {
|
|
4737
4771
|
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;
|
|
4738
4772
|
var jobDetailsRef = React.useRef(null);
|
|
4739
4773
|
React.useEffect(function () {
|
|
@@ -4744,11 +4778,11 @@ var Component$v = function (_a) {
|
|
|
4744
4778
|
if (isLoading)
|
|
4745
4779
|
return React__default["default"].createElement(JobDetailsSkeleton, null);
|
|
4746
4780
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
4747
|
-
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$
|
|
4748
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4781
|
+
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$x.JobDetailsDrawerComponent },
|
|
4782
|
+
React__default["default"].createElement("div", { className: styles$x['JobHeaderCardWrapper'] },
|
|
4749
4783
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
4750
4784
|
React__default["default"].createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
4751
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4785
|
+
React__default["default"].createElement("div", { className: styles$x['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
4752
4786
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
4753
4787
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
4754
4788
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -4761,11 +4795,11 @@ var Component$v = function (_a) {
|
|
|
4761
4795
|
/**
|
|
4762
4796
|
* UI Organism Component for JobDetailsDrawer
|
|
4763
4797
|
*/
|
|
4764
|
-
var JobDetailsDrawer = Component$
|
|
4798
|
+
var JobDetailsDrawer = Component$z;
|
|
4765
4799
|
|
|
4766
|
-
var styles$
|
|
4800
|
+
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"};
|
|
4767
4801
|
|
|
4768
|
-
var Component$
|
|
4802
|
+
var Component$y = function (_a) {
|
|
4769
4803
|
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;
|
|
4770
4804
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
4771
4805
|
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -4797,28 +4831,28 @@ var Component$u = function (_a) {
|
|
|
4797
4831
|
var loginHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4798
4832
|
md: null
|
|
4799
4833
|
});
|
|
4800
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
4834
|
+
return (React__default["default"].createElement("header", { className: styles$v.LoginHeaderComponent },
|
|
4801
4835
|
loginHeaderMobileSearchbar,
|
|
4802
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4803
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4804
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4836
|
+
React__default["default"].createElement("div", { className: styles$v['magneto-ui-first-row'] }),
|
|
4837
|
+
React__default["default"].createElement("div", { className: styles$v['magneto-ui-second-row'] },
|
|
4838
|
+
React__default["default"].createElement("div", { className: styles$v['magneto-ui-left-section'] },
|
|
4805
4839
|
loginHeaderMenuButton,
|
|
4806
4840
|
React__default["default"].createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
4807
4841
|
loginHeaderMobileSearchbarButton),
|
|
4808
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4809
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4842
|
+
React__default["default"].createElement("div", { className: styles$v['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
4843
|
+
React__default["default"].createElement("div", { className: styles$v['magneto-ui-user-section'] },
|
|
4810
4844
|
loginHeaderOptionTabs,
|
|
4811
4845
|
loginHeaderPopover)),
|
|
4812
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4846
|
+
React__default["default"].createElement("div", { className: styles$v['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
4813
4847
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
4814
4848
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
4815
4849
|
};
|
|
4816
4850
|
/**
|
|
4817
4851
|
* UI Organism Component for LoginHeader
|
|
4818
4852
|
*/
|
|
4819
|
-
var LoginHeader = Component$
|
|
4853
|
+
var LoginHeader = Component$y;
|
|
4820
4854
|
|
|
4821
|
-
var styles$
|
|
4855
|
+
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"};
|
|
4822
4856
|
|
|
4823
4857
|
var Muiclass$3 = 'magneto-ui';
|
|
4824
4858
|
var LoginJobsHeader = function (_a) {
|
|
@@ -4828,7 +4862,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
4828
4862
|
var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
4829
4863
|
var _d = React.useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
4830
4864
|
var haveGif = React.useMemo(function () {
|
|
4831
|
-
return gif ? styles$
|
|
4865
|
+
return gif ? styles$u['have-gif'] : '';
|
|
4832
4866
|
}, [gif]);
|
|
4833
4867
|
var toggleSearchBar = function () {
|
|
4834
4868
|
setShowSearchBar(!showSearchBar);
|
|
@@ -4856,30 +4890,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
4856
4890
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4857
4891
|
md: null
|
|
4858
4892
|
});
|
|
4859
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
4893
|
+
return (React__default["default"].createElement("header", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
4860
4894
|
LogoutHeaderMobileSearchbar,
|
|
4861
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4862
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4895
|
+
React__default["default"].createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
4896
|
+
React__default["default"].createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
4863
4897
|
LoginHeaderMenuButton,
|
|
4864
4898
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
4865
4899
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
4866
4900
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
4867
|
-
React__default["default"].createElement("img", { className: styles$
|
|
4868
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
4901
|
+
React__default["default"].createElement("img", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
4902
|
+
gif && (React__default["default"].createElement("img", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
4869
4903
|
LogoutHeaderMobileSearchbarButton),
|
|
4870
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4871
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4904
|
+
React__default["default"].createElement("div", { className: "".concat(styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
4905
|
+
React__default["default"].createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
4872
4906
|
!gif && loginHeaderOptionTabs,
|
|
4873
4907
|
" ",
|
|
4874
4908
|
loginHeaderPopover)),
|
|
4875
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4909
|
+
React__default["default"].createElement("div", { className: styles$u["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
4876
4910
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
4877
4911
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
4878
4912
|
};
|
|
4879
4913
|
|
|
4880
|
-
var styles$
|
|
4914
|
+
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"};
|
|
4881
4915
|
|
|
4882
|
-
var Component$
|
|
4916
|
+
var Component$x = function (_a) {
|
|
4883
4917
|
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;
|
|
4884
4918
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
4885
4919
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -4922,29 +4956,29 @@ var Component$t = function (_a) {
|
|
|
4922
4956
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4923
4957
|
md: null
|
|
4924
4958
|
});
|
|
4925
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
4959
|
+
return (React__default["default"].createElement("header", { className: styles$t.LogoutHeaderComponent },
|
|
4926
4960
|
LogoutHeaderMobileSearchbar,
|
|
4927
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4928
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4929
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4961
|
+
React__default["default"].createElement("div", { className: styles$t['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
4962
|
+
React__default["default"].createElement("div", { className: styles$t['magneto-ui-second-row'] },
|
|
4963
|
+
React__default["default"].createElement("div", { className: styles$t['magneto-ui-left-section'] },
|
|
4930
4964
|
LogoutHeaderMenuButton,
|
|
4931
4965
|
React__default["default"].createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
4932
4966
|
LogoutHeaderMobileSearchbarButton),
|
|
4933
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4967
|
+
React__default["default"].createElement("div", { className: styles$t['magneto-ui-middle-section'] },
|
|
4934
4968
|
LogoutHeaderSearchbar,
|
|
4935
4969
|
" ",
|
|
4936
4970
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
4937
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4971
|
+
React__default["default"].createElement("div", { className: styles$t['magneto-ui-right-section'] },
|
|
4938
4972
|
LogoutHeaderLinkSignIn,
|
|
4939
4973
|
LogoutHeaderButtonSignUp)),
|
|
4940
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4974
|
+
React__default["default"].createElement("div", { className: styles$t['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
4941
4975
|
};
|
|
4942
4976
|
/**
|
|
4943
4977
|
* UI Header Organisim for 1024 resolution/size
|
|
4944
4978
|
*/
|
|
4945
|
-
var LogoutHeader = Component$
|
|
4979
|
+
var LogoutHeader = Component$x;
|
|
4946
4980
|
|
|
4947
|
-
var styles$
|
|
4981
|
+
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"};
|
|
4948
4982
|
|
|
4949
4983
|
var Muiclass$2 = 'magneto-ui';
|
|
4950
4984
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -4975,24 +5009,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
4975
5009
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
4976
5010
|
md: null
|
|
4977
5011
|
});
|
|
4978
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5012
|
+
return (React__default["default"].createElement("header", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
4979
5013
|
LogoutHeaderMobileSearchbar,
|
|
4980
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4981
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5014
|
+
React__default["default"].createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5015
|
+
React__default["default"].createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
4982
5016
|
LogoutHeaderMenuButton,
|
|
4983
5017
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
4984
5018
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
4985
5019
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
4986
|
-
React__default["default"].createElement("img", { className: styles$
|
|
4987
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5020
|
+
React__default["default"].createElement("img", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5021
|
+
gif && (React__default["default"].createElement("img", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
4988
5022
|
LogoutHeaderMobileSearchbarButton),
|
|
4989
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5023
|
+
React__default["default"].createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
4990
5024
|
LogoutHeaderSearchbar,
|
|
4991
5025
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
4992
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5026
|
+
React__default["default"].createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
4993
5027
|
LogoutHeaderLinkSignIn,
|
|
4994
5028
|
LogoutHeaderButtonSignUp)),
|
|
4995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5029
|
+
React__default["default"].createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
4996
5030
|
};
|
|
4997
5031
|
|
|
4998
5032
|
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"};
|
|
@@ -5009,28 +5043,28 @@ var MagnetoSocialMedia = function (_a) {
|
|
|
5009
5043
|
}))));
|
|
5010
5044
|
};
|
|
5011
5045
|
|
|
5012
|
-
var styles$
|
|
5046
|
+
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"};
|
|
5013
5047
|
|
|
5014
|
-
var Component$
|
|
5048
|
+
var Component$w = function (_a) {
|
|
5015
5049
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5016
5050
|
var handleOptionClick = function (optionValue) {
|
|
5017
5051
|
handleOnClick(optionValue);
|
|
5018
5052
|
};
|
|
5019
5053
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5020
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5021
|
-
React__default["default"].createElement("ul", { className: styles$
|
|
5054
|
+
return (React__default["default"].createElement("div", { className: styles$r['magneto-ui--date-options'] },
|
|
5055
|
+
React__default["default"].createElement("ul", { className: styles$r['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5022
5056
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5023
|
-
return (React__default["default"].createElement("li", { className: "".concat(styles$
|
|
5057
|
+
return (React__default["default"].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));
|
|
5024
5058
|
}))));
|
|
5025
5059
|
};
|
|
5026
5060
|
/**
|
|
5027
5061
|
* UI Atom component of Date Option
|
|
5028
5062
|
*/
|
|
5029
|
-
var DateOptions = Component$
|
|
5063
|
+
var DateOptions = Component$w;
|
|
5030
5064
|
|
|
5031
|
-
var styles$
|
|
5065
|
+
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"};
|
|
5032
5066
|
|
|
5033
|
-
var Component$
|
|
5067
|
+
var Component$v = function (_a) {
|
|
5034
5068
|
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;
|
|
5035
5069
|
var _b = React.useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5036
5070
|
var _c = React.useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5052,23 +5086,23 @@ var Component$r = function (_a) {
|
|
|
5052
5086
|
setInitialSelectedOption(null);
|
|
5053
5087
|
}
|
|
5054
5088
|
}, [disabled]);
|
|
5055
|
-
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5056
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5089
|
+
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$q['magneto-ui--date-selection'] },
|
|
5090
|
+
React__default["default"].createElement("div", { className: styles$q['magneto-ui--date-selection__header'] },
|
|
5057
5091
|
React__default["default"].createElement("h2", null, selectionHeader)),
|
|
5058
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5092
|
+
React__default["default"].createElement("div", { className: styles$q['magneto-ui--date-selection__options'] },
|
|
5059
5093
|
React__default["default"].createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5060
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5061
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5062
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5094
|
+
React__default["default"].createElement("div", { className: styles$q['magneto-ui--date-selection__btn--wrapper'] },
|
|
5095
|
+
React__default["default"].createElement("button", { className: styles$q['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5096
|
+
React__default["default"].createElement("button", { className: styles$q['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5063
5097
|
};
|
|
5064
|
-
var DateSelection = Component$
|
|
5098
|
+
var DateSelection = Component$v;
|
|
5065
5099
|
|
|
5066
|
-
var styles$
|
|
5100
|
+
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"};
|
|
5067
5101
|
|
|
5068
5102
|
var defaultValue = function (value) {
|
|
5069
5103
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5070
5104
|
};
|
|
5071
|
-
var Component$
|
|
5105
|
+
var Component$u = function (_a) {
|
|
5072
5106
|
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;
|
|
5073
5107
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5074
5108
|
var valueClass = '-value';
|
|
@@ -5133,41 +5167,41 @@ var Component$q = function (_a) {
|
|
|
5133
5167
|
}
|
|
5134
5168
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5135
5169
|
}, [disabled]);
|
|
5136
|
-
return (React__default["default"].createElement("section", { className: styles$
|
|
5137
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5138
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5139
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5140
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5141
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5170
|
+
return (React__default["default"].createElement("section", { className: styles$p['magneto-ui--mobile-date-picker'] },
|
|
5171
|
+
React__default["default"].createElement("div", { className: styles$p["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5172
|
+
React__default["default"].createElement("div", { className: styles$p['magneto-ui--mobile-date-picker__input'] },
|
|
5173
|
+
React__default["default"].createElement("span", { className: styles$p["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5174
|
+
React__default["default"].createElement("p", { className: styles$p['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5175
|
+
React__default["default"].createElement("span", { className: styles$p["".concat(iconClass)] }, disabledArrow)),
|
|
5142
5176
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5143
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5144
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5145
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5146
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5147
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5177
|
+
React__default["default"].createElement("div", { className: styles$p["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5178
|
+
React__default["default"].createElement("div", { className: styles$p['magneto-ui--mobile-date-picker__input'] },
|
|
5179
|
+
React__default["default"].createElement("span", { className: styles$p["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5180
|
+
React__default["default"].createElement("p", { className: styles$p['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5181
|
+
React__default["default"].createElement("span", { className: styles$p["".concat(iconClass)] }, disabledArrow)),
|
|
5148
5182
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5149
5183
|
};
|
|
5150
|
-
var MobileDatePicker = Component$
|
|
5184
|
+
var MobileDatePicker = Component$u;
|
|
5151
5185
|
|
|
5152
|
-
var Component$
|
|
5186
|
+
var Component$t = function (_a) {
|
|
5153
5187
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5154
5188
|
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5155
5189
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5156
5190
|
};
|
|
5157
|
-
var MobileDrawerMenu = Component$
|
|
5191
|
+
var MobileDrawerMenu = Component$t;
|
|
5158
5192
|
|
|
5159
|
-
var styles$
|
|
5193
|
+
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"};
|
|
5160
5194
|
|
|
5161
|
-
var Component$
|
|
5195
|
+
var Component$s = function (_a) {
|
|
5162
5196
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5163
5197
|
var _b = React.useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5164
5198
|
var onOpenClick = function () {
|
|
5165
5199
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5166
5200
|
};
|
|
5167
|
-
var showButtonContainer = onClose ? styles$
|
|
5168
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5169
|
-
React__default["default"].createElement("div", { id: styles$
|
|
5170
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5201
|
+
var showButtonContainer = onClose ? styles$o['showContainer'] : styles$o['hideContainer'];
|
|
5202
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$o.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5203
|
+
React__default["default"].createElement("div", { id: styles$o['magneto-ui__external-child'] }, externalButtonChild),
|
|
5204
|
+
React__default["default"].createElement("div", { className: styles$o['DrawerButtonWrapper'] },
|
|
5171
5205
|
React__default["default"].createElement("button", { type: "button", onClick: onOpenClick },
|
|
5172
5206
|
React__default["default"].createElement(IconItem, { icon: More, hover: false }))),
|
|
5173
5207
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5176,11 +5210,11 @@ var Component$o = function (_a) {
|
|
|
5176
5210
|
/**
|
|
5177
5211
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5178
5212
|
*/
|
|
5179
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5213
|
+
var MobileJobDetailsActionsBar = Component$s;
|
|
5180
5214
|
|
|
5181
5215
|
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"};
|
|
5182
5216
|
|
|
5183
|
-
var Component$
|
|
5217
|
+
var Component$r = function () {
|
|
5184
5218
|
var skeletonCard = (React__default["default"].createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5185
5219
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
5186
5220
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
@@ -5204,7 +5238,7 @@ var Component$n = function () {
|
|
|
5204
5238
|
/**
|
|
5205
5239
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5206
5240
|
*/
|
|
5207
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5241
|
+
var MobileJobDetailsDrawerSkeleton = Component$r;
|
|
5208
5242
|
|
|
5209
5243
|
var SwipeMode;
|
|
5210
5244
|
(function (SwipeMode) {
|
|
@@ -5274,7 +5308,7 @@ var Swipe = function (_a) {
|
|
|
5274
5308
|
} }))));
|
|
5275
5309
|
};
|
|
5276
5310
|
|
|
5277
|
-
var Component$
|
|
5311
|
+
var Component$q = function (_a) {
|
|
5278
5312
|
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;
|
|
5279
5313
|
var handleClose = React.useCallback(function () {
|
|
5280
5314
|
if (onClose) {
|
|
@@ -5323,7 +5357,7 @@ var Component$m = function (_a) {
|
|
|
5323
5357
|
/**
|
|
5324
5358
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5325
5359
|
*/
|
|
5326
|
-
var MobileJobDetailsDrawer = Component$
|
|
5360
|
+
var MobileJobDetailsDrawer = Component$q;
|
|
5327
5361
|
|
|
5328
5362
|
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"};
|
|
5329
5363
|
|
|
@@ -5345,7 +5379,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5345
5379
|
React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5346
5380
|
};
|
|
5347
5381
|
|
|
5348
|
-
var Component$
|
|
5382
|
+
var Component$p = function (_a) {
|
|
5349
5383
|
var props = __rest(_a, []);
|
|
5350
5384
|
var _b = React.useState(0), step = _b[0], setStep = _b[1];
|
|
5351
5385
|
return React__default["default"].createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5353,7 +5387,7 @@ var Component$l = function (_a) {
|
|
|
5353
5387
|
/**
|
|
5354
5388
|
* Organism UI component of analyst template
|
|
5355
5389
|
*/
|
|
5356
|
-
var ModalAnalyst = Component$
|
|
5390
|
+
var ModalAnalyst = Component$p;
|
|
5357
5391
|
|
|
5358
5392
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5359
5393
|
|
|
@@ -5574,18 +5608,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5574
5608
|
React__default["default"].createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5575
5609
|
};
|
|
5576
5610
|
|
|
5577
|
-
var styles$
|
|
5611
|
+
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"};
|
|
5578
5612
|
|
|
5579
|
-
var Component$
|
|
5613
|
+
var Component$o = function (_a) {
|
|
5580
5614
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
5581
5615
|
if (!title)
|
|
5582
5616
|
return null;
|
|
5583
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5617
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$n, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React__default["default"].createElement("h3", { className: CNM.get({ styles: styles$n, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React__default["default"].createElement(Divider, null))));
|
|
5584
5618
|
};
|
|
5585
5619
|
/**
|
|
5586
5620
|
* Organism UI child component of nav menu analyst
|
|
5587
5621
|
*/
|
|
5588
|
-
var NavMenuAnalystDivider = Component$
|
|
5622
|
+
var NavMenuAnalystDivider = Component$o;
|
|
5589
5623
|
|
|
5590
5624
|
var navMenuAnalystIcons = {
|
|
5591
5625
|
home: {
|
|
@@ -5634,9 +5668,9 @@ var navMenuAnalystIcons = {
|
|
|
5634
5668
|
}
|
|
5635
5669
|
};
|
|
5636
5670
|
|
|
5637
|
-
var styles$
|
|
5671
|
+
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"};
|
|
5638
5672
|
|
|
5639
|
-
var Component$
|
|
5673
|
+
var Component$n = function (_a) {
|
|
5640
5674
|
var _b;
|
|
5641
5675
|
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;
|
|
5642
5676
|
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;
|
|
@@ -5719,7 +5753,7 @@ var Component$j = function (_a) {
|
|
|
5719
5753
|
}
|
|
5720
5754
|
}, [option.data, queryString, useQueryString]);
|
|
5721
5755
|
var linkStyles = CNM.get({
|
|
5722
|
-
styles: styles$
|
|
5756
|
+
styles: styles$m,
|
|
5723
5757
|
cls: [
|
|
5724
5758
|
'nav-menu-analyst-option__link',
|
|
5725
5759
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -5727,7 +5761,7 @@ var Component$j = function (_a) {
|
|
|
5727
5761
|
]
|
|
5728
5762
|
});
|
|
5729
5763
|
var dropdownStyles = CNM.get({
|
|
5730
|
-
styles: styles$
|
|
5764
|
+
styles: styles$m,
|
|
5731
5765
|
cls: [
|
|
5732
5766
|
'nav-menu-analyst-option__dropdown',
|
|
5733
5767
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -5745,21 +5779,21 @@ var Component$j = function (_a) {
|
|
|
5745
5779
|
}
|
|
5746
5780
|
return (React__default["default"].createElement("div", { title: option.title, ref: optionRef },
|
|
5747
5781
|
React__default["default"].createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
5748
|
-
styles: styles$
|
|
5782
|
+
styles: styles$m,
|
|
5749
5783
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
5750
5784
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
5751
5785
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
5752
5786
|
size: 18
|
|
5753
5787
|
} }, option.data.map(function (item, i) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
5754
|
-
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$
|
|
5755
|
-
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
5788
|
+
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$m, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
5789
|
+
item.children.map(function (child, j) { return (React__default["default"].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 })); }))); }))));
|
|
5756
5790
|
};
|
|
5757
5791
|
/**
|
|
5758
5792
|
* Organism UI child component of nav menu analyst
|
|
5759
5793
|
*/
|
|
5760
|
-
var NavMenuAnalystOption = Component$
|
|
5794
|
+
var NavMenuAnalystOption = Component$n;
|
|
5761
5795
|
|
|
5762
|
-
var styles$
|
|
5796
|
+
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"};
|
|
5763
5797
|
|
|
5764
5798
|
var useAnalystModal = function (modals) {
|
|
5765
5799
|
var _a = React.useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -5803,7 +5837,7 @@ var AnalystProvider = function (_a) {
|
|
|
5803
5837
|
};
|
|
5804
5838
|
var useAnalyst = function () { return React.useContext(AnalystContext); };
|
|
5805
5839
|
|
|
5806
|
-
var Component$
|
|
5840
|
+
var Component$m = function (_a) {
|
|
5807
5841
|
var _b, _c;
|
|
5808
5842
|
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;
|
|
5809
5843
|
var containerRef = React.useRef(null);
|
|
@@ -5833,17 +5867,17 @@ var Component$i = function (_a) {
|
|
|
5833
5867
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
5834
5868
|
};
|
|
5835
5869
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
5836
|
-
styles: styles$
|
|
5870
|
+
styles: styles$l,
|
|
5837
5871
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
5838
5872
|
}) },
|
|
5839
|
-
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
5873
|
+
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__header'] }) },
|
|
5840
5874
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
5841
|
-
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
5842
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5875
|
+
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__container'] }) },
|
|
5876
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React__default["default"].createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__section'] }) },
|
|
5843
5877
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
5844
5878
|
section.children.map(function (child, j) { return (React__default["default"].createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
5845
5879
|
React__default["default"].createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
5846
|
-
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5880
|
+
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__region'] }) },
|
|
5847
5881
|
React__default["default"].createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
5848
5882
|
icons: {
|
|
5849
5883
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -5854,27 +5888,27 @@ var Component$i = function (_a) {
|
|
|
5854
5888
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
5855
5889
|
} }))),
|
|
5856
5890
|
React__default["default"].createElement("footer", { className: CNM.get({
|
|
5857
|
-
styles: styles$
|
|
5891
|
+
styles: styles$l,
|
|
5858
5892
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
5859
|
-
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
5893
|
+
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$l, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
5860
5894
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
5861
5895
|
option.children.map(function (child, j) { return (React__default["default"].createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
5862
5896
|
};
|
|
5863
5897
|
/**
|
|
5864
5898
|
* Organism UI component of navigation menu analyst
|
|
5865
5899
|
*/
|
|
5866
|
-
var NavMenuAnalyst = Component$
|
|
5900
|
+
var NavMenuAnalyst = Component$m;
|
|
5867
5901
|
|
|
5868
|
-
var styles$
|
|
5902
|
+
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"};
|
|
5869
5903
|
|
|
5870
|
-
var Component$
|
|
5904
|
+
var Component$l = function (_a) {
|
|
5871
5905
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
5872
5906
|
var cancelButton = useMediaQuery(React__default["default"].createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
5873
|
-
styles: styles$
|
|
5907
|
+
styles: styles$k,
|
|
5874
5908
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
5875
5909
|
}), onClick: function () { return handleClose(null); } }), {
|
|
5876
5910
|
sm: (React__default["default"].createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
5877
|
-
styles: styles$
|
|
5911
|
+
styles: styles$k,
|
|
5878
5912
|
cls: [
|
|
5879
5913
|
'nav-menu-analyst-region-modal-content__button',
|
|
5880
5914
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -5882,34 +5916,34 @@ var Component$h = function (_a) {
|
|
|
5882
5916
|
}), onClick: function () { return handleClose(null); } }))
|
|
5883
5917
|
});
|
|
5884
5918
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
5885
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5919
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
5886
5920
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
5887
5921
|
return (React__default["default"].createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
5888
5922
|
icon: flag,
|
|
5889
5923
|
alt: lang,
|
|
5890
|
-
className: CNM.get({ styles: styles$
|
|
5891
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
5924
|
+
className: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
5925
|
+
}, childrenClassName: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
5892
5926
|
var lang = _a.lang;
|
|
5893
5927
|
return lang === defaultRegion;
|
|
5894
5928
|
}) ? defaultRegion === lang : index === 0) &&
|
|
5895
5929
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
5896
5930
|
React__default["default"].createElement("span", null, name)));
|
|
5897
5931
|
})),
|
|
5898
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5932
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$k, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
5899
5933
|
cancelButton,
|
|
5900
5934
|
React__default["default"].createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
5901
|
-
styles: styles$
|
|
5935
|
+
styles: styles$k,
|
|
5902
5936
|
cls: [
|
|
5903
5937
|
'nav-menu-analyst-region-modal-content__button',
|
|
5904
5938
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
5905
5939
|
]
|
|
5906
5940
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
5907
5941
|
};
|
|
5908
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
5942
|
+
var NavMenuAnalystRegionModalContent = Component$l;
|
|
5909
5943
|
|
|
5910
|
-
var styles$
|
|
5944
|
+
var styles$j = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
5911
5945
|
|
|
5912
|
-
var Component$
|
|
5946
|
+
var Component$k = function (_a) {
|
|
5913
5947
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
5914
5948
|
var _b = React.useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
5915
5949
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -5917,9 +5951,9 @@ var Component$g = function (_a) {
|
|
|
5917
5951
|
setSelectedRegion(null);
|
|
5918
5952
|
handleRegionChange(region);
|
|
5919
5953
|
}, [handleRegionChange]);
|
|
5920
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
5954
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$j, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
5921
5955
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
5922
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
5956
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$j, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
5923
5957
|
React__default["default"].createElement("h2", null, regionModal.title),
|
|
5924
5958
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
5925
5959
|
});
|
|
@@ -5928,24 +5962,24 @@ var Component$g = function (_a) {
|
|
|
5928
5962
|
/**
|
|
5929
5963
|
* Organism UI child component of nav menu analyst
|
|
5930
5964
|
*/
|
|
5931
|
-
var NavMenuAnalystRegionModal = Component$
|
|
5965
|
+
var NavMenuAnalystRegionModal = Component$k;
|
|
5932
5966
|
|
|
5933
|
-
var styles$
|
|
5967
|
+
var styles$i = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
5934
5968
|
|
|
5935
|
-
var Component$
|
|
5969
|
+
var Component$j = function (_a) {
|
|
5936
5970
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
5937
5971
|
var handleClose = React.useCallback(function () {
|
|
5938
5972
|
if (onClose) {
|
|
5939
5973
|
onClose();
|
|
5940
5974
|
}
|
|
5941
5975
|
}, [onClose]);
|
|
5942
|
-
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
5976
|
+
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$i, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
5943
5977
|
React__default["default"].createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
5944
5978
|
};
|
|
5945
5979
|
/**
|
|
5946
5980
|
* Organism UI component of navigation menu analyst
|
|
5947
5981
|
*/
|
|
5948
|
-
var NavMenuDrawerAnalyst = Component$
|
|
5982
|
+
var NavMenuDrawerAnalyst = Component$j;
|
|
5949
5983
|
|
|
5950
5984
|
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"};
|
|
5951
5985
|
|
|
@@ -6142,7 +6176,7 @@ var OneSelectionEntry = function (_a) {
|
|
|
6142
6176
|
React__default["default"].createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6143
6177
|
};
|
|
6144
6178
|
|
|
6145
|
-
var Component$
|
|
6179
|
+
var Component$i = function (_a) {
|
|
6146
6180
|
var props = __rest(_a, []);
|
|
6147
6181
|
var container = useMediaQuery(React__default["default"].createElement(Select2Desktop, __assign({}, props)), {
|
|
6148
6182
|
sm: React__default["default"].createElement(Select2Mobile, __assign({}, props))
|
|
@@ -6154,13 +6188,13 @@ var Component$e = function (_a) {
|
|
|
6154
6188
|
/**
|
|
6155
6189
|
* Molecule UI child component of select 2
|
|
6156
6190
|
*/
|
|
6157
|
-
var Select2Container = Component$
|
|
6191
|
+
var Select2Container = Component$i;
|
|
6158
6192
|
|
|
6159
|
-
var styles$
|
|
6193
|
+
var styles$h = {"magneto-ui-select2-desktop":"mg_select2_desktop_magneto-ui-select2-desktop_yr6j4"};
|
|
6160
6194
|
|
|
6161
|
-
var Component$
|
|
6195
|
+
var Component$h = function (_a) {
|
|
6162
6196
|
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;
|
|
6163
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6197
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$h, cls: ['select2-desktop', className] }) },
|
|
6164
6198
|
React__default["default"].createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: clickOut, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, isMultiple: isMultiple, setTerm: setTerm }),
|
|
6165
6199
|
React__default["default"].createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6166
6200
|
React__default["default"].createElement(Select2List, { disabledList: disableList, list: list, onSelected: handleChange, selected: valueSelected, visible: clickOut, render: render })));
|
|
@@ -6168,16 +6202,16 @@ var Component$d = function (_a) {
|
|
|
6168
6202
|
/**
|
|
6169
6203
|
* Molecule UI child component of select 2
|
|
6170
6204
|
*/
|
|
6171
|
-
var Select2Desktop = Component$
|
|
6205
|
+
var Select2Desktop = Component$h;
|
|
6172
6206
|
|
|
6173
|
-
var styles$
|
|
6207
|
+
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"};
|
|
6174
6208
|
|
|
6175
|
-
var Component$
|
|
6209
|
+
var Component$g = function (_a) {
|
|
6176
6210
|
var _b, _c;
|
|
6177
6211
|
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;
|
|
6178
6212
|
var arrowRotate = React.useMemo(function () {
|
|
6179
6213
|
return CNM.get({
|
|
6180
|
-
styles: styles$
|
|
6214
|
+
styles: styles$g,
|
|
6181
6215
|
cls: [
|
|
6182
6216
|
'select2-input__suffix-icon',
|
|
6183
6217
|
clickOut ? 'select2-input__suffix-icon--rotate-arrow' : 'select2-input__suffix-icon--static-arrow'
|
|
@@ -6190,23 +6224,23 @@ var Component$c = function (_a) {
|
|
|
6190
6224
|
return React__default["default"].createElement("span", null, placeholder);
|
|
6191
6225
|
}
|
|
6192
6226
|
if ((_a = valueSelected[0]) === null || _a === void 0 ? void 0 : _a.name) {
|
|
6193
|
-
return (React__default["default"].createElement("span", { className: styles$
|
|
6227
|
+
return (React__default["default"].createElement("span", { className: styles$g['select-label'] },
|
|
6194
6228
|
React__default["default"].createElement("span", null, placeholder),
|
|
6195
6229
|
React__default["default"].createElement("span", null, (_b = valueSelected[0]) === null || _b === void 0 ? void 0 : _b.name)));
|
|
6196
6230
|
}
|
|
6197
6231
|
return React__default["default"].createElement("span", null, placeholder);
|
|
6198
6232
|
}, [isMultiple, placeholder, valueSelected]);
|
|
6199
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6233
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$g, cls: ['select2-input'] }) },
|
|
6200
6234
|
React__default["default"].createElement("div", { style: { display: clickOut ? 'block' : 'none' } },
|
|
6201
6235
|
React__default["default"].createElement(Input, { type: "text", value: searchValue, placeholder: placeholder, name: name || placeholder, hideIcon: true, onChange: handleSearch, disabled: disabled, autoFocus: clickOut })),
|
|
6202
6236
|
React__default["default"].createElement("button", { style: { display: clickOut ? 'none' : 'flex' }, type: "button", onClick: function () { return setClickOut(!clickOut); }, disabled: disableList || disabled, className: CNM.get({
|
|
6203
|
-
styles: styles$
|
|
6237
|
+
styles: styles$g,
|
|
6204
6238
|
cls: ['select2-input__button', (disableList || disabled) && 'select2-input__button--disabled']
|
|
6205
6239
|
}) },
|
|
6206
6240
|
React__default["default"].createElement("span", null,
|
|
6207
6241
|
icon && React__default["default"].createElement("img", { src: icon, alt: "select-icon" }),
|
|
6208
6242
|
React__default["default"].createElement("p", { className: CNM.get({
|
|
6209
|
-
styles: styles$
|
|
6243
|
+
styles: styles$g,
|
|
6210
6244
|
cls: [
|
|
6211
6245
|
'select2-input__button-text',
|
|
6212
6246
|
valueSelected.length
|
|
@@ -6221,15 +6255,15 @@ var Component$c = function (_a) {
|
|
|
6221
6255
|
/**
|
|
6222
6256
|
* Molecule UI child component of select 2
|
|
6223
6257
|
*/
|
|
6224
|
-
var Select2Input = Component$
|
|
6258
|
+
var Select2Input = Component$g;
|
|
6225
6259
|
|
|
6226
|
-
var styles$
|
|
6260
|
+
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"};
|
|
6227
6261
|
|
|
6228
|
-
var Component$
|
|
6262
|
+
var Component$f = function (_a) {
|
|
6229
6263
|
var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
|
|
6230
6264
|
var itemStyles = React.useCallback(function (localId) {
|
|
6231
6265
|
return CNM.get({
|
|
6232
|
-
styles: styles$
|
|
6266
|
+
styles: styles$f,
|
|
6233
6267
|
cls: [
|
|
6234
6268
|
'select2-list__item',
|
|
6235
6269
|
(selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
@@ -6252,7 +6286,7 @@ var Component$b = function (_a) {
|
|
|
6252
6286
|
return null;
|
|
6253
6287
|
if (!list.length)
|
|
6254
6288
|
return null;
|
|
6255
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6289
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$f, cls: ['select2-list', !isMobile && 'select2-list--desktop'] }) }, list.map(function (_a, index) {
|
|
6256
6290
|
var props = __rest(_a, []);
|
|
6257
6291
|
return (React__default["default"].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) {
|
|
6258
6292
|
var id = _a.id;
|
|
@@ -6263,11 +6297,11 @@ var Component$b = function (_a) {
|
|
|
6263
6297
|
/**
|
|
6264
6298
|
* Molecule UI child component of select 2
|
|
6265
6299
|
*/
|
|
6266
|
-
var Select2List = Component$
|
|
6300
|
+
var Select2List = Component$f;
|
|
6267
6301
|
|
|
6268
|
-
var styles$
|
|
6302
|
+
var styles$e = {"magneto-ui-select2-desktop":"mg_select2_mobile_magneto-ui-select2-desktop_174k1"};
|
|
6269
6303
|
|
|
6270
|
-
var Component$
|
|
6304
|
+
var Component$e = function (_a) {
|
|
6271
6305
|
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;
|
|
6272
6306
|
var _c = React.useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
|
|
6273
6307
|
React.useEffect(function () {
|
|
@@ -6281,7 +6315,7 @@ var Component$a = function (_a) {
|
|
|
6281
6315
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
6282
6316
|
React__default["default"].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 }),
|
|
6283
6317
|
React__default["default"].createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6284
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$
|
|
6318
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$e, cls: ['select2-desktop', className] }) },
|
|
6285
6319
|
React__default["default"].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 }),
|
|
6286
6320
|
React__default["default"].createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6287
6321
|
React__default["default"].createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, render: render, visible: true }))));
|
|
@@ -6289,15 +6323,15 @@ var Component$a = function (_a) {
|
|
|
6289
6323
|
/**
|
|
6290
6324
|
* Molecule UI child component of select 2
|
|
6291
6325
|
*/
|
|
6292
|
-
var Select2Mobile = Component$
|
|
6326
|
+
var Select2Mobile = Component$e;
|
|
6293
6327
|
|
|
6294
|
-
var styles$
|
|
6328
|
+
var styles$d = {"magneto-ui-select2-tags":"mg_select2_tags_magneto-ui-select2-tags_sxds5"};
|
|
6295
6329
|
|
|
6296
|
-
var Component$
|
|
6330
|
+
var Component$d = function (_a) {
|
|
6297
6331
|
var onRemove = _a.onRemove, tags = _a.tags, visible = _a.visible;
|
|
6298
6332
|
if (!visible || tags.length === 0)
|
|
6299
6333
|
return null;
|
|
6300
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6334
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$d, cls: ['select2-tags'] }) }, tags.map(function (_a) {
|
|
6301
6335
|
var id = _a.id, name = _a.name;
|
|
6302
6336
|
return (React__default["default"].createElement(Tags, { onClick: function () { return onRemove(id); }, icon: Close, key: id, text: name }));
|
|
6303
6337
|
})));
|
|
@@ -6305,7 +6339,7 @@ var Component$9 = function (_a) {
|
|
|
6305
6339
|
/**
|
|
6306
6340
|
* Molecule UI child component of select 2
|
|
6307
6341
|
*/
|
|
6308
|
-
var Select2Tags = Component$
|
|
6342
|
+
var Select2Tags = Component$d;
|
|
6309
6343
|
|
|
6310
6344
|
var useSelect2 = function (_a) {
|
|
6311
6345
|
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;
|
|
@@ -6376,7 +6410,7 @@ var useSelect2 = function (_a) {
|
|
|
6376
6410
|
return { list: list, removeValue: removeValue, handleChange: handleChange, disableList: disableList, handleSearch: handleSearch, searchValue: searchValue, valueSelected: valueSelected };
|
|
6377
6411
|
};
|
|
6378
6412
|
|
|
6379
|
-
var Component$
|
|
6413
|
+
var Component$c = function (_a) {
|
|
6380
6414
|
var props = __rest(_a, []);
|
|
6381
6415
|
var hookProps = __rest(useSelect2(__assign({}, props)), []);
|
|
6382
6416
|
return React__default["default"].createElement(Select2Container, __assign({}, props, hookProps));
|
|
@@ -6384,7 +6418,7 @@ var Component$8 = function (_a) {
|
|
|
6384
6418
|
/**
|
|
6385
6419
|
* Molecule UI component of select 2
|
|
6386
6420
|
*/
|
|
6387
|
-
var Select2 = withClickOut(Component$
|
|
6421
|
+
var Select2 = withClickOut(Component$c);
|
|
6388
6422
|
|
|
6389
6423
|
var style$8 = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
|
|
6390
6424
|
|
|
@@ -6393,7 +6427,7 @@ var STATUS = {
|
|
|
6393
6427
|
CURRENT: 'current',
|
|
6394
6428
|
BLOCKED: 'blocked'
|
|
6395
6429
|
};
|
|
6396
|
-
var Component$
|
|
6430
|
+
var Component$b = function (_a) {
|
|
6397
6431
|
var steps = _a.steps, currentStep = _a.currentStep, _b = _a.onClick, onClick = _b === void 0 ? function () { return ({}); } : _b;
|
|
6398
6432
|
currentStep = Math.max(currentStep, 1);
|
|
6399
6433
|
var getStatus = function (index) {
|
|
@@ -6410,7 +6444,174 @@ var Component$7 = function (_a) {
|
|
|
6410
6444
|
return (React__default["default"].createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
|
|
6411
6445
|
})));
|
|
6412
6446
|
};
|
|
6413
|
-
var Timeline = Component$
|
|
6447
|
+
var Timeline = Component$b;
|
|
6448
|
+
|
|
6449
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6450
|
+
var SelectContext = React__default["default"].createContext({
|
|
6451
|
+
value: [],
|
|
6452
|
+
onChange: stubTrue,
|
|
6453
|
+
options: [],
|
|
6454
|
+
search: '',
|
|
6455
|
+
onSearch: stubUndefined,
|
|
6456
|
+
onSwitch: function () { return undefined; },
|
|
6457
|
+
open: false
|
|
6458
|
+
});
|
|
6459
|
+
var useSelectContext = function () { return React.useContext(SelectContext); };
|
|
6460
|
+
|
|
6461
|
+
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"};
|
|
6462
|
+
|
|
6463
|
+
var cx$5 = classNames.bind(styles$c);
|
|
6464
|
+
var getDefaulSelected = function (selected) {
|
|
6465
|
+
return selected.map(function (select) { return select.value; }).join(', ');
|
|
6466
|
+
};
|
|
6467
|
+
var Component$a = function (_a) {
|
|
6468
|
+
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"]);
|
|
6469
|
+
var ref = React.useRef({ onChange: onChange, id: generateID() });
|
|
6470
|
+
React.useEffect(function () {
|
|
6471
|
+
ref.current.onChange = onChange;
|
|
6472
|
+
}, [onChange]);
|
|
6473
|
+
React.useEffect(function () {
|
|
6474
|
+
if (!open)
|
|
6475
|
+
ref.current.onChange({
|
|
6476
|
+
target: {
|
|
6477
|
+
value: ''
|
|
6478
|
+
}
|
|
6479
|
+
});
|
|
6480
|
+
}, [open]);
|
|
6481
|
+
if (!readOnly) {
|
|
6482
|
+
return (React__default["default"].createElement("div", { className: cx$5('select-input', className, {
|
|
6483
|
+
'select-input--with-icon': actionIcon !== undefined,
|
|
6484
|
+
'select-input--no-placeholder': rest.placeholder.length === 0
|
|
6485
|
+
}), onClick: onClick },
|
|
6486
|
+
React__default["default"].createElement(Input, __assign({ name: ref.current.id, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon }, rest))));
|
|
6487
|
+
}
|
|
6488
|
+
return (React__default["default"].createElement("button", { className: cx$5('select-button', className), onClick: onClick },
|
|
6489
|
+
React__default["default"].createElement("span", { className: cx$5('select-button__placeholder', {
|
|
6490
|
+
'select-button__placeholder--selected': selected.length > 0,
|
|
6491
|
+
'select-button__placeholder--open': open
|
|
6492
|
+
}) }, open ? rest.placeholder : selected.length > 0 ? getLabel(selected) : rest.placeholder),
|
|
6493
|
+
actionIcon ? React__default["default"].createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
|
|
6494
|
+
};
|
|
6495
|
+
var SelectInput = Component$a;
|
|
6496
|
+
|
|
6497
|
+
var styles$b = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
6498
|
+
|
|
6499
|
+
var cx$4 = classNames.bind(styles$b);
|
|
6500
|
+
var SelectClickout = function (_a) {
|
|
6501
|
+
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
6502
|
+
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
6503
|
+
var ref = React.useRef({ onSwitch: onSwitch, setClickOut: setClickOut });
|
|
6504
|
+
React.useEffect(function () {
|
|
6505
|
+
ref.current.onSwitch = onSwitch;
|
|
6506
|
+
ref.current.setClickOut = setClickOut;
|
|
6507
|
+
}, [onSwitch, setClickOut]);
|
|
6508
|
+
React.useEffect(function () {
|
|
6509
|
+
ref.current.setClickOut(open);
|
|
6510
|
+
}, [open]);
|
|
6511
|
+
React.useEffect(function () {
|
|
6512
|
+
if (!clickOut)
|
|
6513
|
+
ref.current.onSwitch(false);
|
|
6514
|
+
}, [clickOut]);
|
|
6515
|
+
if (open)
|
|
6516
|
+
return React__default["default"].createElement("div", { className: cx$4('select-click-out') }, children);
|
|
6517
|
+
return null;
|
|
6518
|
+
};
|
|
6519
|
+
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
6520
|
+
|
|
6521
|
+
var styles$a = {"select-drawer":"mg_select_drawer_select-drawer_1d398"};
|
|
6522
|
+
|
|
6523
|
+
var cx$3 = classNames.bind(styles$a);
|
|
6524
|
+
var SelectDrawer = function (_a) {
|
|
6525
|
+
var className = _a.className, children = _a.children;
|
|
6526
|
+
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
6527
|
+
return (React__default["default"].createElement(MobileDrawer, { className: cx$3('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6528
|
+
};
|
|
6529
|
+
|
|
6530
|
+
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"};
|
|
6531
|
+
|
|
6532
|
+
var cx$2 = classNames.bind(styles$9);
|
|
6533
|
+
var Component$9 = function (_a) {
|
|
6534
|
+
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"]);
|
|
6535
|
+
return (React__default["default"].createElement("label", { className: cx$2('checkbox', "checkbox--".concat(display), className, {
|
|
6536
|
+
'checkbox--checked': checked,
|
|
6537
|
+
'checkbox--background': type === 'background'
|
|
6538
|
+
}), "data-name": "checkbox-container", htmlFor: id },
|
|
6539
|
+
React__default["default"].createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
6540
|
+
var target = _a.target;
|
|
6541
|
+
return onChange(target.checked);
|
|
6542
|
+
}, type: "checkbox", id: id }, rest)),
|
|
6543
|
+
children));
|
|
6544
|
+
};
|
|
6545
|
+
var Checkbox = Component$9;
|
|
6546
|
+
|
|
6547
|
+
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"};
|
|
6548
|
+
|
|
6549
|
+
var cx$1 = classNames.bind(styles$8);
|
|
6550
|
+
var defaultRenderItem = function (option) { return React__default["default"].createElement(React__default["default"].Fragment, null, option.label); };
|
|
6551
|
+
var isSelected = function (option, value) {
|
|
6552
|
+
return value.findIndex(function (_a) {
|
|
6553
|
+
var id = _a.id;
|
|
6554
|
+
return option.id === id;
|
|
6555
|
+
}) >= 0;
|
|
6556
|
+
};
|
|
6557
|
+
var defaultFilter = function (option, searchValue) {
|
|
6558
|
+
var _a, _b;
|
|
6559
|
+
return (_b = (_a = option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchValue.toLowerCase())) !== null && _b !== void 0 ? _b : true;
|
|
6560
|
+
};
|
|
6561
|
+
var Component$8 = function (_a) {
|
|
6562
|
+
var className = _a.className, _b = _a.renderItem, renderItem = _b === void 0 ? defaultRenderItem : _b, _c = _a.filter, filter = _c === void 0 ? defaultFilter : _c;
|
|
6563
|
+
var _d = Select.useContext(), options = _d.options, value = _d.value, onChange = _d.onChange, search = _d.search, open = _d.open;
|
|
6564
|
+
return (React__default["default"].createElement("ul", { "data-name": "select-list", className: cx$1('select-list', className, { 'select-list--visible': open }) }, options
|
|
6565
|
+
.filter(function (option) { return filter(option, search, value); })
|
|
6566
|
+
.map(function (option) { return (React__default["default"].createElement("li", { className: cx$1('select-list__item'), key: option.id },
|
|
6567
|
+
React__default["default"].createElement(Checkbox, { type: "box", display: "block", className: cx$1('select-list__checkbox'), checked: isSelected(option, value), onChange: function (checked) {
|
|
6568
|
+
if (checked) {
|
|
6569
|
+
onChange(__spreadArray(__spreadArray([], value, true), [option], false));
|
|
6570
|
+
}
|
|
6571
|
+
else {
|
|
6572
|
+
onChange(value.filter(function (curr) { return curr.id !== option.id; }));
|
|
6573
|
+
}
|
|
6574
|
+
} }, renderItem(option)))); })));
|
|
6575
|
+
};
|
|
6576
|
+
var SelectListCheck = Component$8;
|
|
6577
|
+
|
|
6578
|
+
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"};
|
|
6579
|
+
|
|
6580
|
+
var cx = classNames.bind(styles$7);
|
|
6581
|
+
var defaultSelect = function (props) {
|
|
6582
|
+
return (React__default["default"].createElement(Select.Input, __assign({ hideIcon: true, className: cx('select-input', { 'select-input--open': props.open }), actionIcon: ArrowDown2 }, props)));
|
|
6583
|
+
};
|
|
6584
|
+
var Component$7 = function (_a) {
|
|
6585
|
+
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;
|
|
6586
|
+
var _f = React.useState(false), open = _f[0], setOpen = _f[1];
|
|
6587
|
+
var _g = React.useState(''), search = _g[0], setSearch = _g[1];
|
|
6588
|
+
return (React__default["default"].createElement(SelectContext.Provider, { value: { options: options, value: value, onSwitch: setOpen, onChange: onChange, search: search, open: open, onSearch: setSearch } },
|
|
6589
|
+
renderSelect({
|
|
6590
|
+
placeholder: placeholder,
|
|
6591
|
+
readOnly: inputReadonly,
|
|
6592
|
+
onChange: function (_a) {
|
|
6593
|
+
var target = _a.target;
|
|
6594
|
+
return setSearch(target.value);
|
|
6595
|
+
},
|
|
6596
|
+
type: 'text',
|
|
6597
|
+
value: search,
|
|
6598
|
+
open: open,
|
|
6599
|
+
onClick: function () { return setOpen(true); },
|
|
6600
|
+
selected: value
|
|
6601
|
+
}),
|
|
6602
|
+
React__default["default"].createElement("div", { className: cx('select__list-container'), "data-name": "select-list-container" }, children)));
|
|
6603
|
+
};
|
|
6604
|
+
/**
|
|
6605
|
+
* @experimental this component is early, so that the interface component and behavrior could change.
|
|
6606
|
+
* @deprecated this function will change soon.
|
|
6607
|
+
*/
|
|
6608
|
+
var Select = Object.assign(Component$7, {
|
|
6609
|
+
useContext: useSelectContext,
|
|
6610
|
+
Input: SelectInput,
|
|
6611
|
+
Clickout: SelectClickout$1,
|
|
6612
|
+
Drawer: SelectDrawer,
|
|
6613
|
+
ListCheck: SelectListCheck
|
|
6614
|
+
});
|
|
6414
6615
|
|
|
6415
6616
|
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"};
|
|
6416
6617
|
|
|
@@ -6800,11 +7001,14 @@ var SideFilter = function (_a) {
|
|
|
6800
7001
|
displayBackground));
|
|
6801
7002
|
};
|
|
6802
7003
|
|
|
6803
|
-
var styles$3 = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-
|
|
7004
|
+
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"};
|
|
6804
7005
|
|
|
6805
7006
|
var SortBar = function (_a) {
|
|
6806
7007
|
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;
|
|
6807
7008
|
var _c = React.useState(false), showMenu = _c[0], setShowMenu = _c[1];
|
|
7009
|
+
var tooltip = useMediaQuery(React__default["default"].createElement(Tooltip, { title: infoMessageQuotas || '', position: "bottom", width: widthInfoMessage },
|
|
7010
|
+
React__default["default"].createElement("div", { className: "".concat(styles$3['magneto-ui-tooltip-quotas']) },
|
|
7011
|
+
React__default["default"].createElement("span", null, "?"))), { sm: React__default["default"].createElement(React.Fragment, null) });
|
|
6808
7012
|
var sortMenu = useMediaQuery(React__default["default"].createElement(SortMenu$1, { orderFields: orderFields, textOrderFilter: textOrderFilter, setFilter: setFilter, loading: loading }), {
|
|
6809
7013
|
md: (React__default["default"].createElement("button", { className: styles$3['magneto-ui-btn-menu'], title: textOrderFilter, onClick: function () { return setShowMenu(true); } },
|
|
6810
7014
|
React__default["default"].createElement("p", { className: styles$3['magneto-ui-btn-text'] }, textOrderFilter),
|
|
@@ -6827,9 +7031,7 @@ var SortBar = function (_a) {
|
|
|
6827
7031
|
React__default["default"].createElement(MenuIcon, { type: "button", text: textSortButton, icon: Setting4, onClick: setIsFiltersOpen, size: 17, isActive: true }),
|
|
6828
7032
|
mainTitleByMediaQuery,
|
|
6829
7033
|
React__default["default"].createElement("p", { className: "".concat(styles$3['magneto-ui-btn-text'], " ").concat(styles$3.hidden) }, filterSummary),
|
|
6830
|
-
infoMessageQuotas &&
|
|
6831
|
-
React__default["default"].createElement("div", { className: "".concat(styles$3['magneto-ui-tooltip-quotas']) },
|
|
6832
|
-
React__default["default"].createElement("span", null, "?"))))),
|
|
7034
|
+
infoMessageQuotas && tooltip),
|
|
6833
7035
|
sortBarButtonAltRender),
|
|
6834
7036
|
React__default["default"].createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
|
|
6835
7037
|
};
|
|
@@ -7200,6 +7402,7 @@ exports.ScoreLevelStatic = ScoreLevelStatic;
|
|
|
7200
7402
|
exports.SearchButton = SearchButton;
|
|
7201
7403
|
exports.SearchItem = SearchItem;
|
|
7202
7404
|
exports.Searchbar = Searchbar;
|
|
7405
|
+
exports.Select = Select;
|
|
7203
7406
|
exports.Select2 = Select2;
|
|
7204
7407
|
exports.ShareButton = ShareButton;
|
|
7205
7408
|
exports.SharePopover = SharePopover;
|