magneto365.ui 2.75.1-job-details.11 → 2.75.1-job-details.12

package/dist/esm/components/UI/template/HorizontalFilter/HorizontalFilter.component.js

@@ -1,9 +1,12 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { CardByRenderType } from '../SideFilter/factory/factory.component.js';
 import styles from './HorizontalFilter.module.scss.js';
 import { IconItem } from '../../atoms/Icon/Icon.component.js';
 import Broom from '../../../../assets/Broom.svg.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -11,7 +14,6 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -22,16 +24,17 @@ import '../../atoms/Typography/Typography.component.js';
 import '../../atoms/Typography/Typography.interface.js';
 import '../../../hooks/useMediaQuery/index.js';
 
-const HorizontalFilter = ({ title, buttonText, filters = [], setIsApplied, unApplyWithChild, getOptionsOnLoad, getOptionsOnSearch, loading, isFiltersOpen, totalAppliedFilters, clearFilters }) => {
-    const [currentOpenFilter, setCurrentOpenFilter] = useState(99);
-    const scrollContainerRef = useRef(null);
-    const [isDragging, setIsDragging] = useState(false);
-    const [dragStart, setDragStart] = useState({ x: 0, scrollLeft: 0 });
-    useEffect(() => {
-        const scrollContainer = scrollContainerRef.current;
+var HorizontalFilter = function (_a) {
+    var title = _a.title, buttonText = _a.buttonText, _b = _a.filters, filters = _b === void 0 ? [] : _b, setIsApplied = _a.setIsApplied, unApplyWithChild = _a.unApplyWithChild, getOptionsOnLoad = _a.getOptionsOnLoad, getOptionsOnSearch = _a.getOptionsOnSearch, loading = _a.loading, isFiltersOpen = _a.isFiltersOpen, totalAppliedFilters = _a.totalAppliedFilters, clearFilters = _a.clearFilters;
+    var _c = useState(99), currentOpenFilter = _c[0], setCurrentOpenFilter = _c[1];
+    var scrollContainerRef = useRef(null);
+    var _d = useState(false), isDragging = _d[0], setIsDragging = _d[1];
+    var _e = useState({ x: 0, scrollLeft: 0 }), dragStart = _e[0], setDragStart = _e[1];
+    useEffect(function () {
+        var scrollContainer = scrollContainerRef.current;
         if (!scrollContainer)
             return;
-        const handleMouseDown = (e) => {
+        var handleMouseDown = function (e) {
             setIsDragging(true);
             setDragStart({
                 x: e.pageX - scrollContainer.offsetLeft,
@@ -40,20 +43,20 @@ const HorizontalFilter = ({ title, buttonText, filters = [], setIsApplied, unApp
             scrollContainer.style.cursor = 'grabbing';
             scrollContainer.style.userSelect = 'none';
         };
-        const handleMouseMove = (e) => {
+        var handleMouseMove = function (e) {
             if (!isDragging)
                 return;
             e.preventDefault();
-            const x = e.pageX - scrollContainer.offsetLeft;
-            const walk = (x - dragStart.x) * 2;
+            var x = e.pageX - scrollContainer.offsetLeft;
+            var walk = (x - dragStart.x) * 2;
             scrollContainer.scrollLeft = dragStart.scrollLeft - walk;
         };
-        const handleMouseUp = () => {
+        var handleMouseUp = function () {
             setIsDragging(false);
             scrollContainer.style.cursor = 'grab';
             scrollContainer.style.userSelect = 'auto';
         };
-        const handleMouseLeave = () => {
+        var handleMouseLeave = function () {
             setIsDragging(false);
             scrollContainer.style.cursor = 'grab';
             scrollContainer.style.userSelect = 'auto';
@@ -63,34 +66,34 @@ const HorizontalFilter = ({ title, buttonText, filters = [], setIsApplied, unApp
         document.addEventListener('mouseup', handleMouseUp);
         scrollContainer.addEventListener('mouseleave', handleMouseLeave);
         scrollContainer.style.cursor = 'grab';
-        return () => {
+        return function () {
             scrollContainer.removeEventListener('mousedown', handleMouseDown);
             document.removeEventListener('mousemove', handleMouseMove);
             document.removeEventListener('mouseup', handleMouseUp);
             scrollContainer.removeEventListener('mouseleave', handleMouseLeave);
         };
     }, [isDragging, dragStart]);
-    const cardProps = useMemo(() => {
+    var cardProps = useMemo(function () {
         return {
-            setIsApplied,
-            unApplyWithChild,
-            getOptionsOnLoad,
-            getOptionsOnSearch,
-            loading
+            setIsApplied: setIsApplied,
+            unApplyWithChild: unApplyWithChild,
+            getOptionsOnLoad: getOptionsOnLoad,
+            getOptionsOnSearch: getOptionsOnSearch,
+            loading: loading
         };
     }, [setIsApplied, unApplyWithChild, getOptionsOnLoad, getOptionsOnSearch, loading]);
-    const displayFilters = useMemo(() => {
-        return filters === null || filters === void 0 ? void 0 : filters.map((item, i) => {
-            return (React.createElement(CardByRenderType, { key: `${i}-${item.field}`, ...item, index: i, showFilters: currentOpenFilter === i, setCurrentOpenFilter: setCurrentOpenFilter, ...cardProps, horizontal: true }));
+    var displayFilters = useMemo(function () {
+        return filters === null || filters === void 0 ? void 0 : filters.map(function (item, i) {
+            return (React.createElement(CardByRenderType, __assign({ key: "".concat(i, "-").concat(item.field) }, item, { index: i, showFilters: currentOpenFilter === i, setCurrentOpenFilter: setCurrentOpenFilter }, cardProps, { horizontal: true })));
         });
     }, [filters, cardProps, currentOpenFilter]);
-    useEffect(() => {
-        const { body } = document;
+    useEffect(function () {
+        var body = document.body;
         if (!body)
             return;
         body.style.overflowY = isFiltersOpen ? 'hidden' : 'auto';
     }, [isFiltersOpen]);
-    const handleClearFilters = () => {
+    var handleClearFilters = function () {
         if (clearFilters) {
             clearFilters();
         }
@@ -102,7 +105,7 @@ const HorizontalFilter = ({ title, buttonText, filters = [], setIsApplied, unApp
                 " (",
                 totalAppliedFilters,
                 ")"),
-            React.createElement("button", { className: `${styles['magneto-ui-horizontal-filter__clear-button']} ${totalAppliedFilters > 0 ? '' : styles['magneto-ui-horizontal-filter__clear-button--disabled']}`, onClick: handleClearFilters },
+            React.createElement("button", { className: "".concat(styles['magneto-ui-horizontal-filter__clear-button'], " ").concat(totalAppliedFilters > 0 ? '' : styles['magneto-ui-horizontal-filter__clear-button--disabled']), onClick: handleClearFilters },
                 React.createElement(IconItem, { icon: Broom, size: 18 }),
                 React.createElement("span", null, buttonText))),
         React.createElement("div", { className: styles['magneto-ui-horizontal-filter__filters-container'] },

package/dist/esm/components/UI/template/HorizontalFilter/HorizontalFilter.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalFilter.component.js","sources":["../../../../../../src/components/UI/template/HorizontalFilter/HorizontalFilter.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"HorizontalFilter.component.js","sources":["../../../../../../src/components/UI/template/HorizontalFilter/HorizontalFilter.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/UI/template/MegaMenu/MegaMenu.component.js

@@ -1,6 +1,9 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import '../../molecules/Actions/Actions.component.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -8,7 +11,6 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -47,6 +49,7 @@ import '../../organism/AlertsPanel/AlertsPanel.component.js';
 import '../../organism/ApplicationSummary/ApplicationSummary.component.js';
 import '../../../Domain/Jobs/SimilarJobs/index.js';
 import '../../organism/JobSuggestedDrawer/JobSuggestedDrawer.component.js';
+import '../../organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/JobSuggestedSimilarJobs.component.js';
 import MegaMenuCards from '../../organism/MegaMenuCards/MegaMenuCards.component.js';
 import '../../organism/Swipe/Swipe.interface.js';
 import '../../organism/ModalAnalyst/children/ModalAnalystFooter/ModalAnalystFooter.constants.js';
@@ -59,10 +62,10 @@ import '../../organism/Carousel/Carousel.component.js';
 import { MegaMenuDesktop } from './MegaMenuDesktop.component.js';
 import { MegaMenuMobile } from './MegaMenuMobile.component.js';
 
-const Component = (props) => {
-    return useMediaQuery(React.createElement(MegaMenuDesktop, { ...props }), { md: React.createElement(MegaMenuMobile, { ...props }) });
+var Component = function (props) {
+    return useMediaQuery(React.createElement(MegaMenuDesktop, __assign({}, props)), { md: React.createElement(MegaMenuMobile, __assign({}, props)) });
 };
-const MegaMenu = Object.assign(Component, {
+var MegaMenu = Object.assign(Component, {
     Cards: MegaMenuCards,
     Card: MegaMenuCard,
     SideCards: withMegaMenuSideCards(MegaMenuCards)

package/dist/esm/components/UI/template/MegaMenu/MegaMenu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.component.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenu.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,SAAS,GAA2C,CAAC,KAAK;IAC9D,OAAO,aAAa,CAAC,oBAAC,eAAe,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,oBAAC,cAAc,OAAK,KAAK,GAAI,EAAE,CAAC,CAAA;AAC7F,CAAC,CAAA;MAEY,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IAC/C,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,qBAAqB,CAAC,aAAa,CAAC;CAChD;;;;"}
+{"version":3,"file":"MegaMenu.component.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenu.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,SAAS,GAA2C,UAAC,KAAK;IAC9D,OAAO,aAAa,CAAC,oBAAC,eAAe,eAAK,KAAK,EAAI,EAAE,EAAE,EAAE,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,CAAC,CAAA;AAC7F,CAAC,CAAA;IAEY,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IAC/C,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,qBAAqB,CAAC,aAAa,CAAC;CAChD;;;;"}

package/dist/esm/components/UI/template/MegaMenu/MegaMenu.context.js

@@ -1,6 +1,7 @@
+import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { createContext, useContext } from 'react';
 
-const initialContext = {
+var initialContext = {
     socialHeaderProps: {
         helpOptions: [],
         tabs: []
@@ -11,7 +12,7 @@ const initialContext = {
     mainHeaderProps: {
         mobileSearchBarProps: {
             termValue: '',
-            onSearch: () => ({}),
+            onSearch: function () { return ({}); },
             placeholder: ''
         }
     },
@@ -21,35 +22,36 @@ const initialContext = {
         menuItems1440: [],
         logout: {
             logoutText: '',
-            onClick: () => ({})
+            onClick: function () { return ({}); }
         },
         settings: {
             settingsText: '',
-            onClick: () => ({})
+            onClick: function () { return ({}); }
         },
         profileImage: {},
         isAuthenticated: false
     }
 };
-const MegaMenuContext = createContext(initialContext);
-const MegaMenuProvider = ({ children, ...props }) => {
+var MegaMenuContext = createContext(initialContext);
+var MegaMenuProvider = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
     return React.createElement(MegaMenuContext.Provider, { value: props }, children);
 };
-const useMegaMenu = () => useContext(MegaMenuContext);
-const useMegaMenuSocialHeader = () => {
-    const { socialHeaderProps } = useContext(MegaMenuContext);
+var useMegaMenu = function () { return useContext(MegaMenuContext); };
+var useMegaMenuSocialHeader = function () {
+    var socialHeaderProps = useContext(MegaMenuContext).socialHeaderProps;
     return socialHeaderProps;
 };
-const useMegaMenuJobs = () => {
-    const { jobsProps } = useContext(MegaMenuContext);
+var useMegaMenuJobs = function () {
+    var jobsProps = useContext(MegaMenuContext).jobsProps;
     return jobsProps;
 };
-const useMegaMenuMain = () => {
-    const { mainHeaderProps } = useContext(MegaMenuContext);
+var useMegaMenuMain = function () {
+    var mainHeaderProps = useContext(MegaMenuContext).mainHeaderProps;
     return mainHeaderProps;
 };
-const useLoggedInUser = () => {
-    const { listMenuUserProps } = useContext(MegaMenuContext);
+var useLoggedInUser = function () {
+    var listMenuUserProps = useContext(MegaMenuContext).listMenuUserProps;
     return listMenuUserProps;
 };
 

package/dist/esm/components/UI/template/MegaMenu/MegaMenu.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.context.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenu.context.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AASA,MAAM,cAAc,GAAqB;IACvC,iBAAiB,EAAE;QACjB,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,EAAE;KACT;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE;KACT;IACD,eAAe,EAAE;QACf,oBAAoB,EAAE;YACpB,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,OAAO,EAAE,CAAC;YACpB,WAAW,EAAE,EAAE;SAChB;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE;YACN,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,OAAO,EAAE,CAAC;SACpB;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,OAAO,EAAE,CAAC;SACpB;QACD,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK;KACvB;CACF,CAAA;AAED,MAAM,eAAe,GAAG,aAAa,CAAmB,cAAc,CAAC,CAAA;MAE1D,gBAAgB,GAA+B,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;IACjF,OAAO,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAA4B,CAAA;AACtF,EAAC;MAEY,WAAW,GAAG,MAAM,UAAU,CAAC,eAAe,EAAC;MAE/C,uBAAuB,GAAG;IACrC,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACzD,OAAO,iBAAiB,CAAA;AAC1B,EAAC;MAEY,eAAe,GAAG;IAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACjD,OAAO,SAAS,CAAA;AAClB,EAAC;MAEY,eAAe,GAAG;IAC7B,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACvD,OAAO,eAAe,CAAA;AACxB,EAAC;MAEY,eAAe,GAAG;IAC7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACzD,OAAO,iBAAiB,CAAA;AAC1B;;;;"}
+{"version":3,"file":"MegaMenu.context.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenu.context.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AASA,IAAM,cAAc,GAAqB;IACvC,iBAAiB,EAAE;QACjB,WAAW,EAAE,EAAE;QACf,IAAI,EAAE,EAAE;KACT;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE;KACT;IACD,eAAe,EAAE;QACf,oBAAoB,EAAE;YACpB,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,cAAM,QAAC,EAAE,IAAC;YACpB,WAAW,EAAE,EAAE;SAChB;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE;YACN,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,cAAM,QAAC,EAAE,IAAC;SACpB;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,cAAM,QAAC,EAAE,IAAC;SACpB;QACD,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK;KACvB;CACF,CAAA;AAED,IAAM,eAAe,GAAG,aAAa,CAAmB,cAAc,CAAC,CAAA;IAE1D,gBAAgB,GAA+B,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC/E,OAAO,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAA4B,CAAA;AACtF,EAAC;IAEY,WAAW,GAAG,cAAM,OAAA,UAAU,CAAC,eAAe,CAAC,IAAA;IAE/C,uBAAuB,GAAG;IAC7B,IAAA,iBAAiB,GAAK,UAAU,CAAC,eAAe,CAAC,kBAAhC,CAAgC;IACzD,OAAO,iBAAiB,CAAA;AAC1B,EAAC;IAEY,eAAe,GAAG;IACrB,IAAA,SAAS,GAAK,UAAU,CAAC,eAAe,CAAC,UAAhC,CAAgC;IACjD,OAAO,SAAS,CAAA;AAClB,EAAC;IAEY,eAAe,GAAG;IACrB,IAAA,eAAe,GAAK,UAAU,CAAC,eAAe,CAAC,gBAAhC,CAAgC;IACvD,OAAO,eAAe,CAAA;AACxB,EAAC;IAEY,eAAe,GAAG;IACrB,IAAA,iBAAiB,GAAK,UAAU,CAAC,eAAe,CAAC,kBAAhC,CAAgC;IACzD,OAAO,iBAAiB,CAAA;AAC1B;;;;"}

package/dist/esm/components/UI/template/MegaMenu/MegaMenuDesktop.component.js

@@ -1,9 +1,12 @@
+import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import { MegaMenuSocialHeader } from '../../organism/MegaMenuSocialHeader/MegaMenuSocialHeader.component.js';
 import { MegaMenuProvider } from './MegaMenu.context.js';
 import { MegaMenuMainHeader } from '../../organism/MegaMenuMainHeader/MegaMenuMainHeader.component.js';
 import '../../molecules/Actions/Actions.component.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
+import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../constants/stories/DatePicker.constants.js';
 import '../../../../constants/stories/jobVideo.constants.js';
 import '../../../../constants/stories/megaMenu.constants.js';
@@ -11,7 +14,6 @@ import '../../../../constants/stories/sideFilter.constants.js';
 import '../../../../constants/stories/vacancies.constants.js';
 import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
-import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
 import '../../atoms/Paragraph/Paragraph.component.js';
@@ -32,8 +34,9 @@ import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableI
 import '../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js';
 import '../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js';
 import '../../molecules/ExpandableInfo/ExpandableInfo.interface.js';
-import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
+import '../../../hoc/megaMenu/withSideCardsDrawer.mobile.js';
 import '../../molecules/SharePopover/SharePopover.js';
+import '../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js';
 import '../../molecules/Modal/Modal.component.js';
 import '../../molecules/SimilarCard/SimilarCard.component.js';
 import '../../molecules/TimelineEvent/TimelineEvent.interface.js';
@@ -46,15 +49,16 @@ import '../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/children
 import '../../molecules/JobDetails/JobDetails.component.js';
 import styles from './MegaMenu.module.scss.js';
 
-const Component = ({ breadcrumbsProps, ...props }) => {
-    return (React.createElement(MegaMenuProvider, { ...props },
+var Component = function (_a) {
+    var breadcrumbsProps = _a.breadcrumbsProps, props = __rest(_a, ["breadcrumbsProps"]);
+    return (React.createElement(MegaMenuProvider, __assign({}, props),
         React.createElement("header", { className: styles['mega-menu'] },
             React.createElement(MegaMenuSocialHeader, null),
             React.createElement("div", { className: styles['mega-menu__main-header'] },
                 React.createElement(MegaMenuMainHeader, null)),
-            React.createElement("div", { className: styles['mega-menu__breadcrumb'] }, breadcrumbsProps && React.createElement(Breadcrumbs, { ...breadcrumbsProps })))));
+            React.createElement("div", { className: styles['mega-menu__breadcrumb'] }, breadcrumbsProps && React.createElement(Breadcrumbs, __assign({}, breadcrumbsProps))))));
 };
-const MegaMenuDesktop = Component;
+var MegaMenuDesktop = Component;
 
 export { MegaMenuDesktop };
 //# sourceMappingURL=MegaMenuDesktop.component.js.map

package/dist/esm/components/UI/template/MegaMenu/MegaMenuDesktop.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenuDesktop.component.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenuDesktop.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,SAAS,GAA2C,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE;IACvF,QACE,oBAAC,gBAAgB,OAAK,KAAK;QACzB,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;YACpC,oBAAC,oBAAoB,OAAG;YACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;gBAC9C,oBAAC,kBAAkB,OAAG,CAClB;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAC5C,gBAAgB,IAAI,oBAAC,WAAW,OAAK,gBAAgB,GAAI,CACtD,CACC,CACQ,EACpB;AACH,CAAC,CAAA;MAEY,eAAe,GAAG;;;;"}
+{"version":3,"file":"MegaMenuDesktop.component.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenuDesktop.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,SAAS,GAA2C,UAAC,EAA8B;IAA5B,IAAA,gBAAgB,sBAAA,EAAK,KAAK,cAA5B,oBAA8B,CAAF;IACrF,QACE,oBAAC,gBAAgB,eAAK,KAAK;QACzB,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;YACpC,oBAAC,oBAAoB,OAAG;YACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;gBAC9C,oBAAC,kBAAkB,OAAG,CAClB;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAC5C,gBAAgB,IAAI,oBAAC,WAAW,eAAK,gBAAgB,EAAI,CACtD,CACC,CACQ,EACpB;AACH,CAAC,CAAA;IAEY,eAAe,GAAG;;;;"}

package/dist/esm/components/UI/template/MegaMenu/MegaMenuMobile.component.js

@@ -1,21 +1,23 @@
+import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useState, useCallback } from 'react';
 import { MegaMenuProvider } from './MegaMenu.context.js';
 import { MegaMenuMainHeader } from '../../organism/MegaMenuMainHeader/MegaMenuMainHeader.component.js';
 import styles from './MegaMenu.module.scss.js';
 import { MegaMenuDrawer } from '../../organism/MegaMenuDrawer/MegaMenuDrawer.component.js';
 
-const Component = ({ ...props }) => {
-    const [showDrawer, setShowDrawer] = useState(false);
-    const toogleDrawer = useCallback(() => {
+var Component = function (_a) {
+    var props = __rest(_a, []);
+    var _b = useState(false), showDrawer = _b[0], setShowDrawer = _b[1];
+    var toogleDrawer = useCallback(function () {
         setShowDrawer(!showDrawer);
     }, [showDrawer]);
-    return (React.createElement(MegaMenuProvider, { ...props },
+    return (React.createElement(MegaMenuProvider, __assign({}, props),
         React.createElement("header", { className: styles['mega-menu'] },
             React.createElement("div", { className: styles['mega-menu__main-header'] },
                 React.createElement(MegaMenuMainHeader, { toggleDrawerMenu: toogleDrawer }),
                 React.createElement(MegaMenuDrawer, { isOpen: showDrawer, onClose: toogleDrawer })))));
 };
-const MegaMenuMobile = Component;
+var MegaMenuMobile = Component;
 
 export { MegaMenuMobile };
 //# sourceMappingURL=MegaMenuMobile.component.js.map

package/dist/esm/components/UI/template/MegaMenu/MegaMenuMobile.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenuMobile.component.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenuMobile.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAS,GAA2C,CAAC,EAAE,GAAG,KAAK,EAAE;IACrE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,WAAW,CAAC;QAC/B,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;KAC3B,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,QACE,oBAAC,gBAAgB,OAAK,KAAK;QACzB,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;YACpC,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;gBAC9C,oBAAC,kBAAkB,IAAC,gBAAgB,EAAE,YAAY,GAAI;gBACtD,oBAAC,cAAc,IAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,GAAI,CACzD,CACC,CACQ,EACpB;AACH,CAAC,CAAA;MAEY,cAAc,GAAG;;;;"}
+{"version":3,"file":"MegaMenuMobile.component.js","sources":["../../../../../../src/components/UI/template/MegaMenu/MegaMenuMobile.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,IAAM,SAAS,GAA2C,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAC7D,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,YAAY,GAAG,WAAW,CAAC;QAC/B,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;KAC3B,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,QACE,oBAAC,gBAAgB,eAAK,KAAK;QACzB,gCAAQ,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;YACpC,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;gBAC9C,oBAAC,kBAAkB,IAAC,gBAAgB,EAAE,YAAY,GAAI;gBACtD,oBAAC,cAAc,IAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,GAAI,CACzD,CACC,CACQ,EACpB;AACH,CAAC,CAAA;IAEY,cAAc,GAAG;;;;"}

package/dist/esm/components/UI/template/SideFilter/SideFilter.component.js

@@ -1,3 +1,4 @@
+import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
 import React, { useState, useMemo, Fragment, useEffect } from 'react';
 import ArrowLeft2 from '../../../../assets/ArrowLeft2.svg.js';
 import '../../../../constants/stories/DatePicker.constants.js';
@@ -9,6 +10,7 @@ import '../../../../constants/stories/vacantPositionsCategory.constants.js';
 import '../../../../constants/img.constants.js';
 import { FilterHeader } from '../../organism/FilterHeader/FilterHeader.component.js';
 import '../../atoms/BarChart/enums.js';
+import '../../../../utils/classNameManager/classNameManager.util.js';
 import '../../atoms/Collapse/Collapse.component.js';
 import '../../../../utils/date/dateInput.util.js';
 import '../../atoms/InputFile/InputFile.component.js';
@@ -23,55 +25,56 @@ import '../../../hooks/useMediaQuery/index.js';
 import { CardByRenderType } from './factory/factory.component.js';
 import styles from './SideFilter.module.scss.js';
 
-const SideFilter = ({ title, filters = [], totalAppliedFilters, filterSummary, buttonText, loading, isFiltersOpen, textBtnMain, titleBtnClose, setIsFiltersOpen, setIsApplied, clearFilters, unApplyWithChild, getOptionsOnLoad, getOptionsOnSearch }) => {
-    const [currentOpenFilter, setCurrentOpenFilter] = useState(99);
-    const cardProps = useMemo(() => {
+var SideFilter = function (_a) {
+    var title = _a.title, _b = _a.filters, filters = _b === void 0 ? [] : _b, totalAppliedFilters = _a.totalAppliedFilters, filterSummary = _a.filterSummary, buttonText = _a.buttonText, loading = _a.loading, isFiltersOpen = _a.isFiltersOpen, textBtnMain = _a.textBtnMain, titleBtnClose = _a.titleBtnClose, setIsFiltersOpen = _a.setIsFiltersOpen, setIsApplied = _a.setIsApplied, clearFilters = _a.clearFilters, unApplyWithChild = _a.unApplyWithChild, getOptionsOnLoad = _a.getOptionsOnLoad, getOptionsOnSearch = _a.getOptionsOnSearch;
+    var _c = useState(99), currentOpenFilter = _c[0], setCurrentOpenFilter = _c[1];
+    var cardProps = useMemo(function () {
         return {
-            setIsApplied,
-            unApplyWithChild,
-            getOptionsOnLoad,
-            getOptionsOnSearch,
-            loading
+            setIsApplied: setIsApplied,
+            unApplyWithChild: unApplyWithChild,
+            getOptionsOnLoad: getOptionsOnLoad,
+            getOptionsOnSearch: getOptionsOnSearch,
+            loading: loading
         };
     }, [setIsApplied, unApplyWithChild, getOptionsOnLoad, getOptionsOnSearch, loading]);
-    const headerProps = useMemo(() => {
+    var headerProps = useMemo(function () {
         return {
-            title,
-            buttonText,
-            filterSummary,
+            title: title,
+            buttonText: buttonText,
+            filterSummary: filterSummary,
             totalApplied: totalAppliedFilters,
-            clearFilters
+            clearFilters: clearFilters
         };
     }, [title, buttonText, filterSummary, totalAppliedFilters, clearFilters]);
-    const displayFilters = useMemo(() => {
-        const renderFilters = filters.length ? filters : defaultFilters;
-        return renderFilters === null || renderFilters === void 0 ? void 0 : renderFilters.map((item, i) => {
-            return (React.createElement(CardByRenderType, { key: `${i}-${item.field}`, ...item, index: i, showFilters: currentOpenFilter === i, setCurrentOpenFilter: setCurrentOpenFilter, ...cardProps }));
+    var displayFilters = useMemo(function () {
+        var renderFilters = filters.length ? filters : defaultFilters;
+        return renderFilters === null || renderFilters === void 0 ? void 0 : renderFilters.map(function (item, i) {
+            return (React.createElement(CardByRenderType, __assign({ key: "".concat(i, "-").concat(item.field) }, item, { index: i, showFilters: currentOpenFilter === i, setCurrentOpenFilter: setCurrentOpenFilter }, cardProps)));
         });
     }, [filters, cardProps, currentOpenFilter]);
-    const displayBtnMain = useMemo(() => {
+    var displayBtnMain = useMemo(function () {
         if (!totalAppliedFilters)
             return React.createElement(Fragment, null);
-        return (React.createElement(MainButton, { buttonText: textBtnMain, className: `${styles['magneto-ui-side-filter_btn__main']} ${isFiltersOpen ? styles['btn_main-open'] : ''}`, title: textBtnMain, onClick: () => setIsFiltersOpen((isOpen) => !isOpen) }));
+        return (React.createElement(MainButton, { buttonText: textBtnMain, className: "".concat(styles['magneto-ui-side-filter_btn__main'], " ").concat(isFiltersOpen ? styles['btn_main-open'] : ''), title: textBtnMain, onClick: function () { return setIsFiltersOpen(function (isOpen) { return !isOpen; }); } }));
     }, [totalAppliedFilters, isFiltersOpen, textBtnMain, setIsFiltersOpen]);
-    const displayBackground = useMemo(() => {
+    var displayBackground = useMemo(function () {
         if (!isFiltersOpen)
             return React.createElement(Fragment, null);
-        return React.createElement("span", { className: styles['magneto-iu-side-filter_background'], onClick: () => setIsFiltersOpen(false) });
+        return React.createElement("span", { className: styles['magneto-iu-side-filter_background'], onClick: function () { return setIsFiltersOpen(false); } });
     }, [isFiltersOpen, setIsFiltersOpen]);
-    useEffect(() => {
-        const { body } = document;
+    useEffect(function () {
+        var body = document.body;
         if (!body)
             return;
         body.style.overflowY = isFiltersOpen ? 'hidden' : 'auto';
     }, [isFiltersOpen]);
     return (React.createElement(Fragment, null,
-        React.createElement("aside", { className: `${styles['magneto-iu-side-filter']} ${isFiltersOpen ? styles.open : ''}` },
+        React.createElement("aside", { className: "".concat(styles['magneto-iu-side-filter'], " ").concat(isFiltersOpen ? styles.open : '') },
             React.createElement("div", { className: styles['magneto-iu-side-filter_content'] },
-                React.createElement(FilterHeader, { ...headerProps }),
+                React.createElement(FilterHeader, __assign({}, headerProps)),
                 displayFilters)),
         isFiltersOpen && (React.createElement("div", { style: { position: 'absolute', height: '100vh', right: '5px', zIndex: '9999' } },
-            React.createElement(MainButton, { iconProps: { icon: ArrowLeft2, size: 20 }, className: `${styles['magneto-ui-side-filter_btn__close']} ${isFiltersOpen ? styles.btn_close : ''}`, title: titleBtnClose, onClick: () => setIsFiltersOpen((isOpen) => !isOpen) }))),
+            React.createElement(MainButton, { iconProps: { icon: ArrowLeft2, size: 20 }, className: "".concat(styles['magneto-ui-side-filter_btn__close'], " ").concat(isFiltersOpen ? styles.btn_close : ''), title: titleBtnClose, onClick: function () { return setIsFiltersOpen(function (isOpen) { return !isOpen; }); } }))),
         displayBtnMain,
         displayBackground));
 };

package/dist/esm/components/UI/template/SideFilter/SideFilter.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideFilter.component.js","sources":["../../../../../../src/components/UI/template/SideFilter/SideFilter.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"SideFilter.component.js","sources":["../../../../../../src/components/UI/template/SideFilter/SideFilter.component.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/UI/template/SideFilter/factory/factory.component.js

@@ -1,3 +1,4 @@
+import { __rest, __assign } from '../../../../../node_modules/tslib/tslib.es6.js';
 import React, { Fragment } from 'react';
 import '../../../../../constants/stories/DatePicker.constants.js';
 import '../../../../../constants/stories/jobVideo.constants.js';
@@ -9,7 +10,7 @@ import '../../../../../constants/img.constants.js';
 import { FilterCard } from '../../../organism/FilterCard/FilterCard.component.js';
 import { FilterCardOnSearch } from '../../../organism/FilterCardOnSearch/FilterCardOnSearch.component.js';
 
-const getCardByRenderType = (renderType) => {
+var getCardByRenderType = function (renderType) {
     switch (renderType) {
         case ERenderType.multiSelect:
         case ERenderType.selectionList:
@@ -20,11 +21,12 @@ const getCardByRenderType = (renderType) => {
             return null;
     }
 };
-const CardByRenderType = ({ renderType, ...props }) => {
-    const CardByRenderType = getCardByRenderType(renderType);
+var CardByRenderType = function (_a) {
+    var renderType = _a.renderType, props = __rest(_a, ["renderType"]);
+    var CardByRenderType = getCardByRenderType(renderType);
     if (!CardByRenderType)
         return React.createElement(Fragment, null);
-    return React.createElement(CardByRenderType, { renderType: renderType, ...props });
+    return React.createElement(CardByRenderType, __assign({ renderType: renderType }, props));
 };
 
 export { CardByRenderType };

package/dist/esm/components/UI/template/SideFilter/factory/factory.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"factory.component.js","sources":["../../../../../../../src/components/UI/template/SideFilter/factory/factory.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAKA,MAAM,mBAAmB,GAAG,CAAC,UAAuB;IAClD,QAAQ,UAAU;QAChB,KAAK,WAAW,CAAC,WAAW,CAAC;QAC7B,KAAK,WAAW,CAAC,aAAa;YAC5B,OAAO,UAAU,CAAA;QACnB,KAAK,WAAW,CAAC,MAAM;YACrB,OAAO,kBAAkB,CAAA;QAC3B;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;MAEY,gBAAgB,GAAoB,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE;IACxE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;IACxD,IAAI,CAAC,gBAAgB;QAAE,OAAO,oBAAC,QAAQ,OAAG,CAAA;IAC1C,OAAO,oBAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,KAAM,KAAK,GAAI,CAAA;AAChE;;;;"}
+{"version":3,"file":"factory.component.js","sources":["../../../../../../../src/components/UI/template/SideFilter/factory/factory.component.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAKA,IAAM,mBAAmB,GAAG,UAAC,UAAuB;IAClD,QAAQ,UAAU;QAChB,KAAK,WAAW,CAAC,WAAW,CAAC;QAC7B,KAAK,WAAW,CAAC,aAAa;YAC5B,OAAO,UAAU,CAAA;QACnB,KAAK,WAAW,CAAC,MAAM;YACrB,OAAO,kBAAkB,CAAA;QAC3B;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;IAEY,gBAAgB,GAAoB,UAAC,EAAwB;IAAtB,IAAA,UAAU,gBAAA,EAAK,KAAK,cAAtB,cAAwB,CAAF;IACtE,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;IACxD,IAAI,CAAC,gBAAgB;QAAE,OAAO,oBAAC,QAAQ,OAAG,CAAA;IAC1C,OAAO,oBAAC,gBAAgB,aAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AAChE;;;;"}