magneto365.ui 2.87.13 → 2.88.0

package/dist/cjs/assets/userSearchWhiteOutline.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"userSearchWhiteOutline.svg.js","sources":["../../../src/assets/userSearchWhiteOutline.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.87.13/eb30208cbf93fa82.svg\""],"names":[],"mappings":";;AAAA,6BAAe;;;;"}
+{"version":3,"file":"userSearchWhiteOutline.svg.js","sources":["../../../src/assets/userSearchWhiteOutline.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.88.0/eb30208cbf93fa82.svg\""],"names":[],"mappings":";;AAAA,6BAAe;;;;"}

package/dist/cjs/assets/warning-3d.svg.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Warning3D = "https://static.magneto365.com/lib/assets/2.87.13/8a37a9c7b0fd5027.svg";
+var Warning3D = "https://static.magneto365.com/lib/assets/2.88.0/8a37a9c7b0fd5027.svg";
 
 module.exports = Warning3D;
 //# sourceMappingURL=warning-3d.svg.js.map

package/dist/cjs/assets/warning-3d.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning-3d.svg.js","sources":["../../../src/assets/warning-3d.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.87.13/8a37a9c7b0fd5027.svg\""],"names":[],"mappings":";;AAAA,gBAAe;;;;"}
+{"version":3,"file":"warning-3d.svg.js","sources":["../../../src/assets/warning-3d.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.88.0/8a37a9c7b0fd5027.svg\""],"names":[],"mappings":";;AAAA,gBAAe;;;;"}

package/dist/cjs/assets/warning-hex.svg.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var WarningHex = "https://static.magneto365.com/lib/assets/2.87.13/58346511fd62e29a.svg";
+var WarningHex = "https://static.magneto365.com/lib/assets/2.88.0/58346511fd62e29a.svg";
 
 module.exports = WarningHex;
 //# sourceMappingURL=warning-hex.svg.js.map

package/dist/cjs/assets/warning-hex.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning-hex.svg.js","sources":["../../../src/assets/warning-hex.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.87.13/58346511fd62e29a.svg\""],"names":[],"mappings":";;AAAA,iBAAe;;;;"}
+{"version":3,"file":"warning-hex.svg.js","sources":["../../../src/assets/warning-hex.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.88.0/58346511fd62e29a.svg\""],"names":[],"mappings":";;AAAA,iBAAe;;;;"}

package/dist/cjs/assets/warning.svg.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Warning = "https://static.magneto365.com/lib/assets/2.87.13/bfab45bdc4d8d900.svg";
+var Warning = "https://static.magneto365.com/lib/assets/2.88.0/bfab45bdc4d8d900.svg";
 
 module.exports = Warning;
 //# sourceMappingURL=warning.svg.js.map

package/dist/cjs/assets/warning.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning.svg.js","sources":["../../../src/assets/warning.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.87.13/bfab45bdc4d8d900.svg\""],"names":[],"mappings":";;AAAA,cAAe;;;;"}
+{"version":3,"file":"warning.svg.js","sources":["../../../src/assets/warning.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.88.0/bfab45bdc4d8d900.svg\""],"names":[],"mappings":";;AAAA,cAAe;;;;"}

package/dist/cjs/assets/warningYellowBold.svg.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var WarningYellowBold = "https://static.magneto365.com/lib/assets/2.87.13/8949e8e4bfb2ef16.svg";
+var WarningYellowBold = "https://static.magneto365.com/lib/assets/2.88.0/8949e8e4bfb2ef16.svg";
 
 module.exports = WarningYellowBold;
 //# sourceMappingURL=warningYellowBold.svg.js.map

package/dist/cjs/assets/warningYellowBold.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"warningYellowBold.svg.js","sources":["../../../src/assets/warningYellowBold.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.87.13/8949e8e4bfb2ef16.svg\""],"names":[],"mappings":";;AAAA,wBAAe;;;;"}
+{"version":3,"file":"warningYellowBold.svg.js","sources":["../../../src/assets/warningYellowBold.svg"],"sourcesContent":["export default \"https://static.magneto365.com/lib/assets/2.88.0/8949e8e4bfb2ef16.svg\""],"names":[],"mappings":";;AAAA,wBAAe;;;;"}

