magneto365.ui 2.50.4 → 2.51.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +365 -364
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +365 -365
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/index.d.ts +92 -64
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -4115,6 +4115,60 @@ var Component$1a = function (_a) {
|
|
|
4115
4115
|
*/
|
|
4116
4116
|
var Breadcrumb = Component$1a;
|
|
4117
4117
|
|
|
4118
|
+
var styles$13 = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4119
|
+
|
|
4120
|
+
var Component$19 = function (_a) {
|
|
4121
|
+
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4122
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$13['magneto-ui-button'], " ").concat(addHover ? styles$13['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4123
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] })),
|
|
4124
|
+
buttonText && React__default["default"].createElement("p", { className: styles$13['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4125
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] }))));
|
|
4126
|
+
};
|
|
4127
|
+
/**
|
|
4128
|
+
* UI Atom Component of Save Button
|
|
4129
|
+
*/
|
|
4130
|
+
var Button = Component$19;
|
|
4131
|
+
|
|
4132
|
+
var styles$12 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4133
|
+
|
|
4134
|
+
var nf = new Intl.NumberFormat('de-DE');
|
|
4135
|
+
var Component$18 = function (_a) {
|
|
4136
|
+
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4137
|
+
var currentHigherMax = React.useMemo(function () {
|
|
4138
|
+
return current > max;
|
|
4139
|
+
}, [current, max]);
|
|
4140
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$12["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$12['error-label'] : '') },
|
|
4141
|
+
nf.format(current),
|
|
4142
|
+
React__default["default"].createElement("span", null,
|
|
4143
|
+
" / ",
|
|
4144
|
+
nf.format(max))));
|
|
4145
|
+
};
|
|
4146
|
+
var ComparativeCounter = Component$18;
|
|
4147
|
+
|
|
4148
|
+
var styles$11 = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
4149
|
+
|
|
4150
|
+
var cx$e = classNames.bind(styles$11);
|
|
4151
|
+
var defaultCheck = function (_a) {
|
|
4152
|
+
var type = _a.type, checked = _a.checked;
|
|
4153
|
+
if (type === 'background')
|
|
4154
|
+
return;
|
|
4155
|
+
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$e('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
4156
|
+
};
|
|
4157
|
+
var Component$17 = function (_a) {
|
|
4158
|
+
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
4159
|
+
return (React__default["default"].createElement("label", { className: cx$e('checkbox', "checkbox--".concat(display), className, {
|
|
4160
|
+
'checkbox--checked': checked,
|
|
4161
|
+
'checkbox--background': type === 'background'
|
|
4162
|
+
}), "data-name": "checkbox-container", htmlFor: id },
|
|
4163
|
+
renderCheck({ checked: checked, type: type }),
|
|
4164
|
+
React__default["default"].createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
4165
|
+
var target = _a.target;
|
|
4166
|
+
return onChange(target.checked);
|
|
4167
|
+
}, type: "checkbox", id: id }, rest)),
|
|
4168
|
+
children));
|
|
4169
|
+
};
|
|
4170
|
+
var Checkbox = Component$17;
|
|
4171
|
+
|
|
4118
4172
|
var DateArray = /** @class */ (function () {
|
|
4119
4173
|
function DateArray(array) {
|
|
4120
4174
|
this.day = NaN;
|
|
@@ -4168,7 +4222,7 @@ var fixArrayDate = function (array) {
|
|
|
4168
4222
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4169
4223
|
};
|
|
4170
4224
|
|
|
4171
|
-
var styles$
|
|
4225
|
+
var styles$10 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
4172
4226
|
|
|
4173
4227
|
// placeholder to every input.
|
|
4174
4228
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4176,7 +4230,7 @@ var stringArraytoDate = function (array) {
|
|
|
4176
4230
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4177
4231
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4178
4232
|
};
|
|
4179
|
-
var Component$
|
|
4233
|
+
var Component$16 = function (_a) {
|
|
4180
4234
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
4181
4235
|
// Represent the value of every input field (there are 8 in total).
|
|
4182
4236
|
var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4279,30 +4333,30 @@ var Component$19 = function (_a) {
|
|
|
4279
4333
|
}
|
|
4280
4334
|
}, []);
|
|
4281
4335
|
return (React__default["default"].createElement("div", { className: [
|
|
4282
|
-
styles$
|
|
4336
|
+
styles$10['date-input'],
|
|
4283
4337
|
className,
|
|
4284
|
-
fit ? styles$
|
|
4285
|
-
hasError ? styles$
|
|
4338
|
+
fit ? styles$10['date-input--fit'] : '',
|
|
4339
|
+
hasError ? styles$10['date-input--error'] : ''
|
|
4286
4340
|
].join(' ') },
|
|
4287
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4341
|
+
React__default["default"].createElement("div", { className: styles$10['date-input__left'], onClick: function () {
|
|
4288
4342
|
var _a;
|
|
4289
4343
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4290
4344
|
} }),
|
|
4291
4345
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
4292
4346
|
[2, 4].includes(index) ? (
|
|
4293
4347
|
// include / separator in date (DD / MM / YYYY)
|
|
4294
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
4295
|
-
React__default["default"].createElement("input", { className: styles$
|
|
4296
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4348
|
+
React__default["default"].createElement("span", { className: [styles$10['date-input__separator'], value ? styles$10['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4349
|
+
React__default["default"].createElement("input", { className: styles$10['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
4350
|
+
React__default["default"].createElement("div", { className: styles$10['date-input__right'], onClick: function () {
|
|
4297
4351
|
var _a;
|
|
4298
4352
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4299
4353
|
} })));
|
|
4300
4354
|
};
|
|
4301
|
-
var DateInput = Component$
|
|
4355
|
+
var DateInput = Component$16;
|
|
4302
4356
|
|
|
4303
4357
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4304
4358
|
|
|
4305
|
-
var Component$
|
|
4359
|
+
var Component$15 = function (_a) {
|
|
4306
4360
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4307
4361
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4308
4362
|
return React__default["default"].createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
@@ -4310,21 +4364,21 @@ var Component$18 = function (_a) {
|
|
|
4310
4364
|
/**
|
|
4311
4365
|
* Atom UI Divider Component
|
|
4312
4366
|
*/
|
|
4313
|
-
var Divider = Component$
|
|
4367
|
+
var Divider = Component$15;
|
|
4314
4368
|
|
|
4315
|
-
var styles
|
|
4369
|
+
var styles$$ = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
|
|
4316
4370
|
|
|
4317
|
-
var Component$
|
|
4371
|
+
var Component$14 = function (_a) {
|
|
4318
4372
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
4319
4373
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4320
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles
|
|
4321
|
-
React__default["default"].createElement("p", null, tabText))) : (React__default["default"].createElement("a", { className: styles
|
|
4374
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$$.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4375
|
+
React__default["default"].createElement("p", null, tabText))) : (React__default["default"].createElement("a", { className: styles$$.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4322
4376
|
React__default["default"].createElement("p", null, tabText)))));
|
|
4323
4377
|
};
|
|
4324
4378
|
/**
|
|
4325
4379
|
* UI Atom component for HeaderTab
|
|
4326
4380
|
*/
|
|
4327
|
-
var HeaderTab = Component$
|
|
4381
|
+
var HeaderTab = Component$14;
|
|
4328
4382
|
|
|
4329
4383
|
var style$z = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
4330
4384
|
|
|
@@ -4343,94 +4397,94 @@ var InputSearch = function (_a) {
|
|
|
4343
4397
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4344
4398
|
};
|
|
4345
4399
|
|
|
4346
|
-
var styles$
|
|
4400
|
+
var styles$_ = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4347
4401
|
|
|
4348
|
-
var Component$
|
|
4402
|
+
var Component$13 = function (_a) {
|
|
4349
4403
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4350
4404
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4351
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4405
|
+
return (React__default["default"].createElement("div", { className: styles$_['magneto-ui-job-company-logo'] },
|
|
4352
4406
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4353
4407
|
}
|
|
4354
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4408
|
+
return React__default["default"].createElement("div", { className: styles$_['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4355
4409
|
};
|
|
4356
4410
|
/**
|
|
4357
4411
|
* UI Atom component of Company Logo
|
|
4358
4412
|
*/
|
|
4359
|
-
var JobCompanyLogo = Component$
|
|
4413
|
+
var JobCompanyLogo = Component$13;
|
|
4360
4414
|
|
|
4361
|
-
var styles$
|
|
4415
|
+
var styles$Z = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
4362
4416
|
|
|
4363
|
-
var Component$
|
|
4417
|
+
var Component$12 = function (_a) {
|
|
4364
4418
|
var title = _a.title, styles = _a.styles;
|
|
4365
4419
|
return React__default["default"].createElement("h1", { className: styles }, title && title);
|
|
4366
4420
|
};
|
|
4367
4421
|
/**
|
|
4368
4422
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4369
4423
|
*/
|
|
4370
|
-
var MainTitleJobDetails = Component$
|
|
4424
|
+
var MainTitleJobDetails = Component$12;
|
|
4371
4425
|
|
|
4372
|
-
var Component$
|
|
4426
|
+
var Component$11 = function (_a) {
|
|
4373
4427
|
var title = _a.title, styles = _a.styles;
|
|
4374
4428
|
return React__default["default"].createElement("p", { className: styles }, title && title);
|
|
4375
4429
|
};
|
|
4376
4430
|
/**
|
|
4377
4431
|
* UI Children P Component for JobDetailsDrawer
|
|
4378
4432
|
*/
|
|
4379
|
-
var SubTitleJobDetails = Component$
|
|
4433
|
+
var SubTitleJobDetails = Component$11;
|
|
4380
4434
|
|
|
4381
|
-
var Component$
|
|
4435
|
+
var Component$10 = function (_a) {
|
|
4382
4436
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4383
4437
|
var showCompanyName = React.useMemo(function () {
|
|
4384
4438
|
if (isHidden || !offerCompanyName)
|
|
4385
4439
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4386
4440
|
if (offerCompanyLink) {
|
|
4387
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4441
|
+
return (React__default["default"].createElement("a", { className: styles$Z['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4388
4442
|
}
|
|
4389
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
4443
|
+
return React__default["default"].createElement("h2", { className: styles$Z['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4390
4444
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4391
4445
|
var GenerateTitle = function () {
|
|
4392
4446
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4393
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
4394
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
4447
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4448
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4395
4449
|
};
|
|
4396
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4450
|
+
return (React__default["default"].createElement("div", { className: styles$Z['magneto-ui-job-header'] },
|
|
4397
4451
|
GenerateTitle(),
|
|
4398
4452
|
showCompanyName));
|
|
4399
4453
|
};
|
|
4400
4454
|
/**
|
|
4401
4455
|
* UI Atom component of Job Header
|
|
4402
4456
|
*/
|
|
4403
|
-
var JobHeader = Component$
|
|
4457
|
+
var JobHeader = Component$10;
|
|
4404
4458
|
|
|
4405
|
-
var styles
|
|
4459
|
+
var styles$Y = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4406
4460
|
|
|
4407
|
-
var Component
|
|
4461
|
+
var Component$$ = function (_a) {
|
|
4408
4462
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
4409
4463
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4410
|
-
return (React__default["default"].createElement("a", { className: styles
|
|
4464
|
+
return (React__default["default"].createElement("a", { className: styles$Y.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4411
4465
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4412
4466
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
4413
4467
|
};
|
|
4414
4468
|
/**
|
|
4415
4469
|
* Atomic UI component for Link
|
|
4416
4470
|
*/
|
|
4417
|
-
var Link = Component
|
|
4471
|
+
var Link = Component$$;
|
|
4418
4472
|
|
|
4419
|
-
var styles$
|
|
4473
|
+
var styles$X = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4420
4474
|
|
|
4421
|
-
var Component$
|
|
4475
|
+
var Component$_ = function (_a) {
|
|
4422
4476
|
var loadingIcon = _a.loadingIcon;
|
|
4423
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4477
|
+
return (React__default["default"].createElement("div", { className: styles$X.loadingComponent },
|
|
4424
4478
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
4425
4479
|
};
|
|
4426
4480
|
/**
|
|
4427
4481
|
* Atom UI component of loading icon for general purpose
|
|
4428
4482
|
*/
|
|
4429
|
-
var Loading = Component$
|
|
4483
|
+
var Loading = Component$_;
|
|
4430
4484
|
|
|
4431
4485
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4432
4486
|
|
|
4433
|
-
var Component$
|
|
4487
|
+
var Component$Z = function (_a) {
|
|
4434
4488
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
4435
4489
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4436
4490
|
var handleError = function () {
|
|
@@ -4442,11 +4496,11 @@ var Component$10 = function (_a) {
|
|
|
4442
4496
|
return null;
|
|
4443
4497
|
return (React__default["default"].createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4444
4498
|
};
|
|
4445
|
-
var LogoComponent = Component$
|
|
4499
|
+
var LogoComponent = Component$Z;
|
|
4446
4500
|
|
|
4447
|
-
var styles$
|
|
4501
|
+
var styles$W = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4448
4502
|
|
|
4449
|
-
var Component
|
|
4503
|
+
var Component$Y = function (_a) {
|
|
4450
4504
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
4451
4505
|
var stylesValue = React.useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4452
4506
|
var renderContent = function () {
|
|
@@ -4459,35 +4513,56 @@ var Component$$ = function (_a) {
|
|
|
4459
4513
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4460
4514
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
4461
4515
|
};
|
|
4462
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4516
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$W.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$W.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4463
4517
|
};
|
|
4464
4518
|
/**
|
|
4465
4519
|
* Atom UI component of button for general purpose
|
|
4466
4520
|
*/
|
|
4467
|
-
var MainButton = Component
|
|
4521
|
+
var MainButton = Component$Y;
|
|
4468
4522
|
|
|
4469
|
-
var styles$
|
|
4523
|
+
var styles$V = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4470
4524
|
|
|
4471
|
-
var
|
|
4525
|
+
var styles$U = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4526
|
+
|
|
4527
|
+
var Component$X = function (_a) {
|
|
4528
|
+
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4529
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$U['magneto-ui--search-item']), href: url },
|
|
4530
|
+
React__default["default"].createElement("p", { className: styles$U['magneto-ui--search-item__text'] }, tag),
|
|
4531
|
+
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4532
|
+
};
|
|
4533
|
+
/**
|
|
4534
|
+
* UI Atom component of Search Item
|
|
4535
|
+
*/
|
|
4536
|
+
var SearchItem = Component$X;
|
|
4537
|
+
|
|
4538
|
+
var MegaMenuTab = function (_a) {
|
|
4539
|
+
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4540
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4541
|
+
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4542
|
+
};
|
|
4543
|
+
|
|
4544
|
+
var styles$T = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
4545
|
+
|
|
4546
|
+
var Component$W = function (_a) {
|
|
4472
4547
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4473
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4548
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4474
4549
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4475
|
-
styles: styles$
|
|
4550
|
+
styles: styles$T,
|
|
4476
4551
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4477
4552
|
}) },
|
|
4478
4553
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4479
|
-
styles: styles$
|
|
4554
|
+
styles: styles$T,
|
|
4480
4555
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4481
4556
|
}) }, children))));
|
|
4482
4557
|
};
|
|
4483
4558
|
/**
|
|
4484
4559
|
* Atom UI child component of menu dropdown
|
|
4485
4560
|
*/
|
|
4486
|
-
var MenuDropdownList = Component$
|
|
4561
|
+
var MenuDropdownList = Component$W;
|
|
4487
4562
|
|
|
4488
|
-
var styles$
|
|
4563
|
+
var styles$S = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
4489
4564
|
|
|
4490
|
-
var Component$
|
|
4565
|
+
var Component$V = function (_a) {
|
|
4491
4566
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
4492
4567
|
var _e = React.useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4493
4568
|
var toggleOptions = React.useCallback(function () {
|
|
@@ -4502,13 +4577,13 @@ var Component$Z = function (_a) {
|
|
|
4502
4577
|
var handleButtonClick = React.useCallback(function (e) {
|
|
4503
4578
|
e.stopPropagation();
|
|
4504
4579
|
}, []);
|
|
4505
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4506
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4507
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4580
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4581
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__content'] }) },
|
|
4582
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__container'] }) },
|
|
4508
4583
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4509
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4584
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__title'] }) }, title),
|
|
4510
4585
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4511
|
-
styles: styles$
|
|
4586
|
+
styles: styles$S,
|
|
4512
4587
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4513
4588
|
}) },
|
|
4514
4589
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4518,7 +4593,7 @@ var Component$Z = function (_a) {
|
|
|
4518
4593
|
/**
|
|
4519
4594
|
* Atom UI component of menu dropdown
|
|
4520
4595
|
*/
|
|
4521
|
-
var MenuDropdown = Component$
|
|
4596
|
+
var MenuDropdown = Component$V;
|
|
4522
4597
|
|
|
4523
4598
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4524
4599
|
|
|
@@ -4531,7 +4606,7 @@ var MenuItem = function (_a) {
|
|
|
4531
4606
|
React__default["default"].createElement("p", null, text))));
|
|
4532
4607
|
};
|
|
4533
4608
|
|
|
4534
|
-
var styles$
|
|
4609
|
+
var styles$R = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
4535
4610
|
|
|
4536
4611
|
var MultiRangeSlider = function (_a) {
|
|
4537
4612
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -4589,36 +4664,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4589
4664
|
var handleMouseUpValues = React.useCallback(function () {
|
|
4590
4665
|
onChange({ min: minVal, max: maxVal });
|
|
4591
4666
|
}, [minVal, maxVal, onChange]);
|
|
4592
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4667
|
+
return (React__default["default"].createElement("div", { className: styles$R.container },
|
|
4593
4668
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4594
4669
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4595
4670
|
setMinVal(value);
|
|
4596
4671
|
event.target.value = value.toString();
|
|
4597
|
-
}, className: "\n ".concat(styles$
|
|
4672
|
+
}, className: "\n ".concat(styles$R.thumb, " \n ").concat(styles$R.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$R.zIndex_5 : '', "\n ") }),
|
|
4598
4673
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4599
4674
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4600
4675
|
setMaxVal(value);
|
|
4601
4676
|
event.target.value = value.toString();
|
|
4602
|
-
}, className: "".concat(styles$
|
|
4603
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
4604
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4605
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
4606
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
4607
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4608
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4677
|
+
}, className: "".concat(styles$R.thumb, " ").concat(styles$R.zIndex_4) }),
|
|
4678
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$R.slider },
|
|
4679
|
+
React__default["default"].createElement("div", { className: styles$R.track }),
|
|
4680
|
+
React__default["default"].createElement("div", { ref: range, className: styles$R.range }),
|
|
4681
|
+
showValues && (React__default["default"].createElement("div", { className: styles$R.values },
|
|
4682
|
+
React__default["default"].createElement("div", { className: styles$R.left_value }, hasCurrency),
|
|
4683
|
+
React__default["default"].createElement("div", { className: styles$R.right_value }, maxVal.toLocaleString()))))));
|
|
4609
4684
|
};
|
|
4610
4685
|
|
|
4611
|
-
var styles$
|
|
4686
|
+
var styles$Q = {"content":"mg_paragraph_content_1mtnz"};
|
|
4612
4687
|
|
|
4613
|
-
var Component$
|
|
4688
|
+
var Component$U = function (_a) {
|
|
4614
4689
|
var paragraph = _a.paragraph;
|
|
4615
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
4690
|
+
return React__default["default"].createElement("p", { className: styles$Q.content }, paragraph);
|
|
4616
4691
|
};
|
|
4617
|
-
var Paragraph = React.memo(Component$
|
|
4692
|
+
var Paragraph = React.memo(Component$U);
|
|
4618
4693
|
|
|
4619
4694
|
var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
4620
4695
|
|
|
4621
|
-
var Component$
|
|
4696
|
+
var Component$T = function (_a) {
|
|
4622
4697
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
4623
4698
|
var showMenu = show ? 'show' : 'hidden';
|
|
4624
4699
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4640,7 +4715,7 @@ var Component$X = function (_a) {
|
|
|
4640
4715
|
* Atom Ui component of popover
|
|
4641
4716
|
*
|
|
4642
4717
|
*/
|
|
4643
|
-
var Popover = Component$
|
|
4718
|
+
var Popover = Component$T;
|
|
4644
4719
|
|
|
4645
4720
|
exports.ERadioType = void 0;
|
|
4646
4721
|
(function (ERadioType) {
|
|
@@ -4648,12 +4723,12 @@ exports.ERadioType = void 0;
|
|
|
4648
4723
|
ERadioType["button"] = "button";
|
|
4649
4724
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
4650
4725
|
|
|
4651
|
-
var styles$
|
|
4726
|
+
var styles$P = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
4652
4727
|
|
|
4653
|
-
var Component$
|
|
4728
|
+
var Component$S = function (_a) {
|
|
4654
4729
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
4655
4730
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
4656
|
-
styles: styles$
|
|
4731
|
+
styles: styles$P,
|
|
4657
4732
|
cls: [
|
|
4658
4733
|
'radio-button',
|
|
4659
4734
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4663,34 +4738,34 @@ var Component$W = function (_a) {
|
|
|
4663
4738
|
}), htmlFor: id },
|
|
4664
4739
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4665
4740
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4666
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4741
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$P, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4667
4742
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4668
4743
|
};
|
|
4669
4744
|
/**
|
|
4670
4745
|
* Atom UI component of radio button
|
|
4671
4746
|
*/
|
|
4672
|
-
var RadioButton = Component$
|
|
4747
|
+
var RadioButton = Component$S;
|
|
4673
4748
|
|
|
4674
|
-
var styles$
|
|
4749
|
+
var styles$O = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
4675
4750
|
|
|
4676
|
-
var Component$
|
|
4751
|
+
var Component$R = function (_a) {
|
|
4677
4752
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
4678
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
4753
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$O, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4679
4754
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4680
4755
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4681
|
-
styles: styles$
|
|
4756
|
+
styles: styles$O,
|
|
4682
4757
|
cls: [
|
|
4683
4758
|
'radio-default__indicator',
|
|
4684
4759
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4685
4760
|
indicatorClassName
|
|
4686
4761
|
]
|
|
4687
4762
|
}) }),
|
|
4688
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4763
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$O, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4689
4764
|
};
|
|
4690
4765
|
/**
|
|
4691
4766
|
* Molecule UI component for radio default
|
|
4692
4767
|
*/
|
|
4693
|
-
var RadioDefault = Component$
|
|
4768
|
+
var RadioDefault = Component$R;
|
|
4694
4769
|
|
|
4695
4770
|
var _a;
|
|
4696
4771
|
var radioTypes = (_a = {},
|
|
@@ -4699,7 +4774,7 @@ var radioTypes = (_a = {},
|
|
|
4699
4774
|
_a);
|
|
4700
4775
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4701
4776
|
|
|
4702
|
-
var Component$
|
|
4777
|
+
var Component$Q = function (_a) {
|
|
4703
4778
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4704
4779
|
var RadioType = React.useMemo(function () { return getRadioComponent(exports.ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4705
4780
|
if (!RadioType)
|
|
@@ -4709,52 +4784,39 @@ var Component$U = function (_a) {
|
|
|
4709
4784
|
/**
|
|
4710
4785
|
* Atom UI component of radio
|
|
4711
4786
|
*/
|
|
4712
|
-
var Radio = Component$
|
|
4787
|
+
var Radio = Component$Q;
|
|
4713
4788
|
|
|
4714
|
-
var styles$
|
|
4789
|
+
var styles$N = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
4715
4790
|
|
|
4716
|
-
var Component$
|
|
4791
|
+
var Component$P = function (_a) {
|
|
4717
4792
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4718
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4719
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4793
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$N['magneto-ui-save-button'], " ").concat(addHover && styles$N['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4794
|
+
React__default["default"].createElement("div", { className: styles$N['button-content'] },
|
|
4720
4795
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4721
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4796
|
+
buttonText && React__default["default"].createElement("p", { className: styles$N['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4722
4797
|
};
|
|
4723
4798
|
/**
|
|
4724
4799
|
* UI Atom Component of Save Button
|
|
4725
4800
|
*/
|
|
4726
|
-
var SaveButton = Component$
|
|
4727
|
-
|
|
4728
|
-
var styles$R = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4729
|
-
|
|
4730
|
-
var Component$S = function (_a) {
|
|
4731
|
-
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4732
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$R['magneto-ui--search-item']), href: url },
|
|
4733
|
-
React__default["default"].createElement("p", { className: styles$R['magneto-ui--search-item__text'] }, tag),
|
|
4734
|
-
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4735
|
-
};
|
|
4736
|
-
/**
|
|
4737
|
-
* UI Atom component of Search Item
|
|
4738
|
-
*/
|
|
4739
|
-
var SearchItem = Component$S;
|
|
4801
|
+
var SaveButton = Component$P;
|
|
4740
4802
|
|
|
4741
|
-
var styles$
|
|
4803
|
+
var styles$M = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4742
4804
|
|
|
4743
|
-
var Component$
|
|
4805
|
+
var Component$O = function (_a) {
|
|
4744
4806
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4745
4807
|
var handleCopyClick = function () {
|
|
4746
4808
|
if (detailUrl) {
|
|
4747
4809
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4748
4810
|
}
|
|
4749
4811
|
};
|
|
4750
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4751
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4812
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$M['magneto-ui-share-button'], " ").concat(addHover && styles$M['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4813
|
+
React__default["default"].createElement("div", { className: styles$M['button-content'] },
|
|
4752
4814
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4753
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4815
|
+
buttonText && React__default["default"].createElement("p", { className: styles$M['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4754
4816
|
};
|
|
4755
|
-
var ShareButton = Component$
|
|
4817
|
+
var ShareButton = Component$O;
|
|
4756
4818
|
|
|
4757
|
-
var styles$
|
|
4819
|
+
var styles$L = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
4758
4820
|
|
|
4759
4821
|
var Switch = function (_a) {
|
|
4760
4822
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -4768,10 +4830,10 @@ var Switch = function (_a) {
|
|
|
4768
4830
|
setChecked(function (state) { return !state; });
|
|
4769
4831
|
setIsActive(!isActive);
|
|
4770
4832
|
}, [isDisabled, setIsActive, isActive]);
|
|
4771
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4772
|
-
React__default["default"].createElement("label", { className: styles$
|
|
4833
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$L['magneto-ui-switch_container'], " ").concat(className) },
|
|
4834
|
+
React__default["default"].createElement("label", { className: styles$L['magneto-ui-switch'] },
|
|
4773
4835
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4774
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
4836
|
+
React__default["default"].createElement("span", { className: "".concat(styles$L['magneto-ui-slider'], " ").concat(styles$L['magneto-ui-round']) })),
|
|
4775
4837
|
title && React__default["default"].createElement("p", null, title)));
|
|
4776
4838
|
};
|
|
4777
4839
|
|
|
@@ -4784,9 +4846,9 @@ var Tags = function (_a) {
|
|
|
4784
4846
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4785
4847
|
};
|
|
4786
4848
|
|
|
4787
|
-
var styles$
|
|
4849
|
+
var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_nfgc1","toggle-button-selected":"mg_toggle_button_toggle-button-selected_nfgc1"};
|
|
4788
4850
|
|
|
4789
|
-
var Component$
|
|
4851
|
+
var Component$N = function (_a) {
|
|
4790
4852
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? 'blue' : _b, onChange = _a.onChange, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _c = _a.baseColor, baseColor = _c === void 0 ? 'transparent' : _c;
|
|
4791
4853
|
var _d = React.useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
4792
4854
|
var isColorDark = function (color) {
|
|
@@ -4820,18 +4882,18 @@ var Component$Q = function (_a) {
|
|
|
4820
4882
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4821
4883
|
};
|
|
4822
4884
|
}, [baseColor, color, currentSelect, isSelected]);
|
|
4823
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4885
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(isSelected || currentSelect ? styles$K['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" }, name));
|
|
4824
4886
|
};
|
|
4825
|
-
var ToggleButton = Component$
|
|
4887
|
+
var ToggleButton = Component$N;
|
|
4826
4888
|
|
|
4827
|
-
var styles$
|
|
4889
|
+
var styles$J = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4828
4890
|
|
|
4829
|
-
var Component$
|
|
4891
|
+
var Component$M = function (_a) {
|
|
4830
4892
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4831
4893
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4832
4894
|
sm: null
|
|
4833
4895
|
});
|
|
4834
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
4896
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$J, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4835
4897
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4836
4898
|
userInfo,
|
|
4837
4899
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4839,45 +4901,7 @@ var Component$P = function (_a) {
|
|
|
4839
4901
|
/**
|
|
4840
4902
|
* Atom UI component of user menu button analyst
|
|
4841
4903
|
*/
|
|
4842
|
-
var UserMenuButtonAnalyst = Component$
|
|
4843
|
-
|
|
4844
|
-
var styles$M = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4845
|
-
|
|
4846
|
-
var nf = new Intl.NumberFormat('de-DE');
|
|
4847
|
-
var Component$O = function (_a) {
|
|
4848
|
-
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4849
|
-
var currentHigherMax = React.useMemo(function () {
|
|
4850
|
-
return current > max;
|
|
4851
|
-
}, [current, max]);
|
|
4852
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$M["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$M['error-label'] : '') },
|
|
4853
|
-
nf.format(current),
|
|
4854
|
-
React__default["default"].createElement("span", null,
|
|
4855
|
-
" / ",
|
|
4856
|
-
nf.format(max))));
|
|
4857
|
-
};
|
|
4858
|
-
var ComparativeCounter = Component$O;
|
|
4859
|
-
|
|
4860
|
-
var styles$L = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4861
|
-
|
|
4862
|
-
var MegaMenuTab = function (_a) {
|
|
4863
|
-
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4864
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4865
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4866
|
-
};
|
|
4867
|
-
|
|
4868
|
-
var styles$K = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4869
|
-
|
|
4870
|
-
var Component$N = function (_a) {
|
|
4871
|
-
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4872
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$K['magneto-ui-button'], " ").concat(addHover ? styles$K['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4873
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] })),
|
|
4874
|
-
buttonText && React__default["default"].createElement("p", { className: styles$K['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4875
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] }))));
|
|
4876
|
-
};
|
|
4877
|
-
/**
|
|
4878
|
-
* UI Atom Component of Save Button
|
|
4879
|
-
*/
|
|
4880
|
-
var Button = Component$N;
|
|
4904
|
+
var UserMenuButtonAnalyst = Component$M;
|
|
4881
4905
|
|
|
4882
4906
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
4883
4907
|
|
|
@@ -4905,7 +4929,7 @@ var BrandMenu = function (_a) {
|
|
|
4905
4929
|
|
|
4906
4930
|
var style$t = {};
|
|
4907
4931
|
|
|
4908
|
-
var Component$
|
|
4932
|
+
var Component$L = function (_a) {
|
|
4909
4933
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4910
4934
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4911
4935
|
var DatePickerComponent = useMediaQuery(React__default["default"].createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -4913,11 +4937,11 @@ var Component$M = function (_a) {
|
|
|
4913
4937
|
});
|
|
4914
4938
|
return React__default["default"].createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
|
|
4915
4939
|
};
|
|
4916
|
-
var DatePickerResponsiveComponent = Component$
|
|
4940
|
+
var DatePickerResponsiveComponent = Component$L;
|
|
4917
4941
|
|
|
4918
4942
|
var style$s = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
|
|
4919
4943
|
|
|
4920
|
-
var Component$
|
|
4944
|
+
var Component$K = function (_a) {
|
|
4921
4945
|
var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
4922
4946
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
4923
4947
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -4936,9 +4960,9 @@ var Component$L = function (_a) {
|
|
|
4936
4960
|
React__default["default"].createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4937
4961
|
React__default["default"].createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
4938
4962
|
};
|
|
4939
|
-
var DrawerMenu = Component$
|
|
4963
|
+
var DrawerMenu = Component$K;
|
|
4940
4964
|
|
|
4941
|
-
var styles$
|
|
4965
|
+
var styles$I = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
4942
4966
|
|
|
4943
4967
|
var FilterCard = function (_a) {
|
|
4944
4968
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -4958,18 +4982,18 @@ var FilterCard = function (_a) {
|
|
|
4958
4982
|
}, [values, setOptions]);
|
|
4959
4983
|
if (!values.length)
|
|
4960
4984
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4961
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$
|
|
4962
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4985
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$I['magneto-ui-filter-card'], " ").concat(hasSearch && styles$I.hasSearch) },
|
|
4986
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui-filter-card_header'] },
|
|
4963
4987
|
React__default["default"].createElement("p", null, label),
|
|
4964
4988
|
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4965
4989
|
hasSearch && (React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4966
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4990
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4967
4991
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4968
4992
|
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4969
4993
|
}))));
|
|
4970
4994
|
};
|
|
4971
4995
|
|
|
4972
|
-
var styles$
|
|
4996
|
+
var styles$H = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
4973
4997
|
|
|
4974
4998
|
var FilterHeader = function (_a) {
|
|
4975
4999
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4978,28 +5002,28 @@ var FilterHeader = function (_a) {
|
|
|
4978
5002
|
buttonText: buttonText,
|
|
4979
5003
|
title: buttonText,
|
|
4980
5004
|
iconProps: { icon: Broom, size: 18 },
|
|
4981
|
-
className: styles$
|
|
5005
|
+
className: styles$H['magneto-ui-filter-header_btn'],
|
|
4982
5006
|
disabled: !totalApplied,
|
|
4983
5007
|
onClick: function () { return clearFilters(); }
|
|
4984
5008
|
};
|
|
4985
5009
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4986
5010
|
var displayBtnClear = React.useMemo(function () {
|
|
4987
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5011
|
+
return (React__default["default"].createElement("div", { className: styles$H['magneto-ui-filter-header_clean'] },
|
|
4988
5012
|
React__default["default"].createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4989
|
-
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$
|
|
5013
|
+
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$H.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4990
5014
|
}, [totalApplied, mainBtnProps]);
|
|
4991
5015
|
var displayFilterSummary = React.useMemo(function () {
|
|
4992
|
-
return React__default["default"].createElement("span", { className: styles$
|
|
5016
|
+
return React__default["default"].createElement("span", { className: styles$H['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4993
5017
|
}, [filterSummary]);
|
|
4994
|
-
return (React__default["default"].createElement("article", { className: styles$
|
|
4995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5018
|
+
return (React__default["default"].createElement("article", { className: styles$H['magneto-ui-filter-header'] },
|
|
5019
|
+
React__default["default"].createElement("div", { className: styles$H['magneto-ui-filter-header_title'] },
|
|
4996
5020
|
React__default["default"].createElement("p", null, title),
|
|
4997
5021
|
displayBtnClear),
|
|
4998
5022
|
switchText && (React__default["default"].createElement(Switch
|
|
4999
5023
|
//TODO: review isActive, setIsActive
|
|
5000
5024
|
, {
|
|
5001
5025
|
//TODO: review isActive, setIsActive
|
|
5002
|
-
title: switchText, className: styles$
|
|
5026
|
+
title: switchText, className: styles$H['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
5003
5027
|
displayFilterSummary));
|
|
5004
5028
|
};
|
|
5005
5029
|
|
|
@@ -5059,9 +5083,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5059
5083
|
return React__default["default"].createElement(React__default["default"].Fragment, null, footerMenuResponsive);
|
|
5060
5084
|
};
|
|
5061
5085
|
|
|
5062
|
-
var styles$
|
|
5086
|
+
var styles$G = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
|
|
5063
5087
|
|
|
5064
|
-
var Component$
|
|
5088
|
+
var Component$J = function (_a) {
|
|
5065
5089
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
5066
5090
|
var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
5067
5091
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -5071,26 +5095,26 @@ var Component$K = function (_a) {
|
|
|
5071
5095
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React__default["default"].createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
5072
5096
|
sm: null
|
|
5073
5097
|
});
|
|
5074
|
-
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
5075
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5076
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5098
|
+
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$G, cls: ['header-analyst', className] }) },
|
|
5099
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) },
|
|
5100
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__main-menu'] }) },
|
|
5077
5101
|
React__default["default"].createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5078
5102
|
headerLogo),
|
|
5079
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5103
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__user-menu'] }) },
|
|
5080
5104
|
userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5081
5105
|
React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5082
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5106
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5083
5107
|
};
|
|
5084
5108
|
/**
|
|
5085
5109
|
* Organism UI component of header analyst
|
|
5086
5110
|
*/
|
|
5087
|
-
var HeaderAnalyst = Component$
|
|
5111
|
+
var HeaderAnalyst = Component$J;
|
|
5088
5112
|
|
|
5089
|
-
var styles$
|
|
5113
|
+
var styles$F = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5090
5114
|
|
|
5091
5115
|
var style$o = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
5092
5116
|
|
|
5093
|
-
var Component$
|
|
5117
|
+
var Component$I = function () {
|
|
5094
5118
|
var skeletonCard = (React__default["default"].createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5095
5119
|
React__default["default"].createElement("span", { className: style$o.skeleton }),
|
|
5096
5120
|
React__default["default"].createElement("span", { className: style$o.skeleton }),
|
|
@@ -5114,9 +5138,9 @@ var Component$J = function () {
|
|
|
5114
5138
|
/**
|
|
5115
5139
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
5116
5140
|
*/
|
|
5117
|
-
var JobDetailsSkeleton = Component$
|
|
5141
|
+
var JobDetailsSkeleton = Component$I;
|
|
5118
5142
|
|
|
5119
|
-
var styles$
|
|
5143
|
+
var styles$E = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
5120
5144
|
|
|
5121
5145
|
var SimilarJobs = function (_a) {
|
|
5122
5146
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5124,8 +5148,8 @@ var SimilarJobs = function (_a) {
|
|
|
5124
5148
|
var pageExists = false;
|
|
5125
5149
|
if (similarJobsCard.length <= 0)
|
|
5126
5150
|
return null;
|
|
5127
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5128
|
-
React__default["default"].createElement("h3", { className: "".concat(styles$
|
|
5151
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5152
|
+
React__default["default"].createElement("h3", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5129
5153
|
similarJobsCard.map(function (_a) {
|
|
5130
5154
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5131
5155
|
return (React__default["default"].createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5133,7 +5157,7 @@ var SimilarJobs = function (_a) {
|
|
|
5133
5157
|
pageExists ));
|
|
5134
5158
|
};
|
|
5135
5159
|
|
|
5136
|
-
var Component$
|
|
5160
|
+
var Component$H = function (_a) {
|
|
5137
5161
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5138
5162
|
var jobDetailsRef = React.useRef(null);
|
|
5139
5163
|
React.useEffect(function () {
|
|
@@ -5144,11 +5168,11 @@ var Component$I = function (_a) {
|
|
|
5144
5168
|
if (isLoading)
|
|
5145
5169
|
return React__default["default"].createElement(JobDetailsSkeleton, null);
|
|
5146
5170
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
5147
|
-
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$
|
|
5148
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5171
|
+
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$F.JobDetailsDrawerComponent },
|
|
5172
|
+
React__default["default"].createElement("div", { className: styles$F['JobHeaderCardWrapper'] },
|
|
5149
5173
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5150
5174
|
React__default["default"].createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
5151
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5175
|
+
React__default["default"].createElement("div", { className: styles$F['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5152
5176
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5153
5177
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5154
5178
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5161,11 +5185,11 @@ var Component$I = function (_a) {
|
|
|
5161
5185
|
/**
|
|
5162
5186
|
* UI Organism Component for JobDetailsDrawer
|
|
5163
5187
|
*/
|
|
5164
|
-
var JobDetailsDrawer = Component$
|
|
5188
|
+
var JobDetailsDrawer = Component$H;
|
|
5165
5189
|
|
|
5166
|
-
var styles$
|
|
5190
|
+
var styles$D = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
5167
5191
|
|
|
5168
|
-
var Component$
|
|
5192
|
+
var Component$G = function (_a) {
|
|
5169
5193
|
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;
|
|
5170
5194
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
5171
5195
|
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -5197,28 +5221,28 @@ var Component$H = function (_a) {
|
|
|
5197
5221
|
var loginHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5198
5222
|
md: null
|
|
5199
5223
|
});
|
|
5200
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5224
|
+
return (React__default["default"].createElement("header", { className: styles$D.LoginHeaderComponent },
|
|
5201
5225
|
loginHeaderMobileSearchbar,
|
|
5202
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5203
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5204
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5226
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-first-row'] }),
|
|
5227
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-second-row'] },
|
|
5228
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-left-section'] },
|
|
5205
5229
|
loginHeaderMenuButton,
|
|
5206
5230
|
React__default["default"].createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5207
5231
|
loginHeaderMobileSearchbarButton),
|
|
5208
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5209
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5232
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5233
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-user-section'] },
|
|
5210
5234
|
loginHeaderOptionTabs,
|
|
5211
5235
|
loginHeaderPopover)),
|
|
5212
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5236
|
+
React__default["default"].createElement("div", { className: styles$D['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5213
5237
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5214
5238
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5215
5239
|
};
|
|
5216
5240
|
/**
|
|
5217
5241
|
* UI Organism Component for LoginHeader
|
|
5218
5242
|
*/
|
|
5219
|
-
var LoginHeader = Component$
|
|
5243
|
+
var LoginHeader = Component$G;
|
|
5220
5244
|
|
|
5221
|
-
var styles$
|
|
5245
|
+
var styles$C = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
5222
5246
|
|
|
5223
5247
|
var Muiclass$3 = 'magneto-ui';
|
|
5224
5248
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5228,7 +5252,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5228
5252
|
var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5229
5253
|
var _d = React.useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5230
5254
|
var haveGif = React.useMemo(function () {
|
|
5231
|
-
return gif ? styles$
|
|
5255
|
+
return gif ? styles$C['have-gif'] : '';
|
|
5232
5256
|
}, [gif]);
|
|
5233
5257
|
var toggleSearchBar = function () {
|
|
5234
5258
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5256,30 +5280,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
5256
5280
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5257
5281
|
md: null
|
|
5258
5282
|
});
|
|
5259
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5283
|
+
return (React__default["default"].createElement("header", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5260
5284
|
LogoutHeaderMobileSearchbar,
|
|
5261
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5262
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5285
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5286
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5263
5287
|
LoginHeaderMenuButton,
|
|
5264
5288
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5265
5289
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5266
5290
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5267
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5268
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5291
|
+
React__default["default"].createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5292
|
+
gif && (React__default["default"].createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5269
5293
|
LogoutHeaderMobileSearchbarButton),
|
|
5270
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5271
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5294
|
+
React__default["default"].createElement("div", { className: "".concat(styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5295
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5272
5296
|
!gif && loginHeaderOptionTabs,
|
|
5273
5297
|
" ",
|
|
5274
5298
|
loginHeaderPopover)),
|
|
5275
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5299
|
+
React__default["default"].createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5276
5300
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5277
5301
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5278
5302
|
};
|
|
5279
5303
|
|
|
5280
|
-
var styles$
|
|
5304
|
+
var styles$B = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
5281
5305
|
|
|
5282
|
-
var Component$
|
|
5306
|
+
var Component$F = function (_a) {
|
|
5283
5307
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
5284
5308
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
5285
5309
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -5322,29 +5346,29 @@ var Component$G = function (_a) {
|
|
|
5322
5346
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5323
5347
|
md: null
|
|
5324
5348
|
});
|
|
5325
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5349
|
+
return (React__default["default"].createElement("header", { className: styles$B.LogoutHeaderComponent },
|
|
5326
5350
|
LogoutHeaderMobileSearchbar,
|
|
5327
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5328
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5329
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5351
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5352
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-second-row'] },
|
|
5353
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-left-section'] },
|
|
5330
5354
|
LogoutHeaderMenuButton,
|
|
5331
5355
|
React__default["default"].createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5332
5356
|
LogoutHeaderMobileSearchbarButton),
|
|
5333
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5357
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-middle-section'] },
|
|
5334
5358
|
LogoutHeaderSearchbar,
|
|
5335
5359
|
" ",
|
|
5336
5360
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5337
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5361
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-right-section'] },
|
|
5338
5362
|
LogoutHeaderLinkSignIn,
|
|
5339
5363
|
LogoutHeaderButtonSignUp)),
|
|
5340
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5364
|
+
React__default["default"].createElement("div", { className: styles$B['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5341
5365
|
};
|
|
5342
5366
|
/**
|
|
5343
5367
|
* UI Header Organisim for 1024 resolution/size
|
|
5344
5368
|
*/
|
|
5345
|
-
var LogoutHeader = Component$
|
|
5369
|
+
var LogoutHeader = Component$F;
|
|
5346
5370
|
|
|
5347
|
-
var styles$
|
|
5371
|
+
var styles$A = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
5348
5372
|
|
|
5349
5373
|
var Muiclass$2 = 'magneto-ui';
|
|
5350
5374
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5375,24 +5399,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5375
5399
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5376
5400
|
md: null
|
|
5377
5401
|
});
|
|
5378
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5402
|
+
return (React__default["default"].createElement("header", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5379
5403
|
LogoutHeaderMobileSearchbar,
|
|
5380
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5381
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5404
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5405
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5382
5406
|
LogoutHeaderMenuButton,
|
|
5383
5407
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5384
5408
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5385
5409
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5386
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5387
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5410
|
+
React__default["default"].createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5411
|
+
gif && (React__default["default"].createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5388
5412
|
LogoutHeaderMobileSearchbarButton),
|
|
5389
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5413
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5390
5414
|
LogoutHeaderSearchbar,
|
|
5391
5415
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5392
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5416
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5393
5417
|
LogoutHeaderLinkSignIn,
|
|
5394
5418
|
LogoutHeaderButtonSignUp)),
|
|
5395
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5419
|
+
React__default["default"].createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5396
5420
|
};
|
|
5397
5421
|
|
|
5398
5422
|
var style$n = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -5424,28 +5448,28 @@ var MegaMenuCards = function (_a) {
|
|
|
5424
5448
|
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
|
|
5425
5449
|
};
|
|
5426
5450
|
|
|
5427
|
-
var styles$
|
|
5451
|
+
var styles$z = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5428
5452
|
|
|
5429
|
-
var Component$
|
|
5453
|
+
var Component$E = function (_a) {
|
|
5430
5454
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5431
5455
|
var handleOptionClick = function (optionValue) {
|
|
5432
5456
|
handleOnClick(optionValue);
|
|
5433
5457
|
};
|
|
5434
5458
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5435
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5436
|
-
React__default["default"].createElement("ul", { className: styles$
|
|
5459
|
+
return (React__default["default"].createElement("div", { className: styles$z['magneto-ui--date-options'] },
|
|
5460
|
+
React__default["default"].createElement("ul", { className: styles$z['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5437
5461
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5438
|
-
return (React__default["default"].createElement("li", { className: "".concat(styles$
|
|
5462
|
+
return (React__default["default"].createElement("li", { className: "".concat(styles$z['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$z['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5439
5463
|
}))));
|
|
5440
5464
|
};
|
|
5441
5465
|
/**
|
|
5442
5466
|
* UI Atom component of Date Option
|
|
5443
5467
|
*/
|
|
5444
|
-
var DateOptions = Component$
|
|
5468
|
+
var DateOptions = Component$E;
|
|
5445
5469
|
|
|
5446
|
-
var styles$
|
|
5470
|
+
var styles$y = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5447
5471
|
|
|
5448
|
-
var Component$
|
|
5472
|
+
var Component$D = function (_a) {
|
|
5449
5473
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
5450
5474
|
var _b = React.useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5451
5475
|
var _c = React.useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5467,23 +5491,23 @@ var Component$E = function (_a) {
|
|
|
5467
5491
|
setInitialSelectedOption(null);
|
|
5468
5492
|
}
|
|
5469
5493
|
}, [disabled]);
|
|
5470
|
-
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5471
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5494
|
+
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$y['magneto-ui--date-selection'] },
|
|
5495
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--date-selection__header'] },
|
|
5472
5496
|
React__default["default"].createElement("h2", null, selectionHeader)),
|
|
5473
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5497
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--date-selection__options'] },
|
|
5474
5498
|
React__default["default"].createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5475
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5476
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5477
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5499
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--date-selection__btn--wrapper'] },
|
|
5500
|
+
React__default["default"].createElement("button", { className: styles$y['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5501
|
+
React__default["default"].createElement("button", { className: styles$y['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5478
5502
|
};
|
|
5479
|
-
var DateSelection = Component$
|
|
5503
|
+
var DateSelection = Component$D;
|
|
5480
5504
|
|
|
5481
|
-
var styles$
|
|
5505
|
+
var styles$x = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5482
5506
|
|
|
5483
5507
|
var defaultValue = function (value) {
|
|
5484
5508
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5485
5509
|
};
|
|
5486
|
-
var Component$
|
|
5510
|
+
var Component$C = function (_a) {
|
|
5487
5511
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
5488
5512
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5489
5513
|
var valueClass = '-value';
|
|
@@ -5548,41 +5572,41 @@ var Component$D = function (_a) {
|
|
|
5548
5572
|
}
|
|
5549
5573
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5550
5574
|
}, [disabled]);
|
|
5551
|
-
return (React__default["default"].createElement("section", { className: styles$
|
|
5552
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5553
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5554
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5555
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5556
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5575
|
+
return (React__default["default"].createElement("section", { className: styles$x['magneto-ui--mobile-date-picker'] },
|
|
5576
|
+
React__default["default"].createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5577
|
+
React__default["default"].createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
|
|
5578
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5579
|
+
React__default["default"].createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5580
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
|
|
5557
5581
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5558
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5559
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5560
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5561
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5562
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5582
|
+
React__default["default"].createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5583
|
+
React__default["default"].createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
|
|
5584
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5585
|
+
React__default["default"].createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5586
|
+
React__default["default"].createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
|
|
5563
5587
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5564
5588
|
};
|
|
5565
|
-
var MobileDatePicker = Component$
|
|
5589
|
+
var MobileDatePicker = Component$C;
|
|
5566
5590
|
|
|
5567
|
-
var Component$
|
|
5591
|
+
var Component$B = function (_a) {
|
|
5568
5592
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5569
5593
|
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5570
5594
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5571
5595
|
};
|
|
5572
|
-
var MobileDrawerMenu = Component$
|
|
5596
|
+
var MobileDrawerMenu = Component$B;
|
|
5573
5597
|
|
|
5574
|
-
var styles$
|
|
5598
|
+
var styles$w = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5575
5599
|
|
|
5576
|
-
var Component$
|
|
5600
|
+
var Component$A = function (_a) {
|
|
5577
5601
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5578
5602
|
var _b = React.useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5579
5603
|
var onOpenClick = function () {
|
|
5580
5604
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5581
5605
|
};
|
|
5582
|
-
var showButtonContainer = onClose ? styles$
|
|
5583
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5584
|
-
React__default["default"].createElement("div", { id: styles$
|
|
5585
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5606
|
+
var showButtonContainer = onClose ? styles$w['showContainer'] : styles$w['hideContainer'];
|
|
5607
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$w.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5608
|
+
React__default["default"].createElement("div", { id: styles$w['magneto-ui__external-child'] }, externalButtonChild),
|
|
5609
|
+
React__default["default"].createElement("div", { className: styles$w['DrawerButtonWrapper'] },
|
|
5586
5610
|
React__default["default"].createElement("button", { type: "button", onClick: onOpenClick },
|
|
5587
5611
|
React__default["default"].createElement(IconItem, { icon: More, hover: false }))),
|
|
5588
5612
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5591,11 +5615,11 @@ var Component$B = function (_a) {
|
|
|
5591
5615
|
/**
|
|
5592
5616
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5593
5617
|
*/
|
|
5594
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5618
|
+
var MobileJobDetailsActionsBar = Component$A;
|
|
5595
5619
|
|
|
5596
5620
|
var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
|
|
5597
5621
|
|
|
5598
|
-
var Component$
|
|
5622
|
+
var Component$z = function () {
|
|
5599
5623
|
var skeletonCard = (React__default["default"].createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5600
5624
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
5601
5625
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
@@ -5619,7 +5643,7 @@ var Component$A = function () {
|
|
|
5619
5643
|
/**
|
|
5620
5644
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5621
5645
|
*/
|
|
5622
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5646
|
+
var MobileJobDetailsDrawerSkeleton = Component$z;
|
|
5623
5647
|
|
|
5624
5648
|
var SwipeMode;
|
|
5625
5649
|
(function (SwipeMode) {
|
|
@@ -5689,7 +5713,7 @@ var Swipe = function (_a) {
|
|
|
5689
5713
|
} }))));
|
|
5690
5714
|
};
|
|
5691
5715
|
|
|
5692
|
-
var Component$
|
|
5716
|
+
var Component$y = function (_a) {
|
|
5693
5717
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5694
5718
|
var handleClose = React.useCallback(function () {
|
|
5695
5719
|
if (onClose) {
|
|
@@ -5738,7 +5762,7 @@ var Component$z = function (_a) {
|
|
|
5738
5762
|
/**
|
|
5739
5763
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5740
5764
|
*/
|
|
5741
|
-
var MobileJobDetailsDrawer = Component$
|
|
5765
|
+
var MobileJobDetailsDrawer = Component$y;
|
|
5742
5766
|
|
|
5743
5767
|
var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
|
|
5744
5768
|
|
|
@@ -5760,7 +5784,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5760
5784
|
React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5761
5785
|
};
|
|
5762
5786
|
|
|
5763
|
-
var Component$
|
|
5787
|
+
var Component$x = function (_a) {
|
|
5764
5788
|
var props = __rest(_a, []);
|
|
5765
5789
|
var _b = React.useState(0), step = _b[0], setStep = _b[1];
|
|
5766
5790
|
return React__default["default"].createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5768,7 +5792,7 @@ var Component$y = function (_a) {
|
|
|
5768
5792
|
/**
|
|
5769
5793
|
* Organism UI component of analyst template
|
|
5770
5794
|
*/
|
|
5771
|
-
var ModalAnalyst = Component$
|
|
5795
|
+
var ModalAnalyst = Component$x;
|
|
5772
5796
|
|
|
5773
5797
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5774
5798
|
|
|
@@ -5989,18 +6013,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5989
6013
|
React__default["default"].createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5990
6014
|
};
|
|
5991
6015
|
|
|
5992
|
-
var styles$
|
|
6016
|
+
var styles$v = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
5993
6017
|
|
|
5994
|
-
var Component$
|
|
6018
|
+
var Component$w = function (_a) {
|
|
5995
6019
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
5996
6020
|
if (!title)
|
|
5997
6021
|
return null;
|
|
5998
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6022
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React__default["default"].createElement("h3", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React__default["default"].createElement(Divider, null))));
|
|
5999
6023
|
};
|
|
6000
6024
|
/**
|
|
6001
6025
|
* Organism UI child component of nav menu analyst
|
|
6002
6026
|
*/
|
|
6003
|
-
var NavMenuAnalystDivider = Component$
|
|
6027
|
+
var NavMenuAnalystDivider = Component$w;
|
|
6004
6028
|
|
|
6005
6029
|
var navMenuAnalystIcons = {
|
|
6006
6030
|
home: {
|
|
@@ -6049,9 +6073,9 @@ var navMenuAnalystIcons = {
|
|
|
6049
6073
|
}
|
|
6050
6074
|
};
|
|
6051
6075
|
|
|
6052
|
-
var styles$
|
|
6076
|
+
var styles$u = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
6053
6077
|
|
|
6054
|
-
var Component$
|
|
6078
|
+
var Component$v = function (_a) {
|
|
6055
6079
|
var _b;
|
|
6056
6080
|
var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
|
|
6057
6081
|
var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
|
|
@@ -6134,7 +6158,7 @@ var Component$w = function (_a) {
|
|
|
6134
6158
|
}
|
|
6135
6159
|
}, [option.data, queryString, useQueryString]);
|
|
6136
6160
|
var linkStyles = CNM.get({
|
|
6137
|
-
styles: styles$
|
|
6161
|
+
styles: styles$u,
|
|
6138
6162
|
cls: [
|
|
6139
6163
|
'nav-menu-analyst-option__link',
|
|
6140
6164
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -6142,7 +6166,7 @@ var Component$w = function (_a) {
|
|
|
6142
6166
|
]
|
|
6143
6167
|
});
|
|
6144
6168
|
var dropdownStyles = CNM.get({
|
|
6145
|
-
styles: styles$
|
|
6169
|
+
styles: styles$u,
|
|
6146
6170
|
cls: [
|
|
6147
6171
|
'nav-menu-analyst-option__dropdown',
|
|
6148
6172
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -6160,21 +6184,21 @@ var Component$w = function (_a) {
|
|
|
6160
6184
|
}
|
|
6161
6185
|
return (React__default["default"].createElement("div", { title: option.title, ref: optionRef },
|
|
6162
6186
|
React__default["default"].createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
6163
|
-
styles: styles$
|
|
6187
|
+
styles: styles$u,
|
|
6164
6188
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
6165
6189
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
6166
6190
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
6167
6191
|
size: 18
|
|
6168
6192
|
} }, option.data.map(function (item, i) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6169
|
-
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$
|
|
6170
|
-
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
6193
|
+
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
6194
|
+
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$v, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
6171
6195
|
};
|
|
6172
6196
|
/**
|
|
6173
6197
|
* Organism UI child component of nav menu analyst
|
|
6174
6198
|
*/
|
|
6175
|
-
var NavMenuAnalystOption = Component$
|
|
6199
|
+
var NavMenuAnalystOption = Component$v;
|
|
6176
6200
|
|
|
6177
|
-
var styles$
|
|
6201
|
+
var styles$t = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
6178
6202
|
|
|
6179
6203
|
var useAnalystModal = function (modals) {
|
|
6180
6204
|
var _a = React.useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -6218,7 +6242,7 @@ var AnalystProvider = function (_a) {
|
|
|
6218
6242
|
};
|
|
6219
6243
|
var useAnalyst = function () { return React.useContext(AnalystContext); };
|
|
6220
6244
|
|
|
6221
|
-
var Component$
|
|
6245
|
+
var Component$u = function (_a) {
|
|
6222
6246
|
var _b, _c;
|
|
6223
6247
|
var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
|
|
6224
6248
|
var containerRef = React.useRef(null);
|
|
@@ -6248,17 +6272,17 @@ var Component$v = function (_a) {
|
|
|
6248
6272
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
6249
6273
|
};
|
|
6250
6274
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
6251
|
-
styles: styles$
|
|
6275
|
+
styles: styles$t,
|
|
6252
6276
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
6253
6277
|
}) },
|
|
6254
|
-
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
6278
|
+
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__header'] }) },
|
|
6255
6279
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
6256
|
-
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
6257
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6280
|
+
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__container'] }) },
|
|
6281
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React__default["default"].createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__section'] }) },
|
|
6258
6282
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
6259
6283
|
section.children.map(function (child, j) { return (React__default["default"].createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
6260
6284
|
React__default["default"].createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
6261
|
-
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6285
|
+
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__region'] }) },
|
|
6262
6286
|
React__default["default"].createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
6263
6287
|
icons: {
|
|
6264
6288
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -6269,27 +6293,27 @@ var Component$v = function (_a) {
|
|
|
6269
6293
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
6270
6294
|
} }))),
|
|
6271
6295
|
React__default["default"].createElement("footer", { className: CNM.get({
|
|
6272
|
-
styles: styles$
|
|
6296
|
+
styles: styles$t,
|
|
6273
6297
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
6274
|
-
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
6298
|
+
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
6275
6299
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
6276
6300
|
option.children.map(function (child, j) { return (React__default["default"].createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
6277
6301
|
};
|
|
6278
6302
|
/**
|
|
6279
6303
|
* Organism UI component of navigation menu analyst
|
|
6280
6304
|
*/
|
|
6281
|
-
var NavMenuAnalyst = Component$
|
|
6305
|
+
var NavMenuAnalyst = Component$u;
|
|
6282
6306
|
|
|
6283
|
-
var styles$
|
|
6307
|
+
var styles$s = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
6284
6308
|
|
|
6285
|
-
var Component$
|
|
6309
|
+
var Component$t = function (_a) {
|
|
6286
6310
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
6287
6311
|
var cancelButton = useMediaQuery(React__default["default"].createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
6288
|
-
styles: styles$
|
|
6312
|
+
styles: styles$s,
|
|
6289
6313
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
6290
6314
|
}), onClick: function () { return handleClose(null); } }), {
|
|
6291
6315
|
sm: (React__default["default"].createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
6292
|
-
styles: styles$
|
|
6316
|
+
styles: styles$s,
|
|
6293
6317
|
cls: [
|
|
6294
6318
|
'nav-menu-analyst-region-modal-content__button',
|
|
6295
6319
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -6297,34 +6321,34 @@ var Component$u = function (_a) {
|
|
|
6297
6321
|
}), onClick: function () { return handleClose(null); } }))
|
|
6298
6322
|
});
|
|
6299
6323
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
6300
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6324
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
6301
6325
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
6302
6326
|
return (React__default["default"].createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
6303
6327
|
icon: flag,
|
|
6304
6328
|
alt: lang,
|
|
6305
|
-
className: CNM.get({ styles: styles$
|
|
6306
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
6329
|
+
className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
6330
|
+
}, childrenClassName: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
6307
6331
|
var lang = _a.lang;
|
|
6308
6332
|
return lang === defaultRegion;
|
|
6309
6333
|
}) ? defaultRegion === lang : index === 0) &&
|
|
6310
6334
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
6311
6335
|
React__default["default"].createElement("span", null, name)));
|
|
6312
6336
|
})),
|
|
6313
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6337
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
6314
6338
|
cancelButton,
|
|
6315
6339
|
React__default["default"].createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
6316
|
-
styles: styles$
|
|
6340
|
+
styles: styles$s,
|
|
6317
6341
|
cls: [
|
|
6318
6342
|
'nav-menu-analyst-region-modal-content__button',
|
|
6319
6343
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
6320
6344
|
]
|
|
6321
6345
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
6322
6346
|
};
|
|
6323
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
6347
|
+
var NavMenuAnalystRegionModalContent = Component$t;
|
|
6324
6348
|
|
|
6325
|
-
var styles$
|
|
6349
|
+
var styles$r = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
6326
6350
|
|
|
6327
|
-
var Component$
|
|
6351
|
+
var Component$s = function (_a) {
|
|
6328
6352
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
6329
6353
|
var _b = React.useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
6330
6354
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -6332,9 +6356,9 @@ var Component$t = function (_a) {
|
|
|
6332
6356
|
setSelectedRegion(null);
|
|
6333
6357
|
handleRegionChange(region);
|
|
6334
6358
|
}, [handleRegionChange]);
|
|
6335
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
6359
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6336
6360
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
6337
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
6361
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6338
6362
|
React__default["default"].createElement("h2", null, regionModal.title),
|
|
6339
6363
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
6340
6364
|
});
|
|
@@ -6343,24 +6367,24 @@ var Component$t = function (_a) {
|
|
|
6343
6367
|
/**
|
|
6344
6368
|
* Organism UI child component of nav menu analyst
|
|
6345
6369
|
*/
|
|
6346
|
-
var NavMenuAnalystRegionModal = Component$
|
|
6370
|
+
var NavMenuAnalystRegionModal = Component$s;
|
|
6347
6371
|
|
|
6348
|
-
var styles$
|
|
6372
|
+
var styles$q = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
6349
6373
|
|
|
6350
|
-
var Component$
|
|
6374
|
+
var Component$r = function (_a) {
|
|
6351
6375
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
6352
6376
|
var handleClose = React.useCallback(function () {
|
|
6353
6377
|
if (onClose) {
|
|
6354
6378
|
onClose();
|
|
6355
6379
|
}
|
|
6356
6380
|
}, [onClose]);
|
|
6357
|
-
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
6381
|
+
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$q, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
6358
6382
|
React__default["default"].createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
6359
6383
|
};
|
|
6360
6384
|
/**
|
|
6361
6385
|
* Organism UI component of navigation menu analyst
|
|
6362
6386
|
*/
|
|
6363
|
-
var NavMenuDrawerAnalyst = Component$
|
|
6387
|
+
var NavMenuDrawerAnalyst = Component$r;
|
|
6364
6388
|
|
|
6365
6389
|
var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
6366
6390
|
|
|
@@ -6569,13 +6593,13 @@ var SelectContext = React__default["default"].createContext({
|
|
|
6569
6593
|
});
|
|
6570
6594
|
var useSelectContext = function () { return React.useContext(SelectContext); };
|
|
6571
6595
|
|
|
6572
|
-
var styles$
|
|
6596
|
+
var styles$p = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
|
|
6573
6597
|
|
|
6574
|
-
var cx$
|
|
6598
|
+
var cx$d = classNames.bind(styles$p);
|
|
6575
6599
|
var getDefaulSelected = function (selected) {
|
|
6576
6600
|
return selected.map(function (select) { return select.value; }).join(', ');
|
|
6577
6601
|
};
|
|
6578
|
-
var Component$
|
|
6602
|
+
var Component$q = function (_a) {
|
|
6579
6603
|
var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
|
|
6580
6604
|
var ref = React.useRef({ onChange: onChange, id: generateID() });
|
|
6581
6605
|
React.useEffect(function () {
|
|
@@ -6590,29 +6614,29 @@ var Component$r = function (_a) {
|
|
|
6590
6614
|
});
|
|
6591
6615
|
}, [open]);
|
|
6592
6616
|
if (!readOnly) {
|
|
6593
|
-
return (React__default["default"].createElement("div", { className: cx$
|
|
6617
|
+
return (React__default["default"].createElement("div", { className: cx$d('select-input', className, {
|
|
6594
6618
|
'select-input--with-icon': actionIcon !== undefined,
|
|
6595
6619
|
'select-input--no-placeholder': placeholder.length === 0,
|
|
6596
6620
|
'select-input--disabled': disabled
|
|
6597
6621
|
}), onClick: function () { return (disabled ? null : onClick()); }, "data-name": "select-input", "data-selected": selected.length > 0, "data-is-open": open },
|
|
6598
6622
|
React__default["default"].createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon, placeholder: placeholder, type: type }, rest))));
|
|
6599
6623
|
}
|
|
6600
|
-
return (React__default["default"].createElement("button", { className: cx$
|
|
6601
|
-
React__default["default"].createElement("div", { className: cx$
|
|
6602
|
-
placeholder.length > 0 ? (React__default["default"].createElement("span", { className: cx$
|
|
6624
|
+
return (React__default["default"].createElement("button", { className: cx$d('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
|
|
6625
|
+
React__default["default"].createElement("div", { className: cx$d('select-button__input') },
|
|
6626
|
+
placeholder.length > 0 ? (React__default["default"].createElement("span", { className: cx$d('select-button__placeholder', {
|
|
6603
6627
|
'select-button__placeholder--open': open,
|
|
6604
6628
|
'select-button__placeholder--selected': selected.length > 0
|
|
6605
6629
|
}) }, placeholder)) : null,
|
|
6606
|
-
selected.length > 0 ? (React__default["default"].createElement("span", { className: cx$
|
|
6630
|
+
selected.length > 0 ? (React__default["default"].createElement("span", { className: cx$d('select-button__value', {
|
|
6607
6631
|
'select-button__placeholder--open': open
|
|
6608
6632
|
}) }, getLabel(selected))) : null),
|
|
6609
6633
|
actionIcon ? React__default["default"].createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
|
|
6610
6634
|
};
|
|
6611
|
-
var SelectInput = Component$
|
|
6635
|
+
var SelectInput = Component$q;
|
|
6612
6636
|
|
|
6613
|
-
var styles$
|
|
6637
|
+
var styles$o = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
6614
6638
|
|
|
6615
|
-
var cx$
|
|
6639
|
+
var cx$c = classNames.bind(styles$o);
|
|
6616
6640
|
var SelectClickout = function (_a) {
|
|
6617
6641
|
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
6618
6642
|
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
@@ -6629,43 +6653,19 @@ var SelectClickout = function (_a) {
|
|
|
6629
6653
|
ref.current.onSwitch(false);
|
|
6630
6654
|
}, [clickOut]);
|
|
6631
6655
|
if (open)
|
|
6632
|
-
return React__default["default"].createElement("div", { className: cx$
|
|
6656
|
+
return React__default["default"].createElement("div", { className: cx$c('select-click-out') }, children);
|
|
6633
6657
|
return null;
|
|
6634
6658
|
};
|
|
6635
6659
|
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
6636
6660
|
|
|
6637
|
-
var styles$
|
|
6661
|
+
var styles$n = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
|
|
6638
6662
|
|
|
6639
|
-
var cx$
|
|
6663
|
+
var cx$b = classNames.bind(styles$n);
|
|
6640
6664
|
var SelectDrawer = function (_a) {
|
|
6641
6665
|
var className = _a.className, children = _a.children;
|
|
6642
6666
|
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
6643
|
-
return (React__default["default"].createElement(MobileDrawer, { className: cx$
|
|
6644
|
-
};
|
|
6645
|
-
|
|
6646
|
-
var styles$n = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
6647
|
-
|
|
6648
|
-
var cx$b = classNames.bind(styles$n);
|
|
6649
|
-
var defaultCheck = function (_a) {
|
|
6650
|
-
var type = _a.type, checked = _a.checked;
|
|
6651
|
-
if (type === 'background')
|
|
6652
|
-
return;
|
|
6653
|
-
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$b('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
6654
|
-
};
|
|
6655
|
-
var Component$q = function (_a) {
|
|
6656
|
-
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
6657
|
-
return (React__default["default"].createElement("label", { className: cx$b('checkbox', "checkbox--".concat(display), className, {
|
|
6658
|
-
'checkbox--checked': checked,
|
|
6659
|
-
'checkbox--background': type === 'background'
|
|
6660
|
-
}), "data-name": "checkbox-container", htmlFor: id },
|
|
6661
|
-
renderCheck({ checked: checked, type: type }),
|
|
6662
|
-
React__default["default"].createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
6663
|
-
var target = _a.target;
|
|
6664
|
-
return onChange(target.checked);
|
|
6665
|
-
}, type: "checkbox", id: id }, rest)),
|
|
6666
|
-
children));
|
|
6667
|
+
return (React__default["default"].createElement(MobileDrawer, { className: cx$b('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6667
6668
|
};
|
|
6668
|
-
var Checkbox = Component$q;
|
|
6669
6669
|
|
|
6670
6670
|
var styles$m = {"select-list":"mg_select_list_check_select-list_g3qb1","select-list--visible":"mg_select_list_check_select-list--visible_g3qb1","select-list__item":"mg_select_list_check_select-list_item_g3qb1","select-list__checkbox":"mg_select_list_check_select-list_checkbox_g3qb1"};
|
|
6671
6671
|
|
|
@@ -7792,6 +7792,7 @@ exports.BrandsMenuPopover = BrandsMenuPopover$1;
|
|
|
7792
7792
|
exports.Breadcrumb = Breadcrumb;
|
|
7793
7793
|
exports.Breadcrumbs = Breadcrumbs;
|
|
7794
7794
|
exports.Button = Button;
|
|
7795
|
+
exports.Checkbox = Checkbox;
|
|
7795
7796
|
exports.CitiesDetailDrawer = CitiesDetailDrawer;
|
|
7796
7797
|
exports.ComparativeCounter = ComparativeCounter;
|
|
7797
7798
|
exports.DateDropdown = DateDropdown;
|