magneto365.ui 2.59.0 → 2.59.1
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 +269 -246
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts +26 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts +3 -1
- package/dist/cjs/types/components/hoc/index.d.ts +1 -1
- package/dist/cjs/types/components/hoc/megaMenu/withSideCards.d.ts +9 -0
- package/dist/cjs/types/components/hoc/megaMenu/withSideCards.desktop.d.ts +8 -0
- package/dist/cjs/types/components/hoc/megaMenu/withSideCardsDrawer.mobile.d.ts +8 -0
- package/dist/cjs/types/components/hoc/megaMenu/withSideCardsMobile.d.ts +9 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +269 -246
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts +26 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuSideCards/index.d.ts +1 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts +3 -1
- package/dist/esm/types/components/hoc/index.d.ts +1 -1
- package/dist/esm/types/components/hoc/megaMenu/withSideCards.d.ts +9 -0
- package/dist/esm/types/components/hoc/megaMenu/withSideCards.desktop.d.ts +8 -0
- package/dist/esm/types/components/hoc/megaMenu/withSideCardsDrawer.mobile.d.ts +8 -0
- package/dist/esm/types/components/hoc/megaMenu/withSideCardsMobile.d.ts +9 -0
- package/dist/index.d.ts +33 -5
- package/package.json +1 -1
- package/dist/cjs/types/components/hoc/megaMenu/withContainer.d.ts +0 -7
- package/dist/esm/types/components/hoc/megaMenu/withContainer.d.ts +0 -7
package/dist/esm/index.js
CHANGED
|
@@ -1331,68 +1331,30 @@ var ExpandableInfoModal = Component$2m;
|
|
|
1331
1331
|
|
|
1332
1332
|
var styles$2b = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
1333
1333
|
|
|
1334
|
-
var
|
|
1334
|
+
var styles$2a = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
1335
1335
|
|
|
1336
|
-
var
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
React.createElement("
|
|
1342
|
-
|
|
1343
|
-
};
|
|
1344
|
-
|
|
1345
|
-
var styles$29 = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
1346
|
-
|
|
1347
|
-
var MegaMenuCard = function (_a) {
|
|
1348
|
-
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;
|
|
1349
|
-
var handleClick = useCallback(function (event) {
|
|
1350
|
-
if (onClick != null) {
|
|
1351
|
-
event.preventDefault();
|
|
1352
|
-
onClick();
|
|
1353
|
-
}
|
|
1354
|
-
}, [onClick]);
|
|
1355
|
-
var rigthArrow = (React.createElement("div", { className: styles$29["magneto-ui-mega-menu-card__arrow"] },
|
|
1356
|
-
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
1357
|
-
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
1358
|
-
md: rigthArrow
|
|
1359
|
-
});
|
|
1360
|
-
return (React.createElement("a", { className: "".concat(styles$29["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1361
|
-
icon && (React.createElement("div", { className: styles$29["magneto-ui-mega-menu-card__icon"] },
|
|
1362
|
-
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1363
|
-
logo && (React.createElement("div", { className: styles$29["magneto-ui-mega-menu-card__logo"] },
|
|
1364
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$29["magneto-ui-mega-menu-card__logo"] }))),
|
|
1365
|
-
React.createElement("div", { className: styles$29["magneto-ui-mega-menu-card__content"] },
|
|
1366
|
-
React.createElement("div", { className: styles$29["magneto-ui-mega-menu-card__title"] }, title),
|
|
1367
|
-
React.createElement("div", { className: styles$29["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1368
|
-
maximumFractionDigits: 3
|
|
1369
|
-
}), " cupos"))),
|
|
1370
|
-
arrow));
|
|
1336
|
+
var DesktopSideCards = function (_a) {
|
|
1337
|
+
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1338
|
+
return (React.createElement("div", { className: styles$2a['mega-menu-side-container'] },
|
|
1339
|
+
React.createElement("div", { className: styles$2a['mega-menu-side-container__side'] },
|
|
1340
|
+
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1341
|
+
React.createElement("div", { className: styles$2a['mega-menu-side-container__main'] },
|
|
1342
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1371
1343
|
};
|
|
1372
1344
|
|
|
1373
|
-
var
|
|
1374
|
-
var
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
onSelectCard && onSelectCard(index);
|
|
1379
|
-
}; }, [onSelectCard]);
|
|
1380
|
-
return (React.createElement("ul", { className: "".concat(style$U["mega-menu-side-cards"]) },
|
|
1381
|
-
jobs &&
|
|
1382
|
-
jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
1383
|
-
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$U["mega-menu-side-cards__card"], " ").concat(selected == key ? style$U["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
|
|
1384
|
-
action && (React.createElement("li", null,
|
|
1385
|
-
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$U["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1345
|
+
var MobileSideCards = function (_a) {
|
|
1346
|
+
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1347
|
+
return (React.createElement("div", { className: styles$2a['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$2a['mega-menu-side-container__main'] },
|
|
1348
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$2a['mega-menu-side-container__side'] },
|
|
1349
|
+
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1386
1350
|
};
|
|
1387
1351
|
|
|
1388
|
-
var
|
|
1389
|
-
|
|
1390
|
-
var style$T = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_1fo3s","is-active":"mg_mega_menu_drawer_item_is-active_1fo3s","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_1fo3s","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_1fo3s","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_1fo3s","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_1fo3s","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_1fo3s","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_1fo3s","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_1fo3s"};
|
|
1352
|
+
var style$U = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1391
1353
|
|
|
1392
1354
|
var Component$2l = function (_a) {
|
|
1393
1355
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1394
1356
|
var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1395
|
-
var menuActive = isActive ? style$
|
|
1357
|
+
var menuActive = isActive ? style$U['is-active'] : '';
|
|
1396
1358
|
var toggleDrawer = useCallback(function () {
|
|
1397
1359
|
setOpenDrawer(!openDrawer);
|
|
1398
1360
|
}, [openDrawer]);
|
|
@@ -1403,53 +1365,56 @@ var Component$2l = function (_a) {
|
|
|
1403
1365
|
toggleDrawer();
|
|
1404
1366
|
}
|
|
1405
1367
|
}, [content, onClickOption, toggleDrawer]);
|
|
1406
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
1407
|
-
React.createElement("a", { onClick: anchorAction, className: "".concat(style$
|
|
1408
|
-
React.createElement("div", { className: style$
|
|
1409
|
-
React.createElement(IconItem, { className: style$
|
|
1368
|
+
return (React.createElement("div", { className: "".concat(style$U['mega-menu-drawer-item']) },
|
|
1369
|
+
React.createElement("a", { onClick: anchorAction, className: "".concat(style$U['mega-menu-drawer-item__content'], " ").concat(menuActive), href: url },
|
|
1370
|
+
React.createElement("div", { className: style$U['mega-menu-drawer-item__action'] },
|
|
1371
|
+
React.createElement(IconItem, { className: style$U['mega-menu-drawer-item__action--icon'], icon: icon, hover: false, size: 18 }),
|
|
1410
1372
|
React.createElement("p", null, text)),
|
|
1411
|
-
React.createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$
|
|
1373
|
+
React.createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$U['mega-menu-drawer-item__arrow'], size: 18 })),
|
|
1412
1374
|
content && (React.createElement(MegaMenuJobsDrawer, { content: content.child, isOpen: openDrawer, title: content.title, toggleDrawer: toggleDrawer }))));
|
|
1413
1375
|
};
|
|
1414
1376
|
var MegaMenuJobsDrawer = function (_a) {
|
|
1415
1377
|
var title = _a.title, content = _a.content, isOpen = _a.isOpen, toggleDrawer = _a.toggleDrawer;
|
|
1416
|
-
return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$
|
|
1417
|
-
React.createElement("div", { className: style$
|
|
1418
|
-
React.createElement("button", { className: style$
|
|
1419
|
-
React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$
|
|
1420
|
-
React.createElement("p", { className: style$
|
|
1421
|
-
React.createElement("div", { className: "".concat(style$
|
|
1378
|
+
return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$U['mega-menu-drawer'] },
|
|
1379
|
+
React.createElement("div", { className: style$U['item-drawer__header'] },
|
|
1380
|
+
React.createElement("button", { className: style$U['item-drawer__back'], onClick: toggleDrawer },
|
|
1381
|
+
React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$U['item-drawer__back-arrow'], size: 18 })),
|
|
1382
|
+
React.createElement("p", { className: style$U['item-drawer__title'] }, title)),
|
|
1383
|
+
React.createElement("div", { className: "".concat(style$U['item-drawer__content']) }, content)));
|
|
1422
1384
|
};
|
|
1423
1385
|
var MegaMenuDrawerItem = Object.assign(Component$2l, {
|
|
1424
1386
|
Drawer: MegaMenuJobsDrawer
|
|
1425
1387
|
});
|
|
1426
1388
|
|
|
1427
1389
|
var Drawer = MegaMenuDrawerItem.Drawer;
|
|
1428
|
-
var
|
|
1390
|
+
var MobileSideCardsDrawer = function (_a) {
|
|
1391
|
+
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1392
|
+
var _b = useState(false), showDrawer = _b[0], setShowDrawer = _b[1];
|
|
1393
|
+
var _c = useState(''), title = _c[0], setTitle = _c[1];
|
|
1394
|
+
var updateDrawerContent = useCallback(function (index) {
|
|
1395
|
+
var _a, _b;
|
|
1396
|
+
if (sideProps.onSelectCard)
|
|
1397
|
+
sideProps.onSelectCard(index);
|
|
1398
|
+
setTitle((_b = (_a = sideProps.jobs.at(index)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '');
|
|
1399
|
+
}, [sideProps]);
|
|
1400
|
+
var toogleDrawer = useCallback(function () { return setShowDrawer(!showDrawer); }, [showDrawer]);
|
|
1401
|
+
var onSelectSideCard = useCallback(function (index) {
|
|
1402
|
+
updateDrawerContent(index);
|
|
1403
|
+
toogleDrawer();
|
|
1404
|
+
}, [toogleDrawer, updateDrawerContent]);
|
|
1405
|
+
return (React.createElement("div", { className: styles$2a['mega-menu-side-container'] },
|
|
1406
|
+
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1407
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$2a['mega-menu-side-container__main'] },
|
|
1408
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1409
|
+
};
|
|
1410
|
+
|
|
1411
|
+
var withMegaMenuSideCards = function (WrappedComponent) {
|
|
1429
1412
|
var Component = function (_a) {
|
|
1430
|
-
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1431
|
-
var
|
|
1432
|
-
|
|
1433
|
-
var toogleDrawer = useCallback(function (index) {
|
|
1434
|
-
var _a, _b;
|
|
1435
|
-
sideProps.onSelectCard && sideProps.onSelectCard(index !== null && index !== void 0 ? index : 0);
|
|
1436
|
-
setTitle((_b = (_a = sideProps.jobs.at(index !== null && index !== void 0 ? index : 0)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '');
|
|
1437
|
-
setShowDrawer(!showDrawer);
|
|
1438
|
-
}, [showDrawer, sideProps]);
|
|
1439
|
-
var renderCards = useMediaQuery(React.createElement(React.Fragment, null,
|
|
1440
|
-
React.createElement("div", { className: styles$28['mega-menu-side-container__side'] },
|
|
1441
|
-
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1442
|
-
React.createElement("div", { className: styles$28['mega-menu-side-container__main'] },
|
|
1443
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))), {
|
|
1444
|
-
md: (React.createElement(React.Fragment, null,
|
|
1445
|
-
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: function (index) {
|
|
1446
|
-
sideProps.onSelectCard && sideProps.onSelectCard(index);
|
|
1447
|
-
toogleDrawer(index);
|
|
1448
|
-
} })),
|
|
1449
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$28['mega-menu-side-container__main'] },
|
|
1450
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })))
|
|
1413
|
+
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, _b = _a.withDrawerAction, withDrawerAction = _b === void 0 ? true : _b, _c = _a.showContent, showContent = _c === void 0 ? false : _c;
|
|
1414
|
+
var renderCards = useMediaQuery(React.createElement(DesktopSideCards, __assign({}, { WrappedComponent: WrappedComponent, sideProps: sideProps, wrapperProps: wrapperProps })), {
|
|
1415
|
+
md: withDrawerAction ? (React.createElement(MobileSideCardsDrawer, __assign({}, { WrappedComponent: WrappedComponent, sideProps: sideProps, wrapperProps: wrapperProps }))) : (React.createElement(MobileSideCards, __assign({}, { WrappedComponent: WrappedComponent, sideProps: sideProps, wrapperProps: wrapperProps, showContent: showContent })))
|
|
1451
1416
|
});
|
|
1452
|
-
return
|
|
1417
|
+
return renderCards;
|
|
1453
1418
|
};
|
|
1454
1419
|
return Component;
|
|
1455
1420
|
};
|
|
@@ -1480,13 +1445,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
1480
1445
|
coin: CoinBlackOutline
|
|
1481
1446
|
};
|
|
1482
1447
|
|
|
1483
|
-
var styles$
|
|
1448
|
+
var styles$29 = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
1484
1449
|
|
|
1485
1450
|
var Component$2j = function (_a) {
|
|
1486
1451
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
1487
1452
|
var styleGenerator = useCallback(function (base) {
|
|
1488
1453
|
return CNM.get({
|
|
1489
|
-
styles: styles$
|
|
1454
|
+
styles: styles$29,
|
|
1490
1455
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1491
1456
|
});
|
|
1492
1457
|
}, [variant]);
|
|
@@ -1518,7 +1483,7 @@ var Component$2j = function (_a) {
|
|
|
1518
1483
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1519
1484
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1520
1485
|
React.createElement("div", { className: CNM.get({
|
|
1521
|
-
styles: styles$
|
|
1486
|
+
styles: styles$29,
|
|
1522
1487
|
cls: [
|
|
1523
1488
|
'expandable-info-toggler__summary',
|
|
1524
1489
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1533,7 +1498,7 @@ var Component$2j = function (_a) {
|
|
|
1533
1498
|
*/
|
|
1534
1499
|
var ExpandableInfoToggler = Component$2j;
|
|
1535
1500
|
|
|
1536
|
-
var styles$
|
|
1501
|
+
var styles$28 = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
1537
1502
|
|
|
1538
1503
|
var Component$2i = function (_a) {
|
|
1539
1504
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
@@ -1549,9 +1514,9 @@ var Component$2i = function (_a) {
|
|
|
1549
1514
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1550
1515
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1551
1516
|
});
|
|
1552
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1517
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['expandable-info'] }) },
|
|
1553
1518
|
React.createElement("div", { className: CNM.get({
|
|
1554
|
-
styles: styles$
|
|
1519
|
+
styles: styles$28,
|
|
1555
1520
|
cls: [
|
|
1556
1521
|
'expandable-info__container',
|
|
1557
1522
|
"expandable-info__container--".concat(variant),
|
|
@@ -1561,7 +1526,7 @@ var Component$2i = function (_a) {
|
|
|
1561
1526
|
}) },
|
|
1562
1527
|
container,
|
|
1563
1528
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1564
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1529
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1565
1530
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1566
1531
|
};
|
|
1567
1532
|
/**
|
|
@@ -1569,7 +1534,7 @@ var Component$2i = function (_a) {
|
|
|
1569
1534
|
*/
|
|
1570
1535
|
var ExpandableInfo = Component$2i;
|
|
1571
1536
|
|
|
1572
|
-
var style$
|
|
1537
|
+
var style$T = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1573
1538
|
|
|
1574
1539
|
var FilterActions = function (_a) {
|
|
1575
1540
|
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
@@ -1583,19 +1548,19 @@ var FilterActions = function (_a) {
|
|
|
1583
1548
|
}); });
|
|
1584
1549
|
var actions = useMemo(function () {
|
|
1585
1550
|
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
1586
|
-
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$
|
|
1551
|
+
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$T["filter-actions__action"], " ").concat(selected == index ? style$T["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
1587
1552
|
}, [allAction, handleClickAction, selected]);
|
|
1588
|
-
return React.createElement("nav", { className: style$
|
|
1553
|
+
return React.createElement("nav", { className: style$T['filter-actions'] }, actions);
|
|
1589
1554
|
};
|
|
1590
1555
|
|
|
1591
|
-
var style$
|
|
1556
|
+
var style$S = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1592
1557
|
|
|
1593
1558
|
var FilterContainerMenu = function (_a) {
|
|
1594
1559
|
var children = _a.children;
|
|
1595
|
-
return React.createElement("div", { className: style$
|
|
1560
|
+
return React.createElement("div", { className: style$S["".concat(classMUI, "-filter-container")] }, children);
|
|
1596
1561
|
};
|
|
1597
1562
|
|
|
1598
|
-
var styles$
|
|
1563
|
+
var styles$27 = {"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"};
|
|
1599
1564
|
|
|
1600
1565
|
var FilterMenuItem = function (_a) {
|
|
1601
1566
|
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"]);
|
|
@@ -1610,49 +1575,49 @@ var FilterMenuItem = function (_a) {
|
|
|
1610
1575
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1611
1576
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1612
1577
|
var className = useMemo(function () {
|
|
1613
|
-
return isApplied ? styles$
|
|
1578
|
+
return isApplied ? styles$27.selected : isSearched ? styles$27.isSearched : hiddenCount ? '' : !total && styles$27.disabled;
|
|
1614
1579
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1615
1580
|
var handleClick = useCallback(function () {
|
|
1616
1581
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1617
1582
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1618
1583
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1619
1584
|
if (loading)
|
|
1620
|
-
return React.createElement("div", { className: styles$
|
|
1621
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1585
|
+
return React.createElement("div", { className: styles$27.skeleton });
|
|
1586
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$27['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1622
1587
|
React.createElement("span", null, label),
|
|
1623
1588
|
displayOutput));
|
|
1624
1589
|
};
|
|
1625
1590
|
|
|
1626
|
-
var styles$
|
|
1591
|
+
var styles$26 = {"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"};
|
|
1627
1592
|
|
|
1628
1593
|
var FilterSearchItem = function (_a) {
|
|
1629
1594
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1630
1595
|
var inputRef = useRef(null);
|
|
1631
1596
|
if (loading)
|
|
1632
|
-
return (React.createElement("div", { className: styles$
|
|
1597
|
+
return (React.createElement("div", { className: styles$26.skeleton },
|
|
1633
1598
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1634
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1599
|
+
return (React.createElement("div", { className: "".concat(styles$26['magneto-ui-filter-search'], " ").concat(disabled ? styles$26.disabled : '') },
|
|
1635
1600
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1636
1601
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1637
1602
|
};
|
|
1638
1603
|
|
|
1639
|
-
var styles$
|
|
1604
|
+
var styles$25 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
1640
1605
|
|
|
1641
1606
|
var Component$2h = function (_a) {
|
|
1642
1607
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1643
|
-
return (React.createElement("div", { className: styles$
|
|
1644
|
-
React.createElement("div", { className: styles$
|
|
1608
|
+
return (React.createElement("div", { className: styles$25['fraud-card-job'] },
|
|
1609
|
+
React.createElement("div", { className: styles$25['fraud-card-job__header'] },
|
|
1645
1610
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1646
1611
|
React.createElement("h4", null, title)),
|
|
1647
1612
|
React.createElement("div", null,
|
|
1648
|
-
React.createElement("p", { className: styles$
|
|
1649
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1613
|
+
React.createElement("p", { className: styles$25['fraud-card-job__text'] }, content),
|
|
1614
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$25['fraud-card-job__link'], href: link },
|
|
1650
1615
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1651
1616
|
linkText))));
|
|
1652
1617
|
};
|
|
1653
1618
|
var FraudCardJob = Component$2h;
|
|
1654
1619
|
|
|
1655
|
-
var styles$
|
|
1620
|
+
var styles$24 = {"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"};
|
|
1656
1621
|
|
|
1657
1622
|
var Component$2g = function (_a) {
|
|
1658
1623
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -1664,46 +1629,46 @@ var Component$2g = function (_a) {
|
|
|
1664
1629
|
return searchList;
|
|
1665
1630
|
}, [searchList, showFullList]);
|
|
1666
1631
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1667
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1668
|
-
React.createElement("h2", { className: styles$
|
|
1669
|
-
React.createElement("div", { className: styles$
|
|
1632
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$24['magneto-ui-frequent-search'] },
|
|
1633
|
+
React.createElement("h2", { className: styles$24['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1634
|
+
React.createElement("div", { className: styles$24['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1670
1635
|
var props = __rest(_a, []);
|
|
1671
1636
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1672
1637
|
})),
|
|
1673
|
-
React.createElement("div", { className: styles$
|
|
1638
|
+
React.createElement("div", { className: styles$24['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$24['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1674
1639
|
showMore,
|
|
1675
1640
|
" (",
|
|
1676
1641
|
searchList.length,
|
|
1677
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1642
|
+
")")) : (React.createElement("button", { className: styles$24['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1678
1643
|
};
|
|
1679
1644
|
/**
|
|
1680
1645
|
* UI Atom component of Frequent Search
|
|
1681
1646
|
*/
|
|
1682
1647
|
var FrequentSearch = Component$2g;
|
|
1683
1648
|
|
|
1684
|
-
var style$
|
|
1649
|
+
var style$R = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1685
1650
|
|
|
1686
1651
|
var Component$2f = function (_a) {
|
|
1687
1652
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1688
|
-
return (React.createElement("div", { className: style$
|
|
1653
|
+
return (React.createElement("div", { className: style$R['header-drawer-company'] },
|
|
1689
1654
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1690
1655
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1691
1656
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1692
1657
|
};
|
|
1693
1658
|
var HeaderDrawerCompany = Component$2f;
|
|
1694
1659
|
|
|
1695
|
-
var styles$
|
|
1660
|
+
var styles$23 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1696
1661
|
|
|
1697
1662
|
var Component$2e = function (_a) {
|
|
1698
1663
|
var children = _a.children;
|
|
1699
|
-
return React.createElement("div", { className: styles$
|
|
1664
|
+
return React.createElement("div", { className: styles$23.TabComponent }, children);
|
|
1700
1665
|
};
|
|
1701
1666
|
/**
|
|
1702
1667
|
* Molecule UI for Tab
|
|
1703
1668
|
*/
|
|
1704
1669
|
var Tab = Component$2e;
|
|
1705
1670
|
|
|
1706
|
-
var styles$
|
|
1671
|
+
var styles$22 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1707
1672
|
|
|
1708
1673
|
var toCSSVariables = function (input) {
|
|
1709
1674
|
var output = {};
|
|
@@ -1722,18 +1687,18 @@ var Component$2d = function (_a) {
|
|
|
1722
1687
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1723
1688
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1724
1689
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1725
|
-
return (React.createElement("div", { className: styles$
|
|
1690
|
+
return (React.createElement("div", { className: styles$22.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1726
1691
|
};
|
|
1727
1692
|
/**
|
|
1728
1693
|
* Molecule UI component for Tab Button
|
|
1729
1694
|
*/
|
|
1730
1695
|
var TabButton = Component$2d;
|
|
1731
1696
|
|
|
1732
|
-
var styles$
|
|
1697
|
+
var styles$21 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1733
1698
|
|
|
1734
1699
|
var Component$2c = function (_a) {
|
|
1735
1700
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1736
|
-
return (React.createElement("div", { className: styles$
|
|
1701
|
+
return (React.createElement("div", { className: styles$21.HeaderDrawerTabsComponent },
|
|
1737
1702
|
React.createElement("a", { href: homeUrl },
|
|
1738
1703
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1739
1704
|
React.createElement(Tab, null,
|
|
@@ -1742,11 +1707,11 @@ var Component$2c = function (_a) {
|
|
|
1742
1707
|
};
|
|
1743
1708
|
var HeaderDrawerTabs = Component$2c;
|
|
1744
1709
|
|
|
1745
|
-
var styles$
|
|
1710
|
+
var styles$20 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1746
1711
|
|
|
1747
1712
|
var Component$2b = function (_a) {
|
|
1748
1713
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1749
|
-
return (React.createElement("div", { className: styles$
|
|
1714
|
+
return (React.createElement("div", { className: styles$20.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1750
1715
|
var headerTabProps = __rest(_a, []);
|
|
1751
1716
|
return (React.createElement(React.Fragment, { key: index },
|
|
1752
1717
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1759,7 +1724,7 @@ var Component$2b = function (_a) {
|
|
|
1759
1724
|
*/
|
|
1760
1725
|
var HeaderTabs = Component$2b;
|
|
1761
1726
|
|
|
1762
|
-
var styles$
|
|
1727
|
+
var styles$1$ = {"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"};
|
|
1763
1728
|
|
|
1764
1729
|
var Input = function (_a) {
|
|
1765
1730
|
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"]);
|
|
@@ -1794,26 +1759,26 @@ var Input = function (_a) {
|
|
|
1794
1759
|
setInputValue(e.target.value);
|
|
1795
1760
|
}, [onChange]);
|
|
1796
1761
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1797
|
-
React.createElement("div", { className: styles$
|
|
1762
|
+
React.createElement("div", { className: styles$1$["".concat(classMUI, "-input")] },
|
|
1798
1763
|
React.createElement("div", null,
|
|
1799
|
-
React.createElement("div", { className: styles$
|
|
1764
|
+
React.createElement("div", { className: styles$1$["".concat(classMUI, "-input--container")] },
|
|
1800
1765
|
React.createElement("label", { htmlFor: name, style: {
|
|
1801
1766
|
left: hideIcon ? '10px' : '40px',
|
|
1802
1767
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1803
1768
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1804
|
-
}, className: styles$
|
|
1769
|
+
}, className: styles$1$["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1805
1770
|
React.createElement("input", __assign({}, props, { style: {
|
|
1806
1771
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1807
|
-
}, disabled: disabled, className: styles$
|
|
1808
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1809
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1772
|
+
}, disabled: disabled, className: styles$1$["".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" })),
|
|
1773
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1$["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1774
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1$["".concat(classMUI, "-input--container__icon-action")] },
|
|
1810
1775
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1811
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1812
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1776
|
+
React.createElement("div", { className: "".concat(styles$1$["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1$['footer-without-error'] : '') },
|
|
1777
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1$["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1813
1778
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1814
1779
|
};
|
|
1815
1780
|
|
|
1816
|
-
var styles$
|
|
1781
|
+
var styles$1_ = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1817
1782
|
|
|
1818
1783
|
var Component$2a = function (_a) {
|
|
1819
1784
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -1829,11 +1794,11 @@ var Component$2a = function (_a) {
|
|
|
1829
1794
|
height: '15px'
|
|
1830
1795
|
};
|
|
1831
1796
|
}, [size]);
|
|
1832
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1797
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1_["".concat(classMUI, "-flat-loader")] }));
|
|
1833
1798
|
};
|
|
1834
1799
|
var FlatLoader = Component$2a;
|
|
1835
1800
|
|
|
1836
|
-
var styles$
|
|
1801
|
+
var styles$1Z = {"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"};
|
|
1837
1802
|
|
|
1838
1803
|
var InputPlus = function (_a) {
|
|
1839
1804
|
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;
|
|
@@ -1877,42 +1842,42 @@ var InputPlus = function (_a) {
|
|
|
1877
1842
|
}
|
|
1878
1843
|
}
|
|
1879
1844
|
}, [disabledBtn, handleSubmmit]);
|
|
1880
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1845
|
+
return (React.createElement("div", { className: "".concat(styles$1Z["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1881
1846
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1882
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1847
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1Z["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1Z.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1Z['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1883
1848
|
};
|
|
1884
1849
|
|
|
1885
|
-
var styles$
|
|
1850
|
+
var styles$1Y = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1886
1851
|
|
|
1887
|
-
var style$
|
|
1852
|
+
var style$Q = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1888
1853
|
|
|
1889
|
-
var styles$
|
|
1854
|
+
var styles$1X = {"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"};
|
|
1890
1855
|
|
|
1891
1856
|
var Tooltip = function (_a) {
|
|
1892
1857
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1893
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1894
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1858
|
+
return (React.createElement("div", { className: "".concat(styles$1X['tooltip-container'], " ").concat(styles$1X["tooltip-".concat(position)]) },
|
|
1859
|
+
React.createElement("div", { className: "".concat(styles$1X['tooltip'], " ").concat(styles$1X["tooltip-".concat(position)]) },
|
|
1895
1860
|
children,
|
|
1896
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
1861
|
+
visible && (React.createElement("span", { className: "".concat(styles$1X['tooltip-text'], " ").concat(styles$1X["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1897
1862
|
};
|
|
1898
1863
|
|
|
1899
1864
|
var Component$29 = function (_a) {
|
|
1900
1865
|
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"]);
|
|
1901
1866
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1902
|
-
return (React.createElement(Popover, { className: [style$
|
|
1867
|
+
return (React.createElement(Popover, { className: [style$Q['popover'], !show ? style$Q['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$Q['content'], classNameContent].join(' ') },
|
|
1903
1868
|
shareLinks.map(function (_a, index) {
|
|
1904
1869
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1905
1870
|
return (React.createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1906
|
-
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1871
|
+
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$Q['content__link'], onClick: function () { return setShow(false); } },
|
|
1907
1872
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1908
1873
|
React.createElement("span", null, title))));
|
|
1909
1874
|
}),
|
|
1910
|
-
React.createElement("li", { className: style$
|
|
1875
|
+
React.createElement("li", { className: style$Q['content__share'] },
|
|
1911
1876
|
React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1912
1877
|
rest.onCopySuccess();
|
|
1913
1878
|
} })))) },
|
|
1914
1879
|
React.createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", visible: !show },
|
|
1915
|
-
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$
|
|
1880
|
+
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$Q['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1916
1881
|
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1917
1882
|
};
|
|
1918
1883
|
Component$29.displayName = 'SharePopover';
|
|
@@ -1928,20 +1893,20 @@ var Component$28 = function (_a) {
|
|
|
1928
1893
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1929
1894
|
var ActionLink = function (_a) {
|
|
1930
1895
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1931
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
1896
|
+
var iconContent = (React.createElement("a", { className: styles$1Y['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1932
1897
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1933
1898
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1934
1899
|
};
|
|
1935
1900
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1936
|
-
return (React.createElement("div", { className: styles$
|
|
1937
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1938
|
-
React.createElement("div", { className: styles$
|
|
1901
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-actions'] },
|
|
1902
|
+
!isApplied && React.createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, externalButtonChild),
|
|
1903
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1939
1904
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1940
1905
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1941
1906
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1942
1907
|
filteredActionsLinkList.map(function (_a) {
|
|
1943
1908
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1944
|
-
return (React.createElement("div", { className: styles$
|
|
1909
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1945
1910
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1946
1911
|
}))));
|
|
1947
1912
|
};
|
|
@@ -1950,13 +1915,13 @@ var Component$28 = function (_a) {
|
|
|
1950
1915
|
*/
|
|
1951
1916
|
var JobActions = Component$28;
|
|
1952
1917
|
|
|
1953
|
-
var styles$
|
|
1918
|
+
var styles$1W = {"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"};
|
|
1954
1919
|
|
|
1955
1920
|
var Component$27 = function (_a) {
|
|
1956
1921
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1957
|
-
return (React.createElement("div", { className: styles$
|
|
1958
|
-
React.createElement("div", { className: styles$
|
|
1959
|
-
React.createElement("div", { className: styles$
|
|
1922
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card'] },
|
|
1923
|
+
React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card__wrapper'] },
|
|
1924
|
+
React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card__header'] },
|
|
1960
1925
|
React.createElement("p", null, offerApplyHeader),
|
|
1961
1926
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1962
1927
|
offerApplyElements
|
|
@@ -1966,18 +1931,18 @@ var Component$27 = function (_a) {
|
|
|
1966
1931
|
})
|
|
1967
1932
|
.map(function (_a) {
|
|
1968
1933
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1969
|
-
return (React.createElement("div", { className: styles$
|
|
1934
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1970
1935
|
React.createElement("p", null, offerApplyLabel),
|
|
1971
1936
|
React.createElement("p", null, offerApplyInfo)));
|
|
1972
1937
|
})),
|
|
1973
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1938
|
+
!isApplied && React.createElement("div", { id: styles$1W['magneto-ui__external-child'] }, externalChild))));
|
|
1974
1939
|
};
|
|
1975
1940
|
/**
|
|
1976
1941
|
* UI Molecule Component for Job Apply Card
|
|
1977
1942
|
*/
|
|
1978
1943
|
var JobApplyCard = Component$27;
|
|
1979
1944
|
|
|
1980
|
-
var style$
|
|
1945
|
+
var style$P = {"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"};
|
|
1981
1946
|
|
|
1982
1947
|
var JobCardDesktop = function (_a) {
|
|
1983
1948
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
@@ -1988,43 +1953,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1988
1953
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1989
1954
|
}, [cities]);
|
|
1990
1955
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1991
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1992
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1993
|
-
React.createElement("div", { className: style$
|
|
1994
|
-
React.createElement("img", { className: style$
|
|
1995
|
-
React.createElement("div", { className: style$
|
|
1996
|
-
React.createElement("div", { className: style$
|
|
1956
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$P["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$P[workSeen] : '', " ").concat(jobOpen ? style$P[jobOpen] : '') },
|
|
1957
|
+
!isCompanyPage && (React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row1")] },
|
|
1958
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--brand")] },
|
|
1959
|
+
React.createElement("img", { className: style$P["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1960
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--data")] },
|
|
1961
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row2")] },
|
|
1997
1962
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1998
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1963
|
+
React.createElement("h2", { className: "".concat(style$P["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1999
1964
|
React.createElement("h3", null, companyName),
|
|
2000
1965
|
React.createElement("p", null, formatPublishDate),
|
|
2001
|
-
urgent && (React.createElement("div", { className: style$
|
|
1966
|
+
urgent && (React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
2002
1967
|
React.createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
2003
1968
|
React.createElement("p", null, urgent)))),
|
|
2004
|
-
React.createElement("div", { className: style$
|
|
1969
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row3")] },
|
|
2005
1970
|
React.createElement("p", null,
|
|
2006
1971
|
citiesformatted,
|
|
2007
1972
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
2008
|
-
React.createElement("div", { className: style$
|
|
1973
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row4")] },
|
|
2009
1974
|
React.createElement("p", null, infoRow4))),
|
|
2010
|
-
React.createElement("div", { className: style$
|
|
1975
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--arrow")] },
|
|
2011
1976
|
React.createElement(IconItem, { icon: ArrowRight2 }))));
|
|
2012
1977
|
};
|
|
2013
1978
|
|
|
2014
|
-
var style$
|
|
1979
|
+
var style$O = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
|
|
2015
1980
|
|
|
2016
1981
|
var JobCardMobile = function (_a) {
|
|
2017
1982
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
2018
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
2019
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
2020
|
-
React.createElement("div", { className: style$
|
|
2021
|
-
React.createElement("img", { className: style$
|
|
2022
|
-
React.createElement("div", { className: style$
|
|
2023
|
-
React.createElement("div", { className: style$
|
|
1983
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$O["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$O[workSeen] : '', " ").concat(jobOpen ? style$O[jobOpen] : '') },
|
|
1984
|
+
!isCompanyPage && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1985
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1986
|
+
React.createElement("img", { className: style$O["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1987
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1988
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
2024
1989
|
React.createElement("div", null,
|
|
2025
1990
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
2026
|
-
React.createElement("h2", { className: "".concat(style$
|
|
2027
|
-
React.createElement("div", { className: style$
|
|
1991
|
+
React.createElement("h2", { className: "".concat(style$O["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1992
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
2028
1993
|
React.createElement("h3", null,
|
|
2029
1994
|
companyName,
|
|
2030
1995
|
","),
|
|
@@ -2059,13 +2024,13 @@ var JobCard = function (_a) {
|
|
|
2059
2024
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
2060
2025
|
};
|
|
2061
2026
|
|
|
2062
|
-
var styles$
|
|
2027
|
+
var styles$1V = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
2063
2028
|
|
|
2064
2029
|
var Component$26 = function (_a) {
|
|
2065
2030
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2066
|
-
return (React.createElement("div", { className: styles$
|
|
2031
|
+
return (React.createElement("div", { className: styles$1V['magneto-ui-job-company-header'] },
|
|
2067
2032
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2068
|
-
React.createElement("div", { className: styles$
|
|
2033
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-company-header__data-actions'] },
|
|
2069
2034
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2070
2035
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2071
2036
|
};
|
|
@@ -2074,31 +2039,31 @@ var Component$26 = function (_a) {
|
|
|
2074
2039
|
*/
|
|
2075
2040
|
var JobCompanyHeader = Component$26;
|
|
2076
2041
|
|
|
2077
|
-
var styles$
|
|
2042
|
+
var styles$1U = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2078
2043
|
|
|
2079
2044
|
var Component$25 = function (_a) {
|
|
2080
2045
|
var offerDescription = _a.offerDescription;
|
|
2081
|
-
return (React.createElement("div", { className: styles$
|
|
2046
|
+
return (React.createElement("div", { className: styles$1U['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2082
2047
|
};
|
|
2083
2048
|
/**
|
|
2084
2049
|
* UI Molecule Component for Job Detail Card Header
|
|
2085
2050
|
*/
|
|
2086
2051
|
var JobDetailCard = Component$25;
|
|
2087
2052
|
|
|
2088
|
-
var style$
|
|
2053
|
+
var style$N = {"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"};
|
|
2089
2054
|
|
|
2090
2055
|
var JobDetailContainer = function (_a) {
|
|
2091
2056
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
2092
2057
|
var toggleMenu = useMemo(function () {
|
|
2093
|
-
return isOpen ? style$
|
|
2058
|
+
return isOpen ? style$N['is-open'] : '';
|
|
2094
2059
|
}, [isOpen]);
|
|
2095
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2096
|
-
React.createElement("button", { type: "button", onClick: onClose, className: style$
|
|
2060
|
+
return (React.createElement("div", { className: "".concat(style$N["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
2061
|
+
React.createElement("button", { type: "button", onClick: onClose, className: style$N["".concat(classMUI, "-job-detail-container--btn")] },
|
|
2097
2062
|
React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
2098
2063
|
children));
|
|
2099
2064
|
};
|
|
2100
2065
|
|
|
2101
|
-
var styles$
|
|
2066
|
+
var styles$1T = {"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"};
|
|
2102
2067
|
|
|
2103
2068
|
var Component$24 = function (_a) {
|
|
2104
2069
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -2110,15 +2075,15 @@ var Component$24 = function (_a) {
|
|
|
2110
2075
|
var offerDetailText = _a.offerDetailText;
|
|
2111
2076
|
return !!offerDetailText && index !== 1;
|
|
2112
2077
|
});
|
|
2113
|
-
return (React.createElement("div", { className: styles$
|
|
2114
|
-
React.createElement("div", { className: styles$
|
|
2078
|
+
return (React.createElement("div", { className: styles$1T['magneto-ui-job-details'] },
|
|
2079
|
+
React.createElement("div", { className: styles$1T['magneto-ui-job-details__wrapper'] },
|
|
2115
2080
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2116
2081
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2117
2082
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2118
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2119
|
-
React.createElement("div", { className: styles$
|
|
2083
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1T['magneto-ui-job-details__item-detail'] },
|
|
2084
|
+
React.createElement("div", { className: styles$1T['magneto-ui-job-details__item-detail-icon'] },
|
|
2120
2085
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2121
|
-
React.createElement("p", { className: styles$
|
|
2086
|
+
React.createElement("p", { className: styles$1T['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2122
2087
|
})),
|
|
2123
2088
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2124
2089
|
};
|
|
@@ -2128,7 +2093,7 @@ var Component$24 = function (_a) {
|
|
|
2128
2093
|
Component$24.displayName = 'JobDetails';
|
|
2129
2094
|
var JobDetails = Component$24;
|
|
2130
2095
|
|
|
2131
|
-
var styles$
|
|
2096
|
+
var styles$1S = {"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"};
|
|
2132
2097
|
|
|
2133
2098
|
var Component$23 = function (_a) {
|
|
2134
2099
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -2141,18 +2106,18 @@ var Component$23 = function (_a) {
|
|
|
2141
2106
|
title: title
|
|
2142
2107
|
});
|
|
2143
2108
|
});
|
|
2144
|
-
return (React.createElement("div", { className: styles$
|
|
2109
|
+
return (React.createElement("div", { className: styles$1S['magneto-ui-job-footer-card'] },
|
|
2145
2110
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2146
|
-
React.createElement("div", { className: styles$
|
|
2111
|
+
React.createElement("div", { className: styles$1S['magneto-ui-job-footer-card__icons'] },
|
|
2147
2112
|
React.createElement("p", null, offerFooterHeader),
|
|
2148
|
-
React.createElement("div", { className: styles$
|
|
2113
|
+
React.createElement("div", { className: styles$1S['magneto-ui-job-footer-card__wrapper'] },
|
|
2149
2114
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2150
2115
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2151
2116
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2152
2117
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2153
2118
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2154
2119
|
})),
|
|
2155
|
-
React.createElement("div", { className: styles$
|
|
2120
|
+
React.createElement("div", { className: styles$1S['magneto-ui__share-button'] },
|
|
2156
2121
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2157
2122
|
};
|
|
2158
2123
|
/**
|
|
@@ -2160,7 +2125,7 @@ var Component$23 = function (_a) {
|
|
|
2160
2125
|
*/
|
|
2161
2126
|
var JobFooterCard = Component$23;
|
|
2162
2127
|
|
|
2163
|
-
var styles$
|
|
2128
|
+
var styles$1R = {"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"};
|
|
2164
2129
|
|
|
2165
2130
|
var Component$22 = function (_a) {
|
|
2166
2131
|
var name = _a.name, score = _a.score;
|
|
@@ -2198,21 +2163,21 @@ var Component$22 = function (_a) {
|
|
|
2198
2163
|
4: 'four'
|
|
2199
2164
|
};
|
|
2200
2165
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2201
|
-
var fillAnimation = animationApplied ? styles$
|
|
2202
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2203
|
-
React.createElement("div", { className: styles$
|
|
2166
|
+
var fillAnimation = animationApplied ? styles$1R[levelClass] : '';
|
|
2167
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1R['magneto-ui-skill'] },
|
|
2168
|
+
React.createElement("div", { className: styles$1R['magneto-ui-skill__wrapper'] },
|
|
2204
2169
|
React.createElement("p", null, name),
|
|
2205
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2170
|
+
React.createElement("div", { className: "".concat(styles$1R['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1R['magneto-ui-skill--no-animation']) }))));
|
|
2206
2171
|
};
|
|
2207
2172
|
var Skill = Component$22;
|
|
2208
2173
|
|
|
2209
|
-
var styles$
|
|
2174
|
+
var styles$1Q = {"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"};
|
|
2210
2175
|
|
|
2211
2176
|
var Component$21 = function (_a) {
|
|
2212
2177
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2213
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2178
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1Q['magneto-ui-job-skills-card'] },
|
|
2214
2179
|
React.createElement("p", null, offerSkillsLabel),
|
|
2215
|
-
React.createElement("div", { className: styles$
|
|
2180
|
+
React.createElement("div", { className: styles$1Q['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2216
2181
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2217
2182
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2218
2183
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2223,7 +2188,7 @@ var Component$21 = function (_a) {
|
|
|
2223
2188
|
*/
|
|
2224
2189
|
var JobSkillsCard = Component$21;
|
|
2225
2190
|
|
|
2226
|
-
var styles$
|
|
2191
|
+
var styles$1P = {"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"};
|
|
2227
2192
|
|
|
2228
2193
|
var JobVideo = function (_a) {
|
|
2229
2194
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2238,15 +2203,15 @@ var JobVideo = function (_a) {
|
|
|
2238
2203
|
setLoadVideo && setLoadVideo(false);
|
|
2239
2204
|
}
|
|
2240
2205
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2241
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2206
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1P[videoClassName] })) : (React.createElement("div", { className: styles$1P['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2242
2207
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2243
2208
|
};
|
|
2244
2209
|
|
|
2245
|
-
var style$
|
|
2210
|
+
var style$M = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2246
2211
|
|
|
2247
2212
|
var Component$20 = function (_a) {
|
|
2248
2213
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2249
|
-
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$
|
|
2214
|
+
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$M['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2250
2215
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2251
2216
|
return url && (React.createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2252
2217
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
@@ -2254,27 +2219,27 @@ var Component$20 = function (_a) {
|
|
|
2254
2219
|
};
|
|
2255
2220
|
var ListIconLink = Component$20;
|
|
2256
2221
|
|
|
2257
|
-
var style$
|
|
2222
|
+
var style$L = {"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"};
|
|
2258
2223
|
|
|
2259
2224
|
var Component$1$ = function (_a) {
|
|
2260
2225
|
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;
|
|
2261
|
-
var menuActive = isActive ? style$
|
|
2262
|
-
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$
|
|
2226
|
+
var menuActive = isActive ? style$L['isActive'] : '';
|
|
2227
|
+
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$L['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2263
2228
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2264
|
-
React.createElement("p", { className: style$
|
|
2229
|
+
React.createElement("p", { className: style$L['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$L['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2265
2230
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2266
|
-
React.createElement("p", { className: style$
|
|
2231
|
+
React.createElement("p", { className: style$L['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2267
2232
|
};
|
|
2268
2233
|
var MenuIcon = Component$1$;
|
|
2269
2234
|
|
|
2270
|
-
var style$
|
|
2235
|
+
var style$K = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2271
2236
|
|
|
2272
2237
|
var Component$1_ = function (_a) {
|
|
2273
2238
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2274
2239
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2275
2240
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2276
2241
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2277
|
-
return (React.createElement("div", { className: style$
|
|
2242
|
+
return (React.createElement("div", { className: style$K['mangeto-ui-list-menu-icons'] },
|
|
2278
2243
|
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2279
2244
|
userMenu.map(function (_a, i) {
|
|
2280
2245
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2301,23 +2266,23 @@ var Component$1Z = function (_a) {
|
|
|
2301
2266
|
};
|
|
2302
2267
|
var ListMenuItems = Component$1Z;
|
|
2303
2268
|
|
|
2304
|
-
var style$
|
|
2269
|
+
var style$J = {"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"};
|
|
2305
2270
|
|
|
2306
2271
|
var ListMenuText = function (_a) {
|
|
2307
2272
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2308
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2309
|
-
React.createElement("p", { className: "".concat(style$
|
|
2273
|
+
return (React.createElement("div", { className: "".concat(style$J["".concat(classMUI, "-list-menu")]) },
|
|
2274
|
+
React.createElement("p", { className: "".concat(style$J["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2310
2275
|
links.map(function (_a, i) {
|
|
2311
2276
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2312
2277
|
return isCreateAccount
|
|
2313
|
-
? tag && (React.createElement("div", { key: i, className: "".concat(style$
|
|
2314
|
-
React.createElement("button", { title: tag, className: "".concat(style$
|
|
2278
|
+
? tag && (React.createElement("div", { key: i, className: "".concat(style$J["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2279
|
+
React.createElement("button", { title: tag, className: "".concat(style$J["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2315
2280
|
isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
|
|
2316
|
-
: tag && (React.createElement("a", { className: "".concat(style$
|
|
2281
|
+
: tag && (React.createElement("a", { className: "".concat(style$J["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2317
2282
|
})));
|
|
2318
2283
|
};
|
|
2319
2284
|
|
|
2320
|
-
var style$
|
|
2285
|
+
var style$I = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2321
2286
|
|
|
2322
2287
|
var ListSortMenu = function (_a) {
|
|
2323
2288
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2325,24 +2290,61 @@ var ListSortMenu = function (_a) {
|
|
|
2325
2290
|
setFilter({ key: key });
|
|
2326
2291
|
setShowPopover(false);
|
|
2327
2292
|
}, [setFilter, setShowPopover]);
|
|
2328
|
-
return (React.createElement("div", { className: style$
|
|
2293
|
+
return (React.createElement("div", { className: style$I['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2329
2294
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2330
2295
|
return (React.createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2331
2296
|
})));
|
|
2332
2297
|
};
|
|
2333
2298
|
|
|
2334
|
-
var style$
|
|
2299
|
+
var style$H = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
|
|
2335
2300
|
|
|
2336
2301
|
var MagnetoResolution = function (_a) {
|
|
2337
2302
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2338
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2339
|
-
React.createElement("img", { className: "".concat(style$
|
|
2340
|
-
React.createElement("p", { className: "".concat(style$
|
|
2303
|
+
return (React.createElement("div", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution")]) },
|
|
2304
|
+
React.createElement("img", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2305
|
+
React.createElement("p", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2341
2306
|
resolutionText,
|
|
2342
|
-
React.createElement("a", { className: "".concat(style$
|
|
2307
|
+
React.createElement("a", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2308
|
+
};
|
|
2309
|
+
|
|
2310
|
+
var styles$1O = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2311
|
+
|
|
2312
|
+
var Image = function (_a) {
|
|
2313
|
+
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2314
|
+
return (React.createElement(React.Fragment, null,
|
|
2315
|
+
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2316
|
+
playIcon && React.createElement("div", { className: styles$1O['magneto-ui-play-button'] }, playIcon)));
|
|
2317
|
+
};
|
|
2318
|
+
|
|
2319
|
+
var styles$1N = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
2320
|
+
|
|
2321
|
+
var MegaMenuCard = function (_a) {
|
|
2322
|
+
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;
|
|
2323
|
+
var handleClick = useCallback(function (event) {
|
|
2324
|
+
if (onClick != null) {
|
|
2325
|
+
event.preventDefault();
|
|
2326
|
+
onClick();
|
|
2327
|
+
}
|
|
2328
|
+
}, [onClick]);
|
|
2329
|
+
var rigthArrow = (React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__arrow"] },
|
|
2330
|
+
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2331
|
+
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2332
|
+
md: rigthArrow
|
|
2333
|
+
});
|
|
2334
|
+
return (React.createElement("a", { className: "".concat(styles$1N["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2335
|
+
icon && (React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__icon"] },
|
|
2336
|
+
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2337
|
+
logo && (React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__logo"] },
|
|
2338
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1N["magneto-ui-mega-menu-card__logo"] }))),
|
|
2339
|
+
React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__content"] },
|
|
2340
|
+
React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__title"] }, title),
|
|
2341
|
+
React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2342
|
+
maximumFractionDigits: 3
|
|
2343
|
+
}), " cupos"))),
|
|
2344
|
+
arrow));
|
|
2343
2345
|
};
|
|
2344
2346
|
|
|
2345
|
-
var style$
|
|
2347
|
+
var style$G = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
|
|
2346
2348
|
|
|
2347
2349
|
var initialContext = {
|
|
2348
2350
|
socialHeaderProps: {
|
|
@@ -2394,28 +2396,29 @@ var Component$1Y = function (_a) {
|
|
|
2394
2396
|
var ButtonLink = Component$1Y;
|
|
2395
2397
|
|
|
2396
2398
|
var MegaMenuJobsTabs = function () {
|
|
2397
|
-
var _a
|
|
2398
|
-
var
|
|
2399
|
+
var _a, _b;
|
|
2400
|
+
var _c = useState(0), selectedTab = _c[0], setSelectedTab = _c[1];
|
|
2401
|
+
var _d = useMegaMenuJobs(), tabs = _d.tabs, onChangeTab = _d.onChangeTab, allJobsAction = _d.allJobsAction;
|
|
2399
2402
|
var onClickTab = useCallback(function (index) { return function () {
|
|
2400
2403
|
setSelectedTab(index);
|
|
2401
2404
|
onChangeTab && onChangeTab(index);
|
|
2402
2405
|
}; }, [onChangeTab]);
|
|
2403
2406
|
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2404
2407
|
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2405
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2408
|
+
return (React.createElement("div", { className: "".concat(style$G["mega-menu-jobs-tabs__container"]) },
|
|
2406
2409
|
React.createElement("nav", null,
|
|
2407
|
-
React.createElement("ul", { className: "".concat(style$
|
|
2410
|
+
React.createElement("ul", { className: "".concat(style$G["mega-menu-jobs-tabs"]) },
|
|
2408
2411
|
tabs &&
|
|
2409
2412
|
tabs.map(function (_a, index) {
|
|
2410
2413
|
var label = _a.label, url = _a.url;
|
|
2411
2414
|
return (React.createElement("li", { key: index },
|
|
2412
|
-
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2415
|
+
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$G["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$G["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2413
2416
|
}),
|
|
2414
2417
|
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
2415
2418
|
React.createElement("li", null,
|
|
2416
|
-
React.createElement(SearchItem, { tag:
|
|
2419
|
+
React.createElement(SearchItem, { tag: (_a = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label) !== null && _a !== void 0 ? _a : '', url: (_b = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url) !== null && _b !== void 0 ? _b : '' })))),
|
|
2417
2420
|
React.createElement(Divider, null),
|
|
2418
|
-
React.createElement("div", { className: "".concat(style$
|
|
2421
|
+
React.createElement("div", { className: "".concat(style$G["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2419
2422
|
};
|
|
2420
2423
|
|
|
2421
2424
|
var styles$1L = {"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"};
|
|
@@ -2447,6 +2450,26 @@ var MegaMenuPopover = function (_a) {
|
|
|
2447
2450
|
} }, children))));
|
|
2448
2451
|
};
|
|
2449
2452
|
|
|
2453
|
+
var style$F = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_1kpbc","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_1kpbc","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_1kpbc","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_1kpbc"};
|
|
2454
|
+
|
|
2455
|
+
var MegaMenuSideCards = function (_a) {
|
|
2456
|
+
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b, cardsRef = _a.cardsRef;
|
|
2457
|
+
var _c = useState(initValue || 0), selected = _c[0], setSelected = _c[1];
|
|
2458
|
+
var handleClick = useCallback(function (index) { return function () {
|
|
2459
|
+
setSelected(index);
|
|
2460
|
+
onSelectCard && onSelectCard(index);
|
|
2461
|
+
}; }, [onSelectCard]);
|
|
2462
|
+
useImperativeHandle(cardsRef, function () { return ({
|
|
2463
|
+
setSelectedCard: function (index) { return setSelected(index); }
|
|
2464
|
+
}); });
|
|
2465
|
+
return (React.createElement("ul", { className: "".concat(style$F["mega-menu-side-cards"]) },
|
|
2466
|
+
jobs &&
|
|
2467
|
+
jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
2468
|
+
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$F["mega-menu-side-cards__card"], " ").concat(selected == key ? style$F["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
|
|
2469
|
+
action && (React.createElement("li", null,
|
|
2470
|
+
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$F["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2471
|
+
};
|
|
2472
|
+
|
|
2450
2473
|
var styles$1K = {"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"};
|
|
2451
2474
|
|
|
2452
2475
|
var MenuSearch = function (_a) {
|
|
@@ -5749,7 +5772,7 @@ var MagnetoSocialMedia = function (_a) {
|
|
|
5749
5772
|
}))));
|
|
5750
5773
|
};
|
|
5751
5774
|
|
|
5752
|
-
var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-
|
|
5775
|
+
var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_4a8aq","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_4a8aq","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_4a8aq","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_4a8aq","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_4a8aq"};
|
|
5753
5776
|
|
|
5754
5777
|
var MegaMenuCards = function (_a) {
|
|
5755
5778
|
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _b = _a.maxCards, maxCards = _b === void 0 ? 39 : _b;
|
|
@@ -8157,7 +8180,7 @@ var Component$1 = function (props) {
|
|
|
8157
8180
|
var MegaMenu = Object.assign(Component$1, {
|
|
8158
8181
|
Cards: MegaMenuCards,
|
|
8159
8182
|
Card: MegaMenuCard,
|
|
8160
|
-
SideCards:
|
|
8183
|
+
SideCards: withMegaMenuSideCards(MegaMenuCards)
|
|
8161
8184
|
});
|
|
8162
8185
|
|
|
8163
8186
|
var showDetailByWindow = function (elementID) {
|
|
@@ -8341,5 +8364,5 @@ var Component = function (_a) {
|
|
|
8341
8364
|
};
|
|
8342
8365
|
var SuggestedJobsPage = Component;
|
|
8343
8366
|
|
|
8344
|
-
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut,
|
|
8367
|
+
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8345
8368
|
//# sourceMappingURL=index.js.map
|