package/dist/cjs/components/UI/molecules/MegaMenuSearchBar/SearchBar.component.js

@@ -65,96 +65,126 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var AVAILABLE_KEYS = ['Enter', 'ArrowDown', 'ArrowUp'];
+var AVAILABLE_KEYS = ['Enter', 'ArrowDown', 'ArrowUp', 'Escape'];
 var SearchBar = function (_a) {
     var _b, _c;
-    var icon = _a.icon, onSearch = _a.onSearch, className = _a.className, placeholder = _a.placeholder, termValue = _a.termValue, actionIcon = _a.actionIcon, options = _a.options, sectionTitle = _a.sectionTitle, onSelectOption = _a.onSelectOption, noContent = _a.noContent, recentSearch = _a.recentSearch, _d = _a.disableOptions, disableOptions = _d === void 0 ? false : _d, onSubmit = _a.onSubmit;
-    var _e = React.useState(0), selectedOption = _e[0], setSelectedOption = _e[1];
-    var _f = React.useState(false), showOptions = _f[0], setShowOptions = _f[1];
-    var linkRef = React.useRef(null);
+    var icon = _a.icon, onSearch = _a.onSearch, className = _a.className, placeholder = _a.placeholder, termValue = _a.termValue, actionIcon = _a.actionIcon, _d = _a.options, options = _d === void 0 ? [] : _d, sectionTitle = _a.sectionTitle, onSelectOption = _a.onSelectOption, noContent = _a.noContent, recentSearch = _a.recentSearch, _e = _a.disableOptions, disableOptions = _e === void 0 ? false : _e, onSubmit = _a.onSubmit;
+    var _f = React.useState(0), selectedOption = _f[0], setSelectedOption = _f[1];
+    var _g = React.useState(false), showOptions = _g[0], setShowOptions = _g[1];
+    var optionLinksRef = React.useRef([]);
     var optionsRef = React.useRef(null);
     var contentRef = React.useRef(null);
+    var safeOptions = React.useMemo(function () { return (Array.isArray(options) ? options : []); }, [options]);
+    React.useEffect(function () {
+        setSelectedOption(0);
+        optionLinksRef.current = [];
+    }, [safeOptions, termValue]);
     var renderSectionTitle = React.useMemo(function () {
         if (!sectionTitle || termValue)
-            return;
-        var _a = sectionTitle, title = _a.title, url = _a.url, onClick = _a.onClick;
+            return null;
+        var title = sectionTitle.title, url = sectionTitle.url, onClick = sectionTitle.onClick;
         return (React__default["default"].createElement("div", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-title'], key: 'main title', onClick: onClick },
             React__default["default"].createElement("a", { href: url },
                 React__default["default"].createElement(Icon_component.IconItem, { icon: currentLocation, size: 16 }),
                 React__default["default"].createElement("p", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option__title'] }, title))));
     }, [sectionTitle, termValue]);
     var onSearchValues = React.useCallback(function (event) {
-        var term = event.target.value;
-        onSearch(term);
-    }, [onSearch]);
+        var value = event.target.value;
+        onSearch(value);
+        if (!disableOptions && String(value !== null && value !== void 0 ? value : '').trim().length >= 2) {
+            setShowOptions(true);
+        }
+    }, [disableOptions, onSearch]);
     var closeOptions = React.useCallback(function () {
         setShowOptions(false);
     }, []);
+    var blurInput = React.useCallback(function () {
+        requestAnimationFrame(function () {
+            var _a, _b;
+            (_b = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.blur();
+        });
+    }, []);
+    React.useEffect(function () {
+        if (!showOptions)
+            return;
+        var container = optionsRef.current;
+        var selectedEl = optionLinksRef.current[selectedOption];
+        if (!container || !selectedEl)
+            return;
+        var containerRect = container.getBoundingClientRect();
+        var elRect = selectedEl.getBoundingClientRect();
+        var isOutOfView = elRect.top < containerRect.top || elRect.bottom > containerRect.bottom;
+        if (isOutOfView)
+            selectedEl.scrollIntoView({ block: 'nearest' });
+    }, [selectedOption, showOptions]);
     var onPressKey = React.useCallback(function (event) {
         var key = event.key;
-        if (key === 'Enter' && onSubmit) {
-            event.preventDefault();
-            onSubmit(String(termValue !== null && termValue !== void 0 ? termValue : ''));
+        if (key === 'Escape') {
             closeOptions();
             return;
         }
-        if (!AVAILABLE_KEYS.includes(key) || !optionsRef.current || disableOptions)
+        if (key === 'Enter') {
+            if (!disableOptions && showOptions) {
+                var option = safeOptions[selectedOption];
+                if (option) {
+                    event.preventDefault();
+                    closeOptions();
+                    blurInput();
+                    onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
+                    return;
+                }
+            }
+            if (onSubmit) {
+                event.preventDefault();
+                closeOptions();
+                blurInput();
+                onSubmit(event.currentTarget.value);
+            }
+            return;
+        }
+        if (!AVAILABLE_KEYS.includes(key) || disableOptions || !showOptions)
             return;
         setSelectedOption(function (current) {
-            if (key == 'ArrowDown' && current < options.length - 1) {
-                optionsRef.current.scrollTop += 38;
+            if (key === 'ArrowDown' && current < safeOptions.length - 1)
                 return current + 1;
-            }
-            if (key == 'ArrowUp' && current > 0) {
-                optionsRef.current.scrollTop -= 38;
+            if (key === 'ArrowUp' && current > 0)
                 return current - 1;
-            }
             return current;
         });
-        if (key == 'Enter' && linkRef.current)
-            return linkRef.current.click();
-    }, [closeOptions, disableOptions, onSubmit, options.length, termValue]);
-    var handleShowOptions = React.useCallback(function (show) { return function () {
-        if (disableOptions)
-            return;
-        setShowOptions(show);
-    }; }, [disableOptions]);
+    }, [blurInput, closeOptions, disableOptions, onSelectOption, onSubmit, safeOptions, selectedOption, showOptions]);
     var onPressOption = React.useCallback(function (option) { return function (event) {
-        if (!onSelectOption)
-            return;
-        event.stopPropagation();
         event.preventDefault();
         closeOptions();
-        onSelectOption(option);
-    }; }, [closeOptions, onSelectOption]);
+        blurInput();
+        onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
+    }; }, [blurInput, closeOptions, onSelectOption]);
     var handleClickOutside = React.useCallback(function () {
-        if (disableOptions)
-            return;
-        closeOptions();
+        if (!disableOptions)
+            closeOptions();
     }, [closeOptions, disableOptions]);
     index.useClickOutside(contentRef, handleClickOutside);
