magneto365.ui 2.69.0-beta → 2.69.0-beta.2
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 +18 -18
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/InputPlus/InputPlus.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +18 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/InputPlus/InputPlus.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +2 -0
- package/dist/index.d.ts +6 -0
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -4399,7 +4399,7 @@ var Input = function (_a) {
|
|
|
4399
4399
|
var styles$1I = {"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"};
|
|
4400
4400
|
|
|
4401
4401
|
var InputPlus = function (_a) {
|
|
4402
|
-
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;
|
|
4402
|
+
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, maxLength = _a.maxLength;
|
|
4403
4403
|
var _d = useState(''), inputValue = _d[0], setInputValue = _d[1];
|
|
4404
4404
|
var _e = useState(false), disabledBtn = _e[0], setDisabledBtn = _e[1];
|
|
4405
4405
|
useEffect(function () {
|
|
@@ -4426,7 +4426,7 @@ var InputPlus = function (_a) {
|
|
|
4426
4426
|
}
|
|
4427
4427
|
setDisabledBtn(false);
|
|
4428
4428
|
}, [disabled, maxWords]);
|
|
4429
|
-
var
|
|
4429
|
+
var handleSubmit = useCallback(function () {
|
|
4430
4430
|
if (inputValue) {
|
|
4431
4431
|
onChange(inputValue);
|
|
4432
4432
|
setInputValue('');
|
|
@@ -4436,13 +4436,13 @@ var InputPlus = function (_a) {
|
|
|
4436
4436
|
if (event.key === 'Enter') {
|
|
4437
4437
|
event.preventDefault();
|
|
4438
4438
|
if (!disabledBtn) {
|
|
4439
|
-
|
|
4439
|
+
handleSubmit();
|
|
4440
4440
|
}
|
|
4441
4441
|
}
|
|
4442
|
-
}, [disabledBtn,
|
|
4442
|
+
}, [disabledBtn, handleSubmit]);
|
|
4443
4443
|
return (React.createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
4444
|
-
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
4445
|
-
React.createElement("button", { type: "button", onClick:
|
|
4444
|
+
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text", maxLength: maxLength }),
|
|
4445
|
+
React.createElement("button", { type: "button", onClick: handleSubmit, className: "".concat(styles$1I["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1I.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1I['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
4446
4446
|
};
|
|
4447
4447
|
|
|
4448
4448
|
var styles$1H = {"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"};
|
|
@@ -6336,15 +6336,10 @@ var FilterCard = function (_a) {
|
|
|
6336
6336
|
var _e = useState(showFilters), showItems = _e[0], setShowItems = _e[1];
|
|
6337
6337
|
var hasSearch = useMemo(function () { return renderType === ERenderType.multiSelect; }, [renderType]);
|
|
6338
6338
|
var hasTotal = useMemo(function () { return !values.find(function (value) { return value.isApplied; }); }, [values]);
|
|
6339
|
-
var appliedOption = useMemo(function () {
|
|
6340
|
-
var
|
|
6341
|
-
|
|
6342
|
-
|
|
6343
|
-
});
|
|
6344
|
-
if (option != undefined)
|
|
6345
|
-
setShowItems(true);
|
|
6346
|
-
return option;
|
|
6347
|
-
}, [options]);
|
|
6339
|
+
var appliedOption = useMemo(function () { return options.find(function (_a) {
|
|
6340
|
+
var isApplied = _a.isApplied;
|
|
6341
|
+
return isApplied;
|
|
6342
|
+
}); }, [options]);
|
|
6348
6343
|
var hasntOptions = useMemo(function () { return options.every(function (_a) {
|
|
6349
6344
|
var total = _a.total;
|
|
6350
6345
|
return total == 0 || total == undefined;
|
|
@@ -6374,6 +6369,10 @@ var FilterCard = function (_a) {
|
|
|
6374
6369
|
return React.createElement(Fragment, null);
|
|
6375
6370
|
return options.map(renderItem);
|
|
6376
6371
|
}, [options, appliedOption, renderItem, hasntOptions]);
|
|
6372
|
+
useEffect(function () {
|
|
6373
|
+
if (appliedOption != undefined)
|
|
6374
|
+
setShowItems(true);
|
|
6375
|
+
}, [appliedOption]);
|
|
6377
6376
|
useEffect(function () {
|
|
6378
6377
|
setOptions(values);
|
|
6379
6378
|
}, [values]);
|
|
@@ -9261,13 +9260,13 @@ var Component$5 = function () {
|
|
|
9261
9260
|
};
|
|
9262
9261
|
var MegaMenuSocialHeader = Component$5;
|
|
9263
9262
|
|
|
9264
|
-
var styles$4 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-
|
|
9263
|
+
var styles$4 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_1lo75","mega-menu-main-header__main":"mg_mega_menu_main_header_mega-menu-main-header_main_1lo75","mega-menu-main-header__menu":"mg_mega_menu_main_header_mega-menu-main-header_menu_1lo75","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_1lo75","mega-menu-main-header__search-button":"mg_mega_menu_main_header_mega-menu-main-header_search-button_1lo75","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_1lo75"};
|
|
9265
9264
|
|
|
9266
9265
|
var Component$4 = function (_a) {
|
|
9267
9266
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
9268
9267
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
9269
9268
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
9270
|
-
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps;
|
|
9269
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps, selectCountry = _d.selectCountry;
|
|
9271
9270
|
var popoverRef = useMegaMenuJobs().popoverRef;
|
|
9272
9271
|
var listMenuUserProps = useLoggedInUser();
|
|
9273
9272
|
var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
@@ -9299,6 +9298,7 @@ var Component$4 = function (_a) {
|
|
|
9299
9298
|
LogoutHeaderMobileSearchbar,
|
|
9300
9299
|
LogoutHeaderMenuButton,
|
|
9301
9300
|
React.createElement("a", { href: homeUrl }, renderLogo),
|
|
9301
|
+
selectCountry && React.createElement(Select2, __assign({ haveTags: false, isMultiple: false }, selectCountry)),
|
|
9302
9302
|
React.createElement("div", { className: styles$4['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
9303
9303
|
React.createElement("div", { className: styles$4['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React.createElement(React.Fragment, null,
|
|
9304
9304
|
loginAction,
|
|
@@ -9632,7 +9632,7 @@ var SortBar = function (_a) {
|
|
|
9632
9632
|
React.createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
|
|
9633
9633
|
};
|
|
9634
9634
|
|
|
9635
|
-
var style$3 = {"magneto-ui-vacant-positions-layout":"mg_vacant_positions_magneto-ui-vacant-positions-
|
|
9635
|
+
var style$3 = {"magneto-ui-vacant-positions-layout":"mg_vacant_positions_magneto-ui-vacant-positions-layout_a7gay","magneto-ui-vacant-positions-layout-top-container":"mg_vacant_positions_magneto-ui-vacant-positions-layout-top-container_a7gay","magneto-ui-vacant-positions-layout-top-container__back-button":"mg_vacant_positions_magneto-ui-vacant-positions-layout-top-container_back-button_a7gay","magneto-ui-vacant-positions-layout-top-container--description":"mg_vacant_positions_magneto-ui-vacant-positions-layout-top-container--description_a7gay","magneto-ui-vacant-positions-layout-view-more-container":"mg_vacant_positions_magneto-ui-vacant-positions-layout-view-more-container_a7gay","magneto-ui-vacant-positions-layout-view-more-container__button":"mg_vacant_positions_magneto-ui-vacant-positions-layout-view-more-container_button_a7gay"};
|
|
9636
9636
|
|
|
9637
9637
|
var Muiclass = 'magneto-ui';
|
|
9638
9638
|
var VacantPositions = function (_a) {
|