-    return (React__default["default"].createElement("div", { className: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input-content']), onClick: disableOptions ? undefined : handleShowOptions(true), ref: contentRef },
-        React__default["default"].createElement(Input_component, { mainClassName: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input'], " ").concat(className ? className : ''), value: termValue, onChange: onSearchValues, customIcon: icon, type: "text", placeholder: placeholder, actionIcon: actionIcon, onKeyDown: onPressKey }),
+    return (React__default["default"].createElement("div", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-content'], ref: contentRef },
+        React__default["default"].createElement(Input_component, { mainClassName: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input'], " ").concat(className !== null && className !== void 0 ? className : ''), value: termValue, onChange: onSearchValues, customIcon: icon, type: "text", placeholder: placeholder, actionIcon: actionIcon, onKeyDown: onPressKey, onFocus: function () { return !disableOptions && setShowOptions(true); } }),
         !disableOptions && showOptions && (React__default["default"].createElement("div", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-options'], ref: optionsRef },
             sectionTitle && !recentSearch && renderSectionTitle,
-            options.length > 0 &&
+            safeOptions.length > 0 &&
                 (!recentSearch || (termValue === null || termValue === void 0 ? void 0 : termValue.length) > 0) &&
-                options.map(function (_a, index) {
+                safeOptions.map(function (_a, index) {
                     var title = _a.title, subtitle = _a.subtitle, url = _a.url, field = _a.field;
-                    return (React__default["default"].createElement("div", { className: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input-option'], " ").concat(selectedOption == index ? MegaMenuSearchBar_module['mega-menu-search-bar__input-option--selected'] : ''), onClick: onPressOption({ title: title, subtitle: subtitle, url: url, field: field }), key: index },
-                        React__default["default"].createElement("a", { href: url, ref: linkRef },
+                    return (React__default["default"].createElement("div", { className: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input-option'], " ").concat(selectedOption === index ? MegaMenuSearchBar_module['mega-menu-search-bar__input-option--selected'] : ''), key: "".concat(title, "-").concat(index) },
+                        React__default["default"].createElement("a", { href: url, onClick: onPressOption({ title: title, subtitle: subtitle, url: url, field: field }), ref: function (el) { return (optionLinksRef.current[index] = el); } },
                             React__default["default"].createElement("p", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option__title'] }, title),
-                            React__default["default"].createElement("p", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option__subtitle'] }, subtitle))));
+                            subtitle && React__default["default"].createElement("p", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option__subtitle'] }, subtitle))));
                 }),
-            options.length === 0 && !recentSearch && (React__default["default"].createElement(MegaMenuEmpty_component, { title: (_b = noContent === null || noContent === void 0 ? void 0 : noContent.title) !== null && _b !== void 0 ? _b : '', subtitle: (_c = noContent === null || noContent === void 0 ? void 0 : noContent.subtitle) !== null && _c !== void 0 ? _c : '', imageHeight: 120, customStyle: { title: { fontSize: 16 }, subtitle: { fontSize: 14 }, content: { gap: 0 } } })),
+            safeOptions.length === 0 && !recentSearch && (React__default["default"].createElement(MegaMenuEmpty_component, { title: (_b = noContent === null || noContent === void 0 ? void 0 : noContent.title) !== null && _b !== void 0 ? _b : '', subtitle: (_c = noContent === null || noContent === void 0 ? void 0 : noContent.subtitle) !== null && _c !== void 0 ? _c : '', imageHeight: 120, customStyle: { title: { fontSize: 16 }, subtitle: { fontSize: 14 }, content: { gap: 0 } } })),
             recentSearch && (termValue === null || termValue === void 0 ? void 0 : termValue.length) === 0 && (React__default["default"].createElement("div", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-options--recent'] },
                 React__default["default"].createElement("h4", null, recentSearch.recentSearchesTitle),
-                recentSearch.recentSearches.map(function (option, index) { return (React__default["default"].createElement("div", { className: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input-option']), onClick: onPressOption(option), key: index },
-                    React__default["default"].createElement("a", { href: option.url, ref: linkRef },
+                recentSearch.recentSearches.map(function (option, index) { return (React__default["default"].createElement("div", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option'], key: "recent-".concat(index) },
+                    React__default["default"].createElement("a", { href: option.url, onClick: onPressOption(option) },
                         React__default["default"].createElement("p", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option__title'] }, option.title)))); }),
                 React__default["default"].createElement("h4", null, recentSearch.mostSearchedTitle),
-                recentSearch.mostSearched.map(function (option, index) { return (React__default["default"].createElement("div", { className: "".concat(MegaMenuSearchBar_module['mega-menu-search-bar__input-option']), onClick: onPressOption(option), key: index },
-                    React__default["default"].createElement("a", { href: option.url, ref: linkRef },
+                recentSearch.mostSearched.map(function (option, index) { return (React__default["default"].createElement("div", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option'], key: "most-".concat(index) },
+                    React__default["default"].createElement("a", { href: option.url, onClick: onPressOption(option) },
                         React__default["default"].createElement("p", { className: MegaMenuSearchBar_module['mega-menu-search-bar__input-option__title'] }, option.title)))); })))))));
 };
 

package/dist/cjs/components/UI/molecules/MegaMenuSearchBar/SearchBar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.component.js","sources":["../../../../../../src/components/UI/molecules/MegaMenuSearchBar/SearchBar.component.tsx"],"sourcesContent":[null],"names":["useState","useRef","useMemo","React","styles","IconItem","CurrentLocation","useCallback","useClickOutside","Input","MegaMenuEmpty"],"mappings":"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"}
+{"version":3,"file":"SearchBar.component.js","sources":["../../../../../../src/components/UI/molecules/MegaMenuSearchBar/SearchBar.component.tsx"],"sourcesContent":[null],"names":["useState","useRef","useMemo","useEffect","React","styles","IconItem","CurrentLocation","useCallback","useClickOutside","Input","MegaMenuEmpty"],"mappings":"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"}

package/dist/cjs/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.js

@@ -28,40 +28,93 @@ require('../../../../constants/jobDetails.constants.js');
 require('../../atoms/Toggle/Toggle.component.js');
 require('../../../hooks/useMediaQuery/index.js');
 var MobileSearchbar_modules = require('./MobileSearchbar.modules.scss.js');
+var index = require('../../../hooks/useClickOutside/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var Component = function (_a) {
-    var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
-    var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
+    var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar, placeholder = _a.placeholder, _b = _a.options, options = _b === void 0 ? [] : _b, onSelectOption = _a.onSelectOption, onSubmit = _a.onSubmit;
+    var _c = React.useState(termValue ? String(termValue) : ''), searchValue = _c[0], setSearchValue = _c[1];
+    var _d = React.useState(false), showOptions = _d[0], setShowOptions = _d[1];
+    var contentRef = React.useRef(null);
     var searchInputRef = React.useRef(null);
+    var safeOptions = React.useMemo(function () { return (Array.isArray(options) ? options : []); }, [options]);
     var handleSubmit = function (event) {
+        var _a;
         event.preventDefault();
         onSearch(searchValue);
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(searchValue);
         localStorage.setItem('searchValue', searchValue);
+        setShowOptions(false);
+        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     };
     var handleClearSearch = function () {
         setSearchValue('');
         onSearch('');
         localStorage.removeItem('searchValue');
+        setShowOptions(false);
         if (onClick)
             onClick();
     };
+    var onSearchValues = React.useCallback(function (event) {
+        var value = event.target.value;
+        setSearchValue(value);
+        onSearch(value);
+        if (String(value !== null && value !== void 0 ? value : '').trim().length >= 2) {
+            setShowOptions(true);
+        }
+    }, [onSearch]);
+    var onSelectSearchOption = React.useCallback(function (option) { return function (event) {
+        var _a;
+        event.preventDefault();
+        event.stopPropagation();
+        setShowOptions(false);
+        setSearchValue(option.title);
+        onSearch(option.title);
+        localStorage.setItem('searchValue', option.title);
+        onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
+        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        if (onClick)
+            onClick();
+    }; }, [onClick, onSearch, onSelectOption]);
+    var closeOptions = React.useCallback(function () {
+        setShowOptions(false);
+    }, []);
+    index.useClickOutside(contentRef, closeOptions);
     React.useEffect(function () {
         var _a;
         if (focusSearchInput) {
             (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            if (safeOptions.length > 0) {
+                setShowOptions(true);
+            }
+        }
+    }, [focusSearchInput, safeOptions.length]);
+    React.useEffect(function () {
+        setSearchValue(termValue ? String(termValue) : '');
+    }, [termValue]);
+    React.useEffect(function () {
+        if (!showMobileSearchbar) {
+            setShowOptions(false);
+        }
+    }, [showMobileSearchbar]);
+    React.useEffect(function () {
+        if (String(searchValue !== null && searchValue !== void 0 ? searchValue : '').trim().length > 0 && safeOptions.length > 0) {
+            setShowOptions(true);
         }
-    }, [focusSearchInput]);
-    return (React__default["default"].createElement("div", { className: MobileSearchbar_modules.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
+    }, [safeOptions.length, searchValue]);
+    return (React__default["default"].createElement("div", { className: MobileSearchbar_modules.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar, ref: contentRef },
         React__default["default"].createElement("form", { onSubmit: handleSubmit },
             searchValue && React__default["default"].createElement("div", { className: MobileSearchbar_modules['search-badge'] }),
             React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({ className: MobileSearchbar_modules['magneto-ui-search-button'] }, headers_constants.searchMobileProps)),
             React__default["default"].createElement("label", { htmlFor: "search" }),
-            React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
-            React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({ className: MobileSearchbar_modules['magneto-ui-remove-button'], onClick: handleClearSearch }, headers_constants.closeSearchMobileProps)))));
+            React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, placeholder: placeholder, onChange: onSearchValues, onFocus: function () { return safeOptions.length > 0 && setShowOptions(true); }, ref: searchInputRef }),
+            React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({ className: MobileSearchbar_modules['magneto-ui-remove-button'], onClick: handleClearSearch }, headers_constants.closeSearchMobileProps))),
+        showOptions && safeOptions.length > 0 && (React__default["default"].createElement("div", { className: MobileSearchbar_modules['mobile-searchbar-options'] }, safeOptions.map(function (option, index) { return (React__default["default"].createElement("a", { className: MobileSearchbar_modules['mobile-searchbar-option'], href: option.url, key: "mobile-search-option-".concat(option.title, "-").concat(index), onClick: onSelectSearchOption(option) },
+            React__default["default"].createElement("p", { className: MobileSearchbar_modules['mobile-searchbar-option__title'] }, option.title),
+            option.subtitle && React__default["default"].createElement("p", { className: MobileSearchbar_modules['mobile-searchbar-option__subtitle'] }, option.subtitle))); })))));
 };
 /**
  * Molecule UI component for MobileSearchbar

package/dist/cjs/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSearchbar.component.js","sources":["../../../../../../src/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.tsx"],"sourcesContent":[null],"names":["useState","useRef","useEffect","React","styles","MainButton","searchMobileProps","closeSearchMobileProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,SAAS,GAA+B,UAAC,EAM9C;QALC,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA;IAEb,IAAA,KAAgCA,cAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC,EAAnE,WAAW,QAAA,EAAE,cAAc,QAAwC,CAAA;IAC1E,IAAM,cAAc,GAAGC,YAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,IAAM,YAAY,GAAG,UAAC,KAAqC;QACzD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,QAAQ,CAAC,WAAW,CAAC,CAAA;QACrB,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;KACjD,CAAA;IAED,IAAM,iBAAiB,GAAG;QACxB,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;QACtC,IAAI,OAAO;YAAE,OAAO,EAAE,CAAA;KACvB,CAAA;IAEDC,eAAS,CAAC;;QACR,IAAI,gBAAgB,EAAE;YACpB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;SAChC;KACF,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,QACEC,iDAAK,SAAS,EAAEC,uBAAM,CAAC,wBAAwB,gCAA8B,mBAAmB;QAC9FD,kDAAM,QAAQ,EAAE,YAAY;YACzB,WAAW,IAAIA,iDAAK,SAAS,EAAEC,uBAAM,CAAC,cAAc,CAAC,GAAI;YAC1DD,wCAACE,+BAAU,uBAAC,SAAS,EAAED,uBAAM,CAAC,0BAA0B,CAAC,IAAME,mCAAiB,EAAI;YACpFH,mDAAO,OAAO,EAAC,QAAQ,GAAG;YAC1BA,mDACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAA,EAC/C,GAAG,EAAE,cAAc,GACnB;YAEFA,wCAACE,+BAAU,uBACT,SAAS,EAAED,uBAAM,CAAC,0BAA0B,CAAC,EAC7C,OAAO,EAAE,iBAAiB,IACtBG,wCAAsB,EAC1B,CACG,CACH,EACP;AACH,CAAC,CAAA;AAED;;;IAIa,eAAe,GAAG;;;;"}
+{"version":3,"file":"MobileSearchbar.component.js","sources":["../../../../../../src/components/UI/molecules/MobileSearchbar/MobileSearchbar.component.tsx"],"sourcesContent":[null],"names":["useState","useRef","useMemo","useCallback","useClickOutside","useEffect","React","styles","MainButton","searchMobileProps","closeSearchMobileProps"],"mappings":"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"}

package/dist/cjs/components/UI/molecules/MobileSearchbar/MobileSearchbar.modules.scss.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var styles = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
+var styles = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_qz9yx","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_qz9yx","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_qz9yx","mobile-searchbar-options":"mg_mobile_searchbar_mobile-searchbar-options_qz9yx","mobile-searchbar-option":"mg_mobile_searchbar_mobile-searchbar-option_qz9yx","mobile-searchbar-option__title":"mg_mobile_searchbar_mobile-searchbar-option_title_qz9yx","mobile-searchbar-option__subtitle":"mg_mobile_searchbar_mobile-searchbar-option_subtitle_qz9yx","search-badge":"mg_mobile_searchbar_search-badge_qz9yx"};
 
 module.exports = styles;
 //# sourceMappingURL=MobileSearchbar.modules.scss.js.map

package/dist/cjs/components/UI/organism/LoginHeader/LoginHeader.component.js

@@ -54,7 +54,6 @@ require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
 require('../../template/MegaMenu/MegaMenu.context.js');
 var MobileSearchbar_component = require('../../molecules/MobileSearchbar/MobileSearchbar.component.js');
 require('../../molecules/Modal/Modal.component.js');
-var Searchbar_component = require('../../molecules/Searchbar/Searchbar.component.js');
 var SearchButton_component = require('../../molecules/SearchButton/SearchButton.component.js');
 require('../../molecules/SimilarCard/SimilarCard.component.js');
 require('../../molecules/SortMenu/SortMenu.component.js');
@@ -69,6 +68,7 @@ require('../../molecules/UserMenuAnalyst/children/UserMenuAnalystOptions/childre
 require('../../molecules/UserMenuWrapperAnalyst/children/UserMenuWrapperAnalystDropdown/UserMenuWrapperAnalystDropdown.component.js');
 require('../../molecules/JobDetails/JobDetails.component.js');
 require('../../molecules/Chat/Chat.component.js');
+var SearchBar_component = require('../../molecules/MegaMenuSearchBar/SearchBar.component.js');
 var LoginHeader_modules = require('./LoginHeader.modules.scss.js');
 var MegaMenuSearchBar_component = require('../../molecules/MegaMenuSearchBar/MegaMenuSearchBar.component.js');
 
@@ -76,38 +76,40 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var isMegaSearchbar = function (searchbar) {
+    return 'occupation' in searchbar;
+};
 var Component = function (_a) {
     var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl, onlyMenuUser = _a.onlyMenuUser;
     var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
     var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
-    var toggleSearchBar = function () {
-        setShowSearchBar(!showSearchBar);
-    };
-    var isLoginHeaderSearch = function (searchbar) {
-        return typeof searchbar.occupation === 'object' && searchbar.occupation !== null;
-    };
+    var isMega = isMegaSearchbar(searchbar);
+    var source = isMega ? searchbar.occupation : searchbar;
+    var searchValue = source.termValue;
+    var toggleSearchBar = React.useCallback(function () {
+        setShowSearchBar(function (prev) { return !prev; });
+        setToggleMobileDrawer(false);
+    }, []);
+    var mobileSearchbarValues = React.useMemo(function () {
+        var termValue = source.termValue, placeholder = source.placeholder, onSearch = source.onSearch, options = source.options, onSelectOption = source.onSelectOption, onSubmit = source.onSubmit;
+        return tslib_es6.__assign(tslib_es6.__assign({}, MobileSearchbarProps), { termValue: termValue, placeholder: placeholder, onSearch: onSearch, options: options, onSelectOption: onSelectOption, onSubmit: onSubmit });
+    }, [source, MobileSearchbarProps]);
     var loginHeaderMobileSearchbar = index.useMediaQuery(null, {
-        md: (React__default["default"].createElement(MobileSearchbar_component.MobileSearchbar, tslib_es6.__assign({}, MobileSearchbarProps, { onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
+        md: (React__default["default"].createElement(MobileSearchbar_component.MobileSearchbar, tslib_es6.__assign({}, mobileSearchbarValues, { onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
     });
     var loginHeaderMenuButton = index.useMediaQuery(React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({}, headers_constants.MenuButtonProps, { onClick: onClick })));
     var loginHeaderLogo = index.useMediaQuery(React__default["default"].createElement(Logo_component.LogoComponent, tslib_es6.__assign({}, common_constants.logoProps)), {
         sm: React__default["default"].createElement(Logo_component.LogoComponent, tslib_es6.__assign({}, common_constants.logoProps, { isoView: true }))
     });
     var loginHeaderMobileSearchbarButton = index.useMediaQuery(null, {
-        md: isLoginHeaderSearch(searchbar) ? (React__default["default"].createElement(SearchButton_component.SearchButton, tslib_es6.__assign({ searchValue: searchbar.occupation.termValue, onClick: toggleSearchBar }, headers_constants.MobileSearchbarButtonProps))) : (React__default["default"].createElement(SearchButton_component.SearchButton, tslib_es6.__assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, headers_constants.MobileSearchbarButtonProps)))
-    });
-    var loginHeaderSearchbar = index.useMediaQuery(isLoginHeaderSearch(searchbar) ? (React__default["default"].createElement(MegaMenuSearchBar_component, tslib_es6.__assign({}, searchbar))) : (React__default["default"].createElement(Searchbar_component.Searchbar, tslib_es6.__assign({}, searchbar, { searchButtonProps: headers_constants.searchPropsButton, removeButtonProps: headers_constants.removePropsButton }))), {
-        md: null
+        md: React__default["default"].createElement(SearchButton_component.SearchButton, tslib_es6.__assign({ searchValue: searchValue, onClick: toggleSearchBar }, headers_constants.MobileSearchbarButtonProps))
     });
+    var loginHeaderSearchbar = index.useMediaQuery(isMega ? React__default["default"].createElement(MegaMenuSearchBar_component, tslib_es6.__assign({}, searchbar)) : React__default["default"].createElement(SearchBar_component, tslib_es6.__assign({}, searchbar)), { md: null });
     var loginHeaderOptionTabs = index.useMediaQuery(React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(HeaderTabs_component.HeaderTabs, tslib_es6.__assign({}, jobsTabsProps)),
         React__default["default"].createElement(HeaderTabs_component.HeaderTabs, tslib_es6.__assign({}, processTabsProps)),
-        React__default["default"].createElement(HeaderTabs_component.HeaderTabs, tslib_es6.__assign({}, curriculumTabProps))), {
-        xl: null
-    });
-    var loginHeaderPopover = index.useMediaQuery(React__default["default"].createElement(UserMenu_component.UserMenu, { listMenuUserProps: tslib_es6.__assign(tslib_es6.__assign({}, listMenuUserProps), { showAllItems: onlyMenuUser }), profileImage: profileImage }), {
-        md: React__default["default"].createElement(Avatar_component.Avatar, tslib_es6.__assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } }))
-    });
+        React__default["default"].createElement(HeaderTabs_component.HeaderTabs, tslib_es6.__assign({}, curriculumTabProps))), { xl: null });
+    var loginHeaderPopover = index.useMediaQuery(React__default["default"].createElement(UserMenu_component.UserMenu, { listMenuUserProps: tslib_es6.__assign(tslib_es6.__assign({}, listMenuUserProps), { showAllItems: onlyMenuUser }), profileImage: profileImage }), { md: React__default["default"].createElement(Avatar_component.Avatar, tslib_es6.__assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } })) });
     var loginHeaderBreadcrumbs = index.useMediaQuery(React__default["default"].createElement(Breadcrumbs_component.Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
         md: null
     });

package/dist/cjs/components/UI/organism/LoginHeader/LoginHeader.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginHeader.component.js","sources":["../../../../../../src/components/UI/organism/LoginHeader/LoginHeader.component.tsx"],"sourcesContent":[null],"names":["useState","useMediaQuery","React","MobileSearchbar","MainButton","MenuButtonProps","LogoComponent","logoProps","SearchButton","MobileSearchbarButtonProps","MegaMenuSearchBar","Searchbar","searchPropsButton","removePropsButton","HeaderTabs","UserMenu","Avatar","Breadcrumbs","styles","MobileDrawer","ListMenuIcons"],"mappings":"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"}
+{"version":3,"file":"LoginHeader.component.js","sources":["../../../../../../src/components/UI/organism/LoginHeader/LoginHeader.component.tsx"],"sourcesContent":[null],"names":["useState","useCallback","useMemo","useMediaQuery","React","MobileSearchbar","MainButton","MenuButtonProps","LogoComponent","logoProps","SearchButton","MobileSearchbarButtonProps","MegaMenuSearchBar","SearchBar","HeaderTabs","UserMenu","Avatar","Breadcrumbs","styles","MobileDrawer","ListMenuIcons"],"mappings":"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"}