@meduza/ui-kit-2 0.8.6 → 0.8.7
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/ListViewSwitcher/ListViewSwitcher.types.d.ts +6 -0
- package/dist/ListViewSwitcher/index.d.ts +3 -0
- package/dist/SvgSymbol/SvgSymbol.types.d.ts +1 -1
- package/dist/SvgSymbol/icons.d.ts +0 -5
- package/dist/Switcher/Switcher.types.d.ts +2 -3
- package/dist/index.d.ts +1 -0
- package/dist/ui-kit-2.cjs.development.js +253 -235
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +253 -236
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +126 -35
- package/dist/ui-kit.css +126 -35
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/Image/index.tsx +1 -4
- package/src/ListViewSwitcher/ListViewSwitcher.module.css +109 -0
- package/src/ListViewSwitcher/ListViewSwitcher.stories.module.css +6 -0
- package/src/ListViewSwitcher/ListViewSwitcher.stories.tsx +38 -0
- package/src/ListViewSwitcher/ListViewSwitcher.test.tsx +35 -0
- package/src/ListViewSwitcher/ListViewSwitcher.types.ts +7 -0
- package/src/ListViewSwitcher/index.tsx +30 -0
- package/src/Spoiler/Spoiler.module.css +10 -9
- package/src/SvgSymbol/SvgSymbol.types.ts +0 -1
- package/src/SvgSymbol/icons.ts +0 -7
- package/src/Switcher/Switcher.module.css +4 -21
- package/src/Switcher/Switcher.stories.module.css +3 -21
- package/src/Switcher/Switcher.stories.tsx +13 -31
- package/src/Switcher/Switcher.types.ts +2 -4
- package/src/Switcher/index.tsx +7 -7
- package/src/Tag/Tag.module.css +0 -4
- package/src/_storybook/PreviewWrapper/index.tsx +0 -1
- package/src/index.tsx +1 -0
|
@@ -34,7 +34,7 @@ const ButtonLoader = () => ( /*#__PURE__*/React.createElement("svg", {
|
|
|
34
34
|
d: "M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z"
|
|
35
35
|
}))));
|
|
36
36
|
|
|
37
|
-
var styles$
|
|
37
|
+
var styles$J = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
|
|
38
38
|
|
|
39
39
|
const Button = ({
|
|
40
40
|
theme = 'gold',
|
|
@@ -54,12 +54,12 @@ const Button = ({
|
|
|
54
54
|
};
|
|
55
55
|
return /*#__PURE__*/React.createElement("button", {
|
|
56
56
|
"data-testid": "button",
|
|
57
|
-
className: makeClassName([[styles$
|
|
57
|
+
className: makeClassName([[styles$J.root, true], [styles$J[size], !!size], [styles$J[theme], !!theme], [styles$J[appearance], !!appearance], [styles$J[state], !!state && !!styles$J[state]], [styles$J[styleContext], !!styleContext]]),
|
|
58
58
|
disabled: disabled,
|
|
59
59
|
onClick: handleClick,
|
|
60
60
|
type: "button"
|
|
61
61
|
}, state === 'isLoading' ? ( /*#__PURE__*/React.createElement("span", {
|
|
62
|
-
className: styles$
|
|
62
|
+
className: styles$J.loader
|
|
63
63
|
}, /*#__PURE__*/React.createElement(ButtonLoader, null))) : children);
|
|
64
64
|
};
|
|
65
65
|
|
|
@@ -119,11 +119,6 @@ const icons = {
|
|
|
119
119
|
height: 27,
|
|
120
120
|
content: '<path d="M12.5 2C19.404 2 25 7.596 25 14.5S19.404 27 12.5 27 0 21.404 0 14.5 5.596 2 12.5 2zm0 1.5c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11-4.925-11-11-11zm6 15.75a.75.75 0 01.102 1.493l-.102.007h-12a.75.75 0 01-.102-1.493l.102-.007h12zm-6-12a.75.75 0 01.743.648L13.25 8v7.598l1.834-1.222a.75.75 0 11.832 1.248l-3 2a.75.75 0 01-.832 0l-3-2a.75.75 0 11.832-1.248l1.834 1.223V8a.75.75 0 01.648-.743l.102-.007z" fill-rule="nonzero" fill="currentColor" />'
|
|
121
121
|
},
|
|
122
|
-
episodeDownload: {
|
|
123
|
-
width: 24,
|
|
124
|
-
height: 24,
|
|
125
|
-
content: '<><circle xmlns="http://www.w3.org/2000/svg" cx="12" cy="12" r="10.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path xmlns="http://www.w3.org/2000/svg" d="M12 16.5L12 7.5M12 16.5L15.5 14.2257M12 16.5L8.5 14.2257" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></>'
|
|
126
|
-
},
|
|
127
122
|
play: {
|
|
128
123
|
width: 62,
|
|
129
124
|
height: 62,
|
|
@@ -236,7 +231,7 @@ const icons = {
|
|
|
236
231
|
}
|
|
237
232
|
};
|
|
238
233
|
|
|
239
|
-
var styles$
|
|
234
|
+
var styles$I = {"root":"SvgSymbol-module_root__WctNR","small":"SvgSymbol-module_small__h9V-w","normal":"SvgSymbol-module_normal__gFAVe","medium":"SvgSymbol-module_medium__QaYjY","large":"SvgSymbol-module_large__o6A4o","adaptive":"SvgSymbol-module_adaptive__gL9qn","fb":"SvgSymbol-module_fb__HZqcB","vk":"SvgSymbol-module_vk__XctB2","ok":"SvgSymbol-module_ok__IM6Z9","tw":"SvgSymbol-module_tw__fio-Q","tg":"SvgSymbol-module_tg__GRhd-","magic":"SvgSymbol-module_magic__N-jKk","reaction":"SvgSymbol-module_reaction__xSbgo","card":"SvgSymbol-module_card__2nVFu","podcast":"SvgSymbol-module_podcast__Yp05r","read":"SvgSymbol-module_read__Bu653","listened":"SvgSymbol-module_listened__AOn7j","menu":"SvgSymbol-module_menu__z-dLm","cross":"SvgSymbol-module_cross__3Xej1","isInFeature":"SvgSymbol-module_isInFeature__BmyI-","isInCard":"SvgSymbol-module_isInCard__USxBS","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__cnCgw","isInPageStatic":"SvgSymbol-module_isInPageStatic__7kMP-","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__lIKJO","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__mamWa","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__oZ6JG","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__NnADm","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__x8L9a","isInButtonForward":"SvgSymbol-module_isInButtonForward__TtixK","isInToolbar":"SvgSymbol-module_isInToolbar__RzbaX","play":"SvgSymbol-module_play__dAES0","meduzaLogo":"SvgSymbol-module_meduzaLogo__aVKzZ","arrow":"SvgSymbol-module_arrow__lWTSJ","oil":"SvgSymbol-module_oil__VFGTp","search":"SvgSymbol-module_search__h06cc","user":"SvgSymbol-module_user__ORMm-","bookmark":"SvgSymbol-module_bookmark__JPKyG","shareBookmark":"SvgSymbol-module_shareBookmark__7w9X9","receipt":"SvgSymbol-module_receipt__o3V8u","isInHeader":"SvgSymbol-module_isInHeader__M5Tzw"};
|
|
240
235
|
|
|
241
236
|
const SvgSymbol = ({
|
|
242
237
|
icon,
|
|
@@ -248,7 +243,7 @@ const SvgSymbol = ({
|
|
|
248
243
|
"data-testid": "svg-symbol",
|
|
249
244
|
xmlns: "http://www.w3.org/2000/svg",
|
|
250
245
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
251
|
-
className: makeClassName([[styles$
|
|
246
|
+
className: makeClassName([[styles$I.root, true], [styles$I[size], !!styles$I[size]], [styles$I[icon], !!styles$I[icon]], [styles$I[styleContext], !!styles$I[styleContext]]]),
|
|
252
247
|
width: data.width,
|
|
253
248
|
height: data.height,
|
|
254
249
|
viewBox: `0 0 ${data.width} ${data.height}`,
|
|
@@ -258,32 +253,32 @@ const SvgSymbol = ({
|
|
|
258
253
|
});
|
|
259
254
|
};
|
|
260
255
|
|
|
261
|
-
var styles$
|
|
256
|
+
var styles$H = {"root":"Switcher-module_root__cBsJB","dark":"Switcher-module_dark__1QQsH","control":"Switcher-module_control__60WMX","input":"Switcher-module_input__5UDnv","knob":"Switcher-module_knob__PwA1A","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT","children":"Switcher-module_children__uLapU"};
|
|
262
257
|
|
|
263
258
|
const Switcher = ({
|
|
264
259
|
enabled,
|
|
265
|
-
children,
|
|
266
|
-
childrenPosition = 'left',
|
|
267
260
|
onChange,
|
|
268
261
|
styleContext,
|
|
269
|
-
theme = 'light'
|
|
262
|
+
theme = 'light',
|
|
263
|
+
childrenLeft,
|
|
264
|
+
childrenRight
|
|
270
265
|
}) => ( /*#__PURE__*/React.createElement("label", {
|
|
271
266
|
"data-testid": "switcher",
|
|
272
|
-
className: makeClassName([[styles$
|
|
273
|
-
},
|
|
274
|
-
className: makeClassName([[styles$
|
|
275
|
-
},
|
|
276
|
-
className: styles$
|
|
267
|
+
className: makeClassName([[styles$H.root, true], [styles$H[theme], !!styles$H[theme]], [styles$H[styleContext], !!styles$H[styleContext]]])
|
|
268
|
+
}, childrenLeft && ( /*#__PURE__*/React.createElement("div", {
|
|
269
|
+
className: makeClassName([[styles$H.children, true], [styles$H.left, true]])
|
|
270
|
+
}, childrenLeft)), /*#__PURE__*/React.createElement("input", {
|
|
271
|
+
className: styles$H.input,
|
|
277
272
|
type: "checkbox",
|
|
278
273
|
checked: enabled,
|
|
279
274
|
onChange: onChange
|
|
280
275
|
}), /*#__PURE__*/React.createElement("span", {
|
|
281
|
-
className: styles$
|
|
276
|
+
className: styles$H.control
|
|
282
277
|
}, /*#__PURE__*/React.createElement("span", {
|
|
283
|
-
className: styles$
|
|
284
|
-
})),
|
|
285
|
-
className: makeClassName([[styles$
|
|
286
|
-
},
|
|
278
|
+
className: styles$H.knob
|
|
279
|
+
})), childrenRight && ( /*#__PURE__*/React.createElement("div", {
|
|
280
|
+
className: makeClassName([[styles$H.children, true], [styles$H.right, true]])
|
|
281
|
+
}, childrenRight))));
|
|
287
282
|
|
|
288
283
|
const makeStyleContext = (classNames, styleContext, styles) => {
|
|
289
284
|
const context = Array.isArray(styleContext) ? styleContext.filter(ctx => styles[ctx]).map(ctx => [[styles[ctx]], true]) : [[styles[styleContext], !!styleContext && !!styles[styleContext]]];
|
|
@@ -308,7 +303,7 @@ const postMessage = (category, element, action) => {
|
|
|
308
303
|
}
|
|
309
304
|
};
|
|
310
305
|
|
|
311
|
-
var styles$
|
|
306
|
+
var styles$G = {"root":"Lazy-module_root__DWw8D"};
|
|
312
307
|
|
|
313
308
|
const Lazy = ({
|
|
314
309
|
children,
|
|
@@ -329,7 +324,7 @@ const Lazy = ({
|
|
|
329
324
|
}
|
|
330
325
|
}, [inView]);
|
|
331
326
|
return /*#__PURE__*/React.createElement("div", {
|
|
332
|
-
className: makeClassName([[styles$
|
|
327
|
+
className: makeClassName([[styles$G.root, true], [styles$G.visible, visible]]),
|
|
333
328
|
ref: ref,
|
|
334
329
|
"data-testid": "lazy"
|
|
335
330
|
}, visible && children);
|
|
@@ -422,7 +417,7 @@ const RenderPicture = ({
|
|
|
422
417
|
}));
|
|
423
418
|
};
|
|
424
419
|
|
|
425
|
-
var styles$
|
|
420
|
+
var styles$F = {"root":"Image-module_root__H5wAh","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
|
|
426
421
|
|
|
427
422
|
const Image = ({
|
|
428
423
|
alt,
|
|
@@ -451,20 +446,20 @@ const Image = ({
|
|
|
451
446
|
maxWidth: width <= 649 ? width : '100%'
|
|
452
447
|
};
|
|
453
448
|
const pictureStyles = {
|
|
454
|
-
paddingBottom:
|
|
449
|
+
paddingBottom: `${100 / (ratio || width / height)}%`
|
|
455
450
|
};
|
|
456
451
|
/* fallback w325 url until w6 was released */
|
|
457
452
|
const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
|
|
458
|
-
let classNames = [[styles$
|
|
453
|
+
let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
|
|
459
454
|
if (styleContext) {
|
|
460
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
455
|
+
classNames = makeStyleContext(classNames, styleContext, styles$F);
|
|
461
456
|
}
|
|
462
457
|
return /*#__PURE__*/React.createElement("div", {
|
|
463
458
|
className: makeClassName(classNames),
|
|
464
459
|
style: blockStyles,
|
|
465
460
|
"data-testid": "image"
|
|
466
461
|
}, /*#__PURE__*/React.createElement("div", {
|
|
467
|
-
className: styles$
|
|
462
|
+
className: styles$F.wrapper,
|
|
468
463
|
style: pictureStyles,
|
|
469
464
|
onClick: () => handleClick(),
|
|
470
465
|
onKeyPress: () => handleClick(),
|
|
@@ -492,7 +487,7 @@ const Image = ({
|
|
|
492
487
|
}))));
|
|
493
488
|
};
|
|
494
489
|
|
|
495
|
-
var styles$
|
|
490
|
+
var styles$E = {"root":"Popover-module_root__nBiV4","fadeOut":"Popover-module_fadeOut__Y88V7","visible":"Popover-module_visible__XVQLW","fadeIn":"Popover-module_fadeIn__FK1gd","overlay":"Popover-module_overlay__NAPar","container":"Popover-module_container__y4SB1","disappear":"Popover-module_disappear__uUn2b","dismiss":"Popover-module_dismiss__W8KFF","background":"Popover-module_background__apiio","appear":"Popover-module_appear__b-CZ2","body":"Popover-module_body__UJEZf"};
|
|
496
491
|
|
|
497
492
|
const Popover = ({
|
|
498
493
|
children,
|
|
@@ -524,20 +519,20 @@ const Popover = ({
|
|
|
524
519
|
/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
|
|
525
520
|
return /*#__PURE__*/React.createElement("div", {
|
|
526
521
|
"data-testid": "popover",
|
|
527
|
-
className: makeClassName([[styles$
|
|
522
|
+
className: makeClassName([[styles$E.root, true], [styles$E.visible, visible]])
|
|
528
523
|
}, /*#__PURE__*/React.createElement("div", {
|
|
529
|
-
className: styles$
|
|
524
|
+
className: styles$E.overlay,
|
|
530
525
|
onClick: () => handleClose()
|
|
531
526
|
}), /*#__PURE__*/React.createElement("div", {
|
|
532
|
-
className: styles$
|
|
527
|
+
className: styles$E.container
|
|
533
528
|
}, /*#__PURE__*/React.createElement("button", {
|
|
534
529
|
type: "button",
|
|
535
|
-
className: styles$
|
|
530
|
+
className: styles$E.dismiss,
|
|
536
531
|
onClick: () => handleClose(),
|
|
537
532
|
"aria-label": "dismiss"
|
|
538
533
|
}), /*#__PURE__*/React.createElement("svg", {
|
|
539
534
|
width: "100%",
|
|
540
|
-
className: styles$
|
|
535
|
+
className: styles$E.background
|
|
541
536
|
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
|
|
542
537
|
id: "myMask",
|
|
543
538
|
x: "0",
|
|
@@ -566,11 +561,11 @@ const Popover = ({
|
|
|
566
561
|
width: "100%",
|
|
567
562
|
height: "100%"
|
|
568
563
|
})), /*#__PURE__*/React.createElement("div", {
|
|
569
|
-
className: styles$
|
|
564
|
+
className: styles$E.body
|
|
570
565
|
}, children)));
|
|
571
566
|
};
|
|
572
567
|
|
|
573
|
-
var styles$
|
|
568
|
+
var styles$D = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
|
|
574
569
|
|
|
575
570
|
const Footnote = ({
|
|
576
571
|
children,
|
|
@@ -578,16 +573,16 @@ const Footnote = ({
|
|
|
578
573
|
}) => {
|
|
579
574
|
return /*#__PURE__*/React.createElement("div", {
|
|
580
575
|
"data-testid": "footnote",
|
|
581
|
-
className: makeClassName([[styles$
|
|
576
|
+
className: makeClassName([[styles$D.root, true]])
|
|
582
577
|
}, /*#__PURE__*/React.createElement("button", {
|
|
583
|
-
className: styles$
|
|
578
|
+
className: styles$D.dismiss,
|
|
584
579
|
type: "button",
|
|
585
580
|
onClick: () => onClose()
|
|
586
581
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
587
582
|
icon: "cross",
|
|
588
583
|
size: "unset"
|
|
589
584
|
})), /*#__PURE__*/React.createElement("div", {
|
|
590
|
-
className: styles$
|
|
585
|
+
className: styles$D.body
|
|
591
586
|
}, children));
|
|
592
587
|
};
|
|
593
588
|
|
|
@@ -596,7 +591,7 @@ var viewportSize = () => ({
|
|
|
596
591
|
height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
|
|
597
592
|
});
|
|
598
593
|
|
|
599
|
-
var styles$
|
|
594
|
+
var styles$C = {"root":"DotsOnImage-module_root__8UQf2","isVisible":"DotsOnImage-module_isVisible__rA5x9","marker":"DotsOnImage-module_marker__pLdQT","show":"DotsOnImage-module_show__Ec0lG","dot":"DotsOnImage-module_dot__e2MWx","isActive":"DotsOnImage-module_isActive__Bhb58","popover":"DotsOnImage-module_popover__zHSbU","isRight":"DotsOnImage-module_isRight__IaUbc","isTop":"DotsOnImage-module_isTop__RMK49","isLeft":"DotsOnImage-module_isLeft__Q6JZ-","isBottom":"DotsOnImage-module_isBottom__c-aLe"};
|
|
600
595
|
|
|
601
596
|
const DotsOnImage = ({
|
|
602
597
|
block: {
|
|
@@ -678,7 +673,7 @@ const DotsOnImage = ({
|
|
|
678
673
|
});
|
|
679
674
|
};
|
|
680
675
|
return /*#__PURE__*/React.createElement("div", {
|
|
681
|
-
className: makeClassName([[styles$
|
|
676
|
+
className: makeClassName([[styles$C.root, true], [styles$C.isVisible, visible]]),
|
|
682
677
|
"data-testid": "dots-on-image",
|
|
683
678
|
ref: ref
|
|
684
679
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
@@ -691,7 +686,7 @@ const DotsOnImage = ({
|
|
|
691
686
|
}), /*#__PURE__*/React.createElement("div", {
|
|
692
687
|
ref: container
|
|
693
688
|
}, dots.map(dot => ( /*#__PURE__*/React.createElement("div", {
|
|
694
|
-
className: styles$
|
|
689
|
+
className: styles$C.dot,
|
|
695
690
|
key: dot.id,
|
|
696
691
|
style: {
|
|
697
692
|
top: `${dot.position.y}%`,
|
|
@@ -699,7 +694,7 @@ const DotsOnImage = ({
|
|
|
699
694
|
transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
|
|
700
695
|
}
|
|
701
696
|
}, /*#__PURE__*/React.createElement("button", {
|
|
702
|
-
className: makeClassName([[styles$
|
|
697
|
+
className: makeClassName([[styles$C.marker, true], [styles$C.isActive, dot.id === popover.id]]),
|
|
703
698
|
type: "button",
|
|
704
699
|
style: {
|
|
705
700
|
backgroundColor: dot.icon.color
|
|
@@ -710,7 +705,7 @@ const DotsOnImage = ({
|
|
|
710
705
|
__html: dot.icon.svg_string
|
|
711
706
|
}
|
|
712
707
|
})), dot.icon.type === 'number' && dot.icon.number)))), popover.show && ( /*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? ( /*#__PURE__*/React.createElement("div", {
|
|
713
|
-
className: makeClassName([[styles$
|
|
708
|
+
className: makeClassName([[styles$C.popover, true], [styles$C[popover.side], !!popover.side], [styles$C[popover.align], !!popover.align]]),
|
|
714
709
|
style: popover.style
|
|
715
710
|
}, /*#__PURE__*/React.createElement(Footnote, {
|
|
716
711
|
onClose: () => {
|
|
@@ -735,7 +730,7 @@ const DotsOnImage = ({
|
|
|
735
730
|
})))))));
|
|
736
731
|
};
|
|
737
732
|
|
|
738
|
-
var styles$
|
|
733
|
+
var styles$B = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
|
|
739
734
|
|
|
740
735
|
const Tag = ({
|
|
741
736
|
children,
|
|
@@ -745,9 +740,9 @@ const Tag = ({
|
|
|
745
740
|
correlation,
|
|
746
741
|
onlyOn
|
|
747
742
|
}) => {
|
|
748
|
-
let classNames = [[styles$
|
|
743
|
+
let classNames = [[styles$B.root, true], [styles$B[size], !!size && !!styles$B[size]], [styles$B[theme], !!theme && !!styles$B[theme]], [styles$B[onlyOn], !!onlyOn && !!styles$B[onlyOn]], [styles$B[correlation], !!correlation && !!styles$B[correlation]]];
|
|
749
744
|
if (styleContext) {
|
|
750
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
745
|
+
classNames = makeStyleContext(classNames, styleContext, styles$B);
|
|
751
746
|
}
|
|
752
747
|
return /*#__PURE__*/React.createElement("div", {
|
|
753
748
|
"data-testid": "tag",
|
|
@@ -755,34 +750,34 @@ const Tag = ({
|
|
|
755
750
|
}, children);
|
|
756
751
|
};
|
|
757
752
|
|
|
758
|
-
var styles$
|
|
753
|
+
var styles$A = {"root":"MediaCaption-module_root__1r0wu","caption":"MediaCaption-module_caption__ewfcc","credit":"MediaCaption-module_credit__7y4v8","dark":"MediaCaption-module_dark__7a9Cm","video":"MediaCaption-module_video__RDTUa","picture":"MediaCaption-module_picture__abCvw","desktop":"MediaCaption-module_desktop__e0lCY","isDark":"MediaCaption-module_isDark__IFb9X"};
|
|
759
754
|
|
|
760
755
|
const MediaCaption = ({
|
|
761
756
|
credit,
|
|
762
757
|
caption,
|
|
763
758
|
styleContext
|
|
764
759
|
}) => {
|
|
765
|
-
let classNames = [[styles$
|
|
760
|
+
let classNames = [[styles$A.root, true]];
|
|
766
761
|
if (styleContext) {
|
|
767
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
762
|
+
classNames = makeStyleContext(classNames, styleContext, styles$A);
|
|
768
763
|
}
|
|
769
764
|
return /*#__PURE__*/React.createElement("div", {
|
|
770
765
|
"data-testid": "media-caption",
|
|
771
766
|
className: makeClassName(classNames)
|
|
772
767
|
}, caption && ( /*#__PURE__*/React.createElement("div", {
|
|
773
|
-
className: styles$
|
|
768
|
+
className: styles$A.caption,
|
|
774
769
|
dangerouslySetInnerHTML: {
|
|
775
770
|
__html: caption
|
|
776
771
|
}
|
|
777
772
|
})), credit && ( /*#__PURE__*/React.createElement("div", {
|
|
778
|
-
className: styles$
|
|
773
|
+
className: styles$A.credit,
|
|
779
774
|
dangerouslySetInnerHTML: {
|
|
780
775
|
__html: credit
|
|
781
776
|
}
|
|
782
777
|
})));
|
|
783
778
|
};
|
|
784
779
|
|
|
785
|
-
var styles$
|
|
780
|
+
var styles$z = {"root":"Table-module_root__fRuZq","card":"Table-module_card__8r-EA","table":"Table-module_table__7Pagp","slide":"Table-module_slide__dgMPV","wrapper":"Table-module_wrapper__AP4Pz","tracks":"Table-module_tracks__mRNG0","default":"Table-module_default__nwBEg","full":"Table-module_full__YZPDz","row":"Table-module_row__9OHT3","cell":"Table-module_cell__yFdqc","fixedColumn":"Table-module_fixedColumn__O2528","white":"Table-module_white__Laj3-","gray":"Table-module_gray__FPFh0","pink":"Table-module_pink__CGkAA","blue":"Table-module_blue__b8BHs","yellow":"Table-module_yellow__YOJgu","orange":"Table-module_orange__B-i8L","green":"Table-module_green__Bt6iC","violet":"Table-module_violet__yTZd7","header":"Table-module_header__YPDzO","s":"Table-module_s__I-CeX","m":"Table-module_m__vxhDf","l":"Table-module_l__GYHhk","xs":"Table-module_xs__imR8t"};
|
|
786
781
|
|
|
787
782
|
const Table = ({
|
|
788
783
|
styleContext,
|
|
@@ -804,26 +799,26 @@ const Table = ({
|
|
|
804
799
|
'#e7f2ef': 'green',
|
|
805
800
|
'#f4f0f8': 'violet'
|
|
806
801
|
};
|
|
807
|
-
let classNames = [[styles$
|
|
802
|
+
let classNames = [[styles$z.root, true], [styles$z[display], !!display && !!styles$z[display]]];
|
|
808
803
|
if (styleContext) {
|
|
809
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
804
|
+
classNames = makeStyleContext(classNames, styleContext, styles$z);
|
|
810
805
|
}
|
|
811
806
|
return /*#__PURE__*/React.createElement("div", {
|
|
812
807
|
"data-testid": "table",
|
|
813
808
|
className: makeClassName(classNames)
|
|
814
809
|
}, /*#__PURE__*/React.createElement("div", {
|
|
815
|
-
className: styles$
|
|
810
|
+
className: styles$z.wrapper
|
|
816
811
|
}, /*#__PURE__*/React.createElement("div", {
|
|
817
|
-
className: styles$
|
|
812
|
+
className: styles$z.table
|
|
818
813
|
}, /*#__PURE__*/React.createElement("div", {
|
|
819
|
-
className: styles$
|
|
814
|
+
className: styles$z.tracks
|
|
820
815
|
}, rows.map((row, i) => {
|
|
821
816
|
return /*#__PURE__*/React.createElement("div", {
|
|
822
817
|
key: row.key,
|
|
823
|
-
className: styles$
|
|
818
|
+
className: styles$z.row
|
|
824
819
|
}, row.cells.map((cell, j) => ( /*#__PURE__*/React.createElement("div", {
|
|
825
820
|
key: cell.key,
|
|
826
|
-
className: makeClassName([[styles$
|
|
821
|
+
className: makeClassName([[styles$z.cell, true], [styles$z.header, options.header && i === 0], [styles$z[colors[cell.color]], true], [styles$z[columnsWidth[j]], true], [styles$z.fixedColumn, options.fixed_first_column && j === 0]]),
|
|
827
822
|
dangerouslySetInnerHTML: {
|
|
828
823
|
__html: cell.val
|
|
829
824
|
}
|
|
@@ -834,7 +829,7 @@ const Table = ({
|
|
|
834
829
|
})));
|
|
835
830
|
};
|
|
836
831
|
|
|
837
|
-
var styles$
|
|
832
|
+
var styles$y = {"root":"MaterialNote-module_root__99HSA","dark":"MaterialNote-module_dark__etjym","note_credit":"MaterialNote-module_note_credit__J1skG","note_caption":"MaterialNote-module_note_caption__G2Ad0","center":"MaterialNote-module_center__mDLEO","default":"MaterialNote-module_default__ozgd7","card":"MaterialNote-module_card__EVuZe","slide":"MaterialNote-module_slide__mg8XV","game":"MaterialNote-module_game__c-r0n","gameSurvey":"MaterialNote-module_gameSurvey__azhu6"};
|
|
838
833
|
|
|
839
834
|
const MaterialNote = ({
|
|
840
835
|
block: {
|
|
@@ -842,15 +837,15 @@ const MaterialNote = ({
|
|
|
842
837
|
},
|
|
843
838
|
styleContext
|
|
844
839
|
}) => {
|
|
845
|
-
let classNames = [[styles$
|
|
840
|
+
let classNames = [[styles$y.root, true]];
|
|
846
841
|
if (styleContext) {
|
|
847
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
842
|
+
classNames = makeStyleContext(classNames, styleContext, styles$y);
|
|
848
843
|
}
|
|
849
844
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
850
845
|
"data-testid": "material-note",
|
|
851
846
|
className: makeClassName(classNames)
|
|
852
847
|
}, data && data.map(item => ( /*#__PURE__*/React.createElement("p", {
|
|
853
|
-
className: styles$
|
|
848
|
+
className: styles$y[item.type],
|
|
854
849
|
key: item.id,
|
|
855
850
|
dangerouslySetInnerHTML: {
|
|
856
851
|
__html: item.data
|
|
@@ -858,7 +853,7 @@ const MaterialNote = ({
|
|
|
858
853
|
})))));
|
|
859
854
|
};
|
|
860
855
|
|
|
861
|
-
var styles$
|
|
856
|
+
var styles$x = {"root":"BookmarkButton-module_root__A-75w","control":"BookmarkButton-module_control__-xy5O","dark":"BookmarkButton-module_dark__GkMEC","light":"BookmarkButton-module_light__1W6tx","isInBookmarks":"BookmarkButton-module_isInBookmarks__YSjjj","isInGrid":"BookmarkButton-module_isInGrid__Desh-"};
|
|
862
857
|
|
|
863
858
|
const BookmarkButton = ({
|
|
864
859
|
styleContext,
|
|
@@ -866,15 +861,15 @@ const BookmarkButton = ({
|
|
|
866
861
|
isInBookmarks,
|
|
867
862
|
onClick
|
|
868
863
|
}) => {
|
|
869
|
-
let classNames = [[styles$
|
|
864
|
+
let classNames = [[styles$x.root, true], [styles$x.isInBookmarks, isInBookmarks], [styles$x[theme], !!theme && !!styles$x[theme]]];
|
|
870
865
|
if (styleContext) {
|
|
871
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
866
|
+
classNames = makeStyleContext(classNames, styleContext, styles$x);
|
|
872
867
|
}
|
|
873
868
|
return /*#__PURE__*/React.createElement("div", {
|
|
874
869
|
"data-testid": "bookmark-button",
|
|
875
870
|
className: makeClassName(classNames)
|
|
876
871
|
}, /*#__PURE__*/React.createElement("button", {
|
|
877
|
-
className: styles$
|
|
872
|
+
className: styles$x.control,
|
|
878
873
|
onClick: () => onClick(),
|
|
879
874
|
type: "button"
|
|
880
875
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
@@ -883,39 +878,39 @@ const BookmarkButton = ({
|
|
|
883
878
|
})));
|
|
884
879
|
};
|
|
885
880
|
|
|
886
|
-
var styles$
|
|
881
|
+
var styles$w = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
|
|
887
882
|
|
|
888
883
|
const Primary = ({
|
|
889
884
|
children
|
|
890
885
|
}) => {
|
|
891
886
|
return /*#__PURE__*/React.createElement("span", {
|
|
892
|
-
className: styles$
|
|
887
|
+
className: styles$w.primary
|
|
893
888
|
}, children);
|
|
894
889
|
};
|
|
895
890
|
const Secondary = ({
|
|
896
891
|
children
|
|
897
892
|
}) => {
|
|
898
893
|
return /*#__PURE__*/React.createElement("span", {
|
|
899
|
-
className: styles$
|
|
894
|
+
className: styles$w.secondary
|
|
900
895
|
}, children);
|
|
901
896
|
};
|
|
902
897
|
const MaterialTitle = ({
|
|
903
898
|
children
|
|
904
899
|
}) => {
|
|
905
900
|
return /*#__PURE__*/React.createElement("h1", {
|
|
906
|
-
className: styles$
|
|
901
|
+
className: styles$w.root,
|
|
907
902
|
"data-testid": "material-title"
|
|
908
903
|
}, children);
|
|
909
904
|
};
|
|
910
905
|
|
|
911
|
-
var styles$
|
|
906
|
+
var styles$v = {"root":"Dropdown-module_root__Wv7S-","menu":"Dropdown-module_menu__11IQL","inactive":"Dropdown-module_inactive__E5CP6","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
|
|
912
907
|
|
|
913
908
|
const Menu = ({
|
|
914
909
|
children
|
|
915
910
|
}) => {
|
|
916
911
|
return /*#__PURE__*/React.createElement("div", {
|
|
917
912
|
"data-testid": "dropdown",
|
|
918
|
-
className: styles$
|
|
913
|
+
className: styles$v.menu
|
|
919
914
|
}, children);
|
|
920
915
|
};
|
|
921
916
|
const Dropdown = ({
|
|
@@ -923,9 +918,9 @@ const Dropdown = ({
|
|
|
923
918
|
active,
|
|
924
919
|
styleContext
|
|
925
920
|
}) => {
|
|
926
|
-
let classNames = [[styles$
|
|
921
|
+
let classNames = [[styles$v.root, true], [styles$v.inactive, !active && styleContext === 'isPodcastSeason' && !!styles$v.inactive]];
|
|
927
922
|
if (styleContext) {
|
|
928
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
923
|
+
classNames = makeStyleContext(classNames, styleContext, styles$v);
|
|
929
924
|
}
|
|
930
925
|
return /*#__PURE__*/React.createElement("div", {
|
|
931
926
|
"data-testid": "dropdown",
|
|
@@ -933,13 +928,13 @@ const Dropdown = ({
|
|
|
933
928
|
}, children);
|
|
934
929
|
};
|
|
935
930
|
|
|
936
|
-
var styles$
|
|
931
|
+
var styles$u = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz"};
|
|
937
932
|
|
|
938
933
|
const ToolbarItem = ({
|
|
939
934
|
children
|
|
940
935
|
}) => {
|
|
941
936
|
return /*#__PURE__*/React.createElement("li", {
|
|
942
|
-
className: styles$
|
|
937
|
+
className: styles$u.item
|
|
943
938
|
}, children);
|
|
944
939
|
};
|
|
945
940
|
|
|
@@ -947,19 +942,19 @@ const Toolbar = ({
|
|
|
947
942
|
children,
|
|
948
943
|
styleContext
|
|
949
944
|
}) => {
|
|
950
|
-
let classNames = [[styles$
|
|
945
|
+
let classNames = [[styles$u.root, true]];
|
|
951
946
|
if (styleContext) {
|
|
952
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
947
|
+
classNames = makeStyleContext(classNames, styleContext, styles$u);
|
|
953
948
|
}
|
|
954
949
|
return /*#__PURE__*/React.createElement("div", {
|
|
955
950
|
"data-testid": "toolbar",
|
|
956
951
|
className: makeClassName(classNames)
|
|
957
952
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
958
|
-
className: styles$
|
|
953
|
+
className: styles$u.list
|
|
959
954
|
}, children));
|
|
960
955
|
};
|
|
961
956
|
|
|
962
|
-
var styles$
|
|
957
|
+
var styles$t = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","bookmark":"Meta-module_bookmark__jcFWn","isInBookRelated":"Meta-module_isInBookRelated__Ohidg","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
|
|
963
958
|
|
|
964
959
|
const Meta = ({
|
|
965
960
|
hasSource,
|
|
@@ -968,9 +963,9 @@ const Meta = ({
|
|
|
968
963
|
onlyOn,
|
|
969
964
|
styleContext
|
|
970
965
|
}) => {
|
|
971
|
-
let classNames = [[styles$
|
|
966
|
+
let classNames = [[styles$t.root, true], [styles$t[theme], !!theme && !!styles$t[theme]], [styles$t[onlyOn], !!onlyOn], [styles$t.hasSource, hasSource]];
|
|
972
967
|
if (styleContext) {
|
|
973
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
968
|
+
classNames = makeStyleContext(classNames, styleContext, styles$t);
|
|
974
969
|
}
|
|
975
970
|
return /*#__PURE__*/React.createElement("div", {
|
|
976
971
|
"data-testid": "meta",
|
|
@@ -978,7 +973,7 @@ const Meta = ({
|
|
|
978
973
|
}, children);
|
|
979
974
|
};
|
|
980
975
|
|
|
981
|
-
var styles$
|
|
976
|
+
var styles$s = {"root":"Timestamp-module_root__jPJ6w"};
|
|
982
977
|
|
|
983
978
|
const Timestamp = ({
|
|
984
979
|
publishedAt,
|
|
@@ -1002,7 +997,7 @@ const Timestamp = ({
|
|
|
1002
997
|
return /*#__PURE__*/React.createElement("time", {
|
|
1003
998
|
suppressHydrationWarning: true,
|
|
1004
999
|
"data-testid": "timestamp",
|
|
1005
|
-
className: styles$
|
|
1000
|
+
className: styles$s.root
|
|
1006
1001
|
}, published);
|
|
1007
1002
|
};
|
|
1008
1003
|
|
|
@@ -1062,7 +1057,7 @@ const DangerousHTML = ({
|
|
|
1062
1057
|
}));
|
|
1063
1058
|
};
|
|
1064
1059
|
|
|
1065
|
-
var styles$
|
|
1060
|
+
var styles$r = {"root":"EmbedBlock-module_root__wNZlD","object":"EmbedBlock-module_object__DONQ0","objectWrap":"EmbedBlock-module_objectWrap__qpbni","gameEmbed":"EmbedBlock-module_gameEmbed__tO5Ha","proportional":"EmbedBlock-module_proportional__zDPfm","default":"EmbedBlock-module_default__np8MO","xs":"EmbedBlock-module_xs__PNHGz","full":"EmbedBlock-module_full__Gmz7o","super_full":"EmbedBlock-module_super_full__-h382","figure":"EmbedBlock-module_figure__fNZB-","dark":"EmbedBlock-module_dark__S2R9f","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__Wjj7k","control":"EmbedBlock-module_control__9bJUa","raw_html":"EmbedBlock-module_raw_html__EfYVy","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__1MDT5","isInCard":"EmbedBlock-module_isInCard__WnLHG","isInSlide":"EmbedBlock-module_isInSlide__BtdnY","cc":"EmbedBlock-module_cc__Gyw44","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__nYajZ","isInAnswer":"EmbedBlock-module_isInAnswer__WuZ0H","picture":"EmbedBlock-module_picture__Weamy","wrapper":"EmbedBlock-module_wrapper__ynT7R","mobile":"EmbedBlock-module_mobile__lEuww","desktop":"EmbedBlock-module_desktop__599S7"};
|
|
1066
1061
|
|
|
1067
1062
|
const EmbedGif = ({
|
|
1068
1063
|
gif,
|
|
@@ -1100,9 +1095,9 @@ const EmbedGif = ({
|
|
|
1100
1095
|
};
|
|
1101
1096
|
}, []);
|
|
1102
1097
|
return /*#__PURE__*/React.createElement("div", {
|
|
1103
|
-
className: styles$
|
|
1098
|
+
className: styles$r.figure
|
|
1104
1099
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1105
|
-
className: styles$
|
|
1100
|
+
className: styles$r.objectWrap,
|
|
1106
1101
|
style: style,
|
|
1107
1102
|
"data-frozen": videoFrozen
|
|
1108
1103
|
}, /*#__PURE__*/React.createElement("video", {
|
|
@@ -1162,7 +1157,7 @@ const EmbedBlock = ({
|
|
|
1162
1157
|
case 'image':
|
|
1163
1158
|
{
|
|
1164
1159
|
return /*#__PURE__*/React.createElement("div", {
|
|
1165
|
-
className: styles$
|
|
1160
|
+
className: styles$r.figure
|
|
1166
1161
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
1167
1162
|
source: !optimized && [small, large],
|
|
1168
1163
|
optimized: block.data.optimized,
|
|
@@ -1177,7 +1172,7 @@ const EmbedBlock = ({
|
|
|
1177
1172
|
case 'game_embed':
|
|
1178
1173
|
{
|
|
1179
1174
|
return /*#__PURE__*/React.createElement("div", {
|
|
1180
|
-
className: styles$
|
|
1175
|
+
className: styles$r.gameEmbed
|
|
1181
1176
|
}, /*#__PURE__*/React.createElement("iframe", {
|
|
1182
1177
|
src: block.data.game_src,
|
|
1183
1178
|
id: block.data.game_id,
|
|
@@ -1187,7 +1182,7 @@ const EmbedBlock = ({
|
|
|
1187
1182
|
case 'dots_on_image':
|
|
1188
1183
|
{
|
|
1189
1184
|
return /*#__PURE__*/React.createElement("div", {
|
|
1190
|
-
className: styles$
|
|
1185
|
+
className: styles$r.figure
|
|
1191
1186
|
}, /*#__PURE__*/React.createElement(DotsOnImage, {
|
|
1192
1187
|
block: data
|
|
1193
1188
|
}));
|
|
@@ -1195,12 +1190,12 @@ const EmbedBlock = ({
|
|
|
1195
1190
|
default:
|
|
1196
1191
|
{
|
|
1197
1192
|
return /*#__PURE__*/React.createElement("div", {
|
|
1198
|
-
className: styles$
|
|
1193
|
+
className: styles$r.object
|
|
1199
1194
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1200
|
-
className: styles$
|
|
1195
|
+
className: styles$r.wrapper,
|
|
1201
1196
|
style: style
|
|
1202
1197
|
}, /*#__PURE__*/React.createElement(DangerousHTML, {
|
|
1203
|
-
className: styles$
|
|
1198
|
+
className: styles$r.objectWrap,
|
|
1204
1199
|
html: html
|
|
1205
1200
|
})));
|
|
1206
1201
|
}
|
|
@@ -1210,28 +1205,28 @@ const EmbedBlock = ({
|
|
|
1210
1205
|
style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
|
|
1211
1206
|
style.height = 0;
|
|
1212
1207
|
}
|
|
1213
|
-
let classNames = [[styles$
|
|
1208
|
+
let classNames = [[styles$r.root, true], [styles$r.cc, cc], [styles$r[display], !!display && styles$r[display]], [styles$r[provider], !!provider && !!styles$r[provider]], [styles$r[onlyOn], !!onlyOn && styles$r[onlyOn]], [styles$r.mobileFullwidth, mobileFullwidth], [styles$r.proportional, isProportional]];
|
|
1214
1209
|
// Убираем из контекста все, что не начинается с приставки isIn,
|
|
1215
1210
|
// чтобы не применились лишние модификаторы
|
|
1216
1211
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1217
1212
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1218
|
-
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$
|
|
1213
|
+
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$r[key]).reduce((acc, key) => {
|
|
1219
1214
|
acc.push(key);
|
|
1220
1215
|
return acc;
|
|
1221
1216
|
}, []);
|
|
1222
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1217
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$r);
|
|
1223
1218
|
}
|
|
1224
1219
|
return /*#__PURE__*/React.createElement("figure", {
|
|
1225
1220
|
className: makeClassName(classNames)
|
|
1226
1221
|
}, children && ( /*#__PURE__*/React.createElement("div", {
|
|
1227
|
-
className: styles$
|
|
1222
|
+
className: styles$r.object
|
|
1228
1223
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1229
|
-
className: styles$
|
|
1224
|
+
className: styles$r.wrapper,
|
|
1230
1225
|
style: style
|
|
1231
1226
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1232
|
-
className: styles$
|
|
1227
|
+
className: styles$r.objectWrap
|
|
1233
1228
|
}, children)))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
1234
|
-
className: styles$
|
|
1229
|
+
className: styles$r.control,
|
|
1235
1230
|
type: "button",
|
|
1236
1231
|
"aria-label": "Open",
|
|
1237
1232
|
onClick: () => {
|
|
@@ -1334,7 +1329,7 @@ const EmbedBlockContainer = ({
|
|
|
1334
1329
|
});
|
|
1335
1330
|
};
|
|
1336
1331
|
|
|
1337
|
-
var styles$
|
|
1332
|
+
var styles$q = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
|
|
1338
1333
|
|
|
1339
1334
|
const QuoteBlock = ({
|
|
1340
1335
|
block: {
|
|
@@ -1342,9 +1337,9 @@ const QuoteBlock = ({
|
|
|
1342
1337
|
},
|
|
1343
1338
|
styleContext
|
|
1344
1339
|
}) => {
|
|
1345
|
-
let classNames = [[styles$
|
|
1340
|
+
let classNames = [[styles$q.root, true]];
|
|
1346
1341
|
if (styleContext) {
|
|
1347
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1342
|
+
classNames = makeStyleContext(classNames, styleContext, styles$q);
|
|
1348
1343
|
}
|
|
1349
1344
|
return /*#__PURE__*/React.createElement("div", {
|
|
1350
1345
|
"data-testid": "quote-block",
|
|
@@ -1356,7 +1351,7 @@ const QuoteBlock = ({
|
|
|
1356
1351
|
}));
|
|
1357
1352
|
};
|
|
1358
1353
|
|
|
1359
|
-
var styles$
|
|
1354
|
+
var styles$p = {"root":"CardTitle-module_root__Pvx--","index":"CardTitle-module_index__Keled","title":"CardTitle-module_title__Lkflo","mobile":"CardTitle-module_mobile__6N3hB","desktop":"CardTitle-module_desktop__sBokS"};
|
|
1360
1355
|
|
|
1361
1356
|
const CardTitle = ({
|
|
1362
1357
|
block: {
|
|
@@ -1372,15 +1367,15 @@ const CardTitle = ({
|
|
|
1372
1367
|
return /*#__PURE__*/React.createElement("div", {
|
|
1373
1368
|
"data-testid": "card-title",
|
|
1374
1369
|
id: id,
|
|
1375
|
-
className: makeClassName([[styles$
|
|
1370
|
+
className: makeClassName([[styles$p.root, true], [styles$p[onlyOn], !!onlyOn], [styles$p[styleContext], !!styleContext && !!styles$p[styleContext]]])
|
|
1376
1371
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1377
|
-
className: styles$
|
|
1372
|
+
className: styles$p.index
|
|
1378
1373
|
}, index), /*#__PURE__*/React.createElement("h3", {
|
|
1379
|
-
className: styles$
|
|
1374
|
+
className: styles$p.title
|
|
1380
1375
|
}, text));
|
|
1381
1376
|
};
|
|
1382
1377
|
|
|
1383
|
-
var styles$
|
|
1378
|
+
var styles$o = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
|
|
1384
1379
|
|
|
1385
1380
|
const ChapterBlock = ({
|
|
1386
1381
|
block: {
|
|
@@ -1393,9 +1388,9 @@ const ChapterBlock = ({
|
|
|
1393
1388
|
return /*#__PURE__*/React.createElement("div", {
|
|
1394
1389
|
"data-testid": "chapter-block",
|
|
1395
1390
|
id: id,
|
|
1396
|
-
className: makeClassName([[styles$
|
|
1391
|
+
className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn]])
|
|
1397
1392
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1398
|
-
className: makeClassName([[styles$
|
|
1393
|
+
className: makeClassName([[styles$o.subtitle, true], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]]),
|
|
1399
1394
|
dangerouslySetInnerHTML: {
|
|
1400
1395
|
__html: data
|
|
1401
1396
|
}
|
|
@@ -1411,7 +1406,7 @@ const generateGradient = (color, type) => {
|
|
|
1411
1406
|
return `linear-gradient(-180deg, ${gradient})`;
|
|
1412
1407
|
};
|
|
1413
1408
|
|
|
1414
|
-
var styles$
|
|
1409
|
+
var styles$n = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
|
|
1415
1410
|
|
|
1416
1411
|
const SimpleTitle = ({
|
|
1417
1412
|
block: {
|
|
@@ -1422,9 +1417,9 @@ const SimpleTitle = ({
|
|
|
1422
1417
|
},
|
|
1423
1418
|
styleContext
|
|
1424
1419
|
}) => {
|
|
1425
|
-
let classNames = [[styles$
|
|
1420
|
+
let classNames = [[styles$n.root, true], [styles$n[onlyOn], true]];
|
|
1426
1421
|
if (styleContext) {
|
|
1427
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1422
|
+
classNames = makeStyleContext(classNames, styleContext, styles$n);
|
|
1428
1423
|
}
|
|
1429
1424
|
return /*#__PURE__*/React.createElement("h1", {
|
|
1430
1425
|
"data-testid": "simple-title",
|
|
@@ -1432,7 +1427,7 @@ const SimpleTitle = ({
|
|
|
1432
1427
|
}, first);
|
|
1433
1428
|
};
|
|
1434
1429
|
|
|
1435
|
-
var styles$
|
|
1430
|
+
var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
|
|
1436
1431
|
|
|
1437
1432
|
const RichTitle = ({
|
|
1438
1433
|
block: {
|
|
@@ -1446,9 +1441,9 @@ const RichTitle = ({
|
|
|
1446
1441
|
},
|
|
1447
1442
|
styleContext
|
|
1448
1443
|
}) => {
|
|
1449
|
-
let classNames = [[styles$
|
|
1444
|
+
let classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured]];
|
|
1450
1445
|
if (styleContext) {
|
|
1451
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1446
|
+
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1452
1447
|
}
|
|
1453
1448
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1454
1449
|
"data-testid": "rich-title",
|
|
@@ -1456,7 +1451,7 @@ const RichTitle = ({
|
|
|
1456
1451
|
}, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
|
|
1457
1452
|
};
|
|
1458
1453
|
|
|
1459
|
-
var styles$
|
|
1454
|
+
var styles$l = {"p":"SimpleBlock-module_p__7aRnT","h2":"SimpleBlock-module_h2__aWlMn","h3":"SimpleBlock-module_h3__uPh0-","h4":"SimpleBlock-module_h4__MxGXA","lead":"SimpleBlock-module_lead__NzEPT","lead_hr":"SimpleBlock-module_lead_hr__XN0rm","context_p":"SimpleBlock-module_context_p__Mdu1R","blockquote":"SimpleBlock-module_blockquote__nX-Ab","game":"SimpleBlock-module_game__uVeJJ","slide":"SimpleBlock-module_slide__MaaUF","dark":"SimpleBlock-module_dark__qtLhq","divider":"SimpleBlock-module_divider__-VXBu","isInIntro":"SimpleBlock-module_isInIntro__UOePf","center":"SimpleBlock-module_center__D1CsV","isInImportantLead":"SimpleBlock-module_isInImportantLead__qzKDo","podcastMaterial":"SimpleBlock-module_podcastMaterial__XEMjh","isInAnswer":"SimpleBlock-module_isInAnswer__Asx7d","mobile":"SimpleBlock-module_mobile__EVGYJ","desktop":"SimpleBlock-module_desktop__6ZH5e","isDark":"SimpleBlock-module_isDark__ehYKr"};
|
|
1460
1455
|
|
|
1461
1456
|
const SimpleBlock = ({
|
|
1462
1457
|
block: {
|
|
@@ -1468,9 +1463,9 @@ const SimpleBlock = ({
|
|
|
1468
1463
|
id = null
|
|
1469
1464
|
}) => {
|
|
1470
1465
|
let TagName;
|
|
1471
|
-
let classNames = [[styles$
|
|
1466
|
+
let classNames = [[styles$l[type], !!type && !!styles$l[type]], [styles$l[onlyOn], true]];
|
|
1472
1467
|
if (styleContext) {
|
|
1473
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1468
|
+
classNames = makeStyleContext(classNames, styleContext, styles$l);
|
|
1474
1469
|
}
|
|
1475
1470
|
switch (type) {
|
|
1476
1471
|
case 'context_p':
|
|
@@ -1502,7 +1497,7 @@ const SimpleBlock = ({
|
|
|
1502
1497
|
});
|
|
1503
1498
|
};
|
|
1504
1499
|
|
|
1505
|
-
var styles$
|
|
1500
|
+
var styles$k = {"root":"ListBlock-module_root__dqomP","ol":"ListBlock-module_ol__1l6nP","ul":"ListBlock-module_ul__bgHlv","center":"ListBlock-module_center__bEBN-","isInImportantLead":"ListBlock-module_isInImportantLead__ewcD1","dark":"ListBlock-module_dark__NzpYz","mobile":"ListBlock-module_mobile__qEBsn","desktop":"ListBlock-module_desktop__HN0IU"};
|
|
1506
1501
|
|
|
1507
1502
|
const ListBlock = ({
|
|
1508
1503
|
block: {
|
|
@@ -1513,9 +1508,9 @@ const ListBlock = ({
|
|
|
1513
1508
|
styleContext
|
|
1514
1509
|
}) => {
|
|
1515
1510
|
const TagName = type;
|
|
1516
|
-
let classNames = [[styles$
|
|
1511
|
+
let classNames = [[styles$k.root, true], [styles$k[onlyOn], true], [styles$k[type], !!type && !!styles$k[type]]];
|
|
1517
1512
|
if (styleContext) {
|
|
1518
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1513
|
+
classNames = makeStyleContext(classNames, styleContext, styles$k);
|
|
1519
1514
|
}
|
|
1520
1515
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1521
1516
|
className: makeClassName(classNames),
|
|
@@ -1528,7 +1523,7 @@ const ListBlock = ({
|
|
|
1528
1523
|
}))));
|
|
1529
1524
|
};
|
|
1530
1525
|
|
|
1531
|
-
var styles$
|
|
1526
|
+
var styles$j = {"root":"RelatedBlock-module_root__cr1c-","header":"RelatedBlock-module_header__bfUJD","items":"RelatedBlock-module_items__rzzam","rich":"RelatedBlock-module_rich__1cWdn","first":"RelatedBlock-module_first__ZkcP5","simple":"RelatedBlock-module_simple__m22bj","center":"RelatedBlock-module_center__WVpIJ","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__VumDw","mobile":"RelatedBlock-module_mobile__AScBA","desktop":"RelatedBlock-module_desktop__uMXUY"};
|
|
1532
1527
|
|
|
1533
1528
|
const RelatedBlock = ({
|
|
1534
1529
|
block: {
|
|
@@ -1540,28 +1535,28 @@ const RelatedBlock = ({
|
|
|
1540
1535
|
},
|
|
1541
1536
|
styleContext
|
|
1542
1537
|
}) => {
|
|
1543
|
-
let classNames = [[styles$
|
|
1538
|
+
let classNames = [[styles$j.root, true], [styles$j[onlyOn], true]];
|
|
1544
1539
|
if (styleContext) {
|
|
1545
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1540
|
+
classNames = makeStyleContext(classNames, styleContext, styles$j);
|
|
1546
1541
|
}
|
|
1547
1542
|
return /*#__PURE__*/React.createElement("div", {
|
|
1548
1543
|
"data-testid": "related-block",
|
|
1549
1544
|
className: makeClassName(classNames)
|
|
1550
1545
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1551
|
-
className: styles$
|
|
1546
|
+
className: styles$j.header
|
|
1552
1547
|
}, title), /*#__PURE__*/React.createElement("ul", {
|
|
1553
|
-
className: styles$
|
|
1548
|
+
className: styles$j.items
|
|
1554
1549
|
}, related.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
|
|
1555
1550
|
key: item.id || index,
|
|
1556
|
-
className: styles$
|
|
1551
|
+
className: styles$j[item.layout]
|
|
1557
1552
|
}, /*#__PURE__*/React.createElement(reactRouterDom.Link, {
|
|
1558
1553
|
to: item.full_url || `/${item.url}`
|
|
1559
1554
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1560
|
-
className: styles$
|
|
1555
|
+
className: styles$j.first
|
|
1561
1556
|
}, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title)))))));
|
|
1562
1557
|
};
|
|
1563
1558
|
|
|
1564
|
-
var styles$
|
|
1559
|
+
var styles$i = {"root":"SourceBlock-module_root__9dnI4","text":"SourceBlock-module_text__M5-uy","origin":"SourceBlock-module_origin__fyvxH","center":"SourceBlock-module_center__UOMwy","mobile":"SourceBlock-module_mobile__QVEyg","desktop":"SourceBlock-module_desktop__xdXWm","isDark":"SourceBlock-module_isDark__etwk1"};
|
|
1565
1560
|
|
|
1566
1561
|
const SourceBlock = ({
|
|
1567
1562
|
block: {
|
|
@@ -1574,16 +1569,16 @@ const SourceBlock = ({
|
|
|
1574
1569
|
},
|
|
1575
1570
|
styleContext
|
|
1576
1571
|
}) => {
|
|
1577
|
-
let classNames = [[styles$
|
|
1572
|
+
let classNames = [[styles$i.root, true], [styles$i[onlyOn], true]];
|
|
1578
1573
|
if (styleContext) {
|
|
1579
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1574
|
+
classNames = makeStyleContext(classNames, styleContext, styles$i);
|
|
1580
1575
|
}
|
|
1581
1576
|
return /*#__PURE__*/React.createElement("blockquote", {
|
|
1582
1577
|
"data-testid": "source-block",
|
|
1583
1578
|
cite: url,
|
|
1584
1579
|
className: makeClassName(classNames)
|
|
1585
1580
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1586
|
-
className: styles$
|
|
1581
|
+
className: styles$i.text,
|
|
1587
1582
|
href: url,
|
|
1588
1583
|
target: "_blank",
|
|
1589
1584
|
rel: "noopener noreferrer"
|
|
@@ -1593,11 +1588,11 @@ const SourceBlock = ({
|
|
|
1593
1588
|
__html: item.data
|
|
1594
1589
|
}
|
|
1595
1590
|
}))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
|
|
1596
|
-
className: styles$
|
|
1591
|
+
className: styles$i.origin
|
|
1597
1592
|
}, origin))));
|
|
1598
1593
|
};
|
|
1599
1594
|
|
|
1600
|
-
var styles$
|
|
1595
|
+
var styles$h = {"root":"SensitiveBlock-module_root__1Nl9-","container":"SensitiveBlock-module_container__GE2tW","overlay":"SensitiveBlock-module_overlay__tEsK8","content":"SensitiveBlock-module_content__RYbdd","button":"SensitiveBlock-module_button__LGEEM","default":"SensitiveBlock-module_default__pkWhC","full":"SensitiveBlock-module_full__hlH41","media":"SensitiveBlock-module_media__nuL1S","super_full":"SensitiveBlock-module_super_full__C7UyP","visible":"SensitiveBlock-module_visible__bXhYO","isInCard":"SensitiveBlock-module_isInCard__uANYL","isInSlide":"SensitiveBlock-module_isInSlide__ZAVUU"};
|
|
1601
1596
|
|
|
1602
1597
|
const SensitiveBlock = ({
|
|
1603
1598
|
block,
|
|
@@ -1620,40 +1615,40 @@ const SensitiveBlock = ({
|
|
|
1620
1615
|
const handleClick = () => {
|
|
1621
1616
|
isVisible(true);
|
|
1622
1617
|
};
|
|
1623
|
-
let classNames = [[styles$
|
|
1618
|
+
let classNames = [[styles$h.root, true], [styles$h.visible, visible], [styles$h[display], display && styles$h[display]]];
|
|
1624
1619
|
let context = ['isInSensitiveBlock'];
|
|
1625
1620
|
if (styleContext) {
|
|
1626
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1621
|
+
classNames = makeStyleContext(classNames, styleContext, styles$h);
|
|
1627
1622
|
context = [...styleContext, 'isInSensitiveBlock'];
|
|
1628
1623
|
}
|
|
1629
1624
|
return /*#__PURE__*/React.createElement("div", {
|
|
1630
1625
|
"data-testid": "sensitive-block",
|
|
1631
1626
|
className: makeClassName(classNames)
|
|
1632
1627
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1633
|
-
className: styles$
|
|
1628
|
+
className: styles$h.container
|
|
1634
1629
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1635
|
-
className: styles$
|
|
1630
|
+
className: styles$h.overlay,
|
|
1636
1631
|
style: {
|
|
1637
1632
|
backgroundImage: `url(${blurredImage})`
|
|
1638
1633
|
}
|
|
1639
1634
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1640
|
-
className: styles$
|
|
1635
|
+
className: styles$h.content
|
|
1641
1636
|
}, /*#__PURE__*/React.createElement("p", {
|
|
1642
1637
|
dangerouslySetInnerHTML: {
|
|
1643
1638
|
__html: block.title
|
|
1644
1639
|
}
|
|
1645
1640
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1646
|
-
className: styles$
|
|
1641
|
+
className: styles$h.button
|
|
1647
1642
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
1648
1643
|
onClick: () => handleClick(),
|
|
1649
1644
|
theme: "light"
|
|
1650
1645
|
}, block.button.text)))), /*#__PURE__*/React.createElement("div", {
|
|
1651
|
-
className: styles$
|
|
1646
|
+
className: styles$h.media
|
|
1652
1647
|
}, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
|
|
1653
1648
|
block: block.item,
|
|
1654
1649
|
styleContext: context
|
|
1655
1650
|
}))), cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1656
|
-
className: styles$
|
|
1651
|
+
className: styles$h.figcaption
|
|
1657
1652
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1658
1653
|
credit: credit,
|
|
1659
1654
|
caption: caption,
|
|
@@ -1661,7 +1656,7 @@ const SensitiveBlock = ({
|
|
|
1661
1656
|
}))));
|
|
1662
1657
|
};
|
|
1663
1658
|
|
|
1664
|
-
var styles$
|
|
1659
|
+
var styles$g = {"root":"GroupedBlock-module_root__MQQin","hasFigcaption":"GroupedBlock-module_hasFigcaption__Y05ed","item":"GroupedBlock-module_item__-InqF","items":"GroupedBlock-module_items__8X4js","figcaption":"GroupedBlock-module_figcaption__OE5-u","default":"GroupedBlock-module_default__Tha8f","full":"GroupedBlock-module_full__SNwyE","super_full":"GroupedBlock-module_super_full__HTA9D","mobile":"GroupedBlock-module_mobile__xqMw5","desktop":"GroupedBlock-module_desktop__Oobdp"};
|
|
1665
1660
|
|
|
1666
1661
|
const GroupedBlock = ({
|
|
1667
1662
|
block,
|
|
@@ -1677,19 +1672,19 @@ const GroupedBlock = ({
|
|
|
1677
1672
|
return width / (height / maxHeight);
|
|
1678
1673
|
});
|
|
1679
1674
|
const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
|
|
1680
|
-
let classNames = [[styles$
|
|
1675
|
+
let classNames = [[styles$g.root, true], [styles$g[onlyOn], true], [styles$g.hasFigcaption, block.cc === 'default'], [styles$g[block.display], !!block.display && styles$g[block.display]]];
|
|
1681
1676
|
if (styleContext) {
|
|
1682
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1677
|
+
classNames = makeStyleContext(classNames, styleContext, styles$g);
|
|
1683
1678
|
}
|
|
1684
1679
|
return /*#__PURE__*/React.createElement("div", {
|
|
1685
1680
|
"data-testid": "grouped-block",
|
|
1686
1681
|
className: makeClassName(classNames)
|
|
1687
1682
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1688
|
-
className: styles$
|
|
1683
|
+
className: styles$g.items
|
|
1689
1684
|
}, block.data.map((item, index) => {
|
|
1690
1685
|
const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1691
1686
|
return /*#__PURE__*/React.createElement("div", {
|
|
1692
|
-
className: styles$
|
|
1687
|
+
className: styles$g.item,
|
|
1693
1688
|
key: item.id,
|
|
1694
1689
|
style: {
|
|
1695
1690
|
width: `${percentWidth}%`
|
|
@@ -1702,7 +1697,7 @@ const GroupedBlock = ({
|
|
|
1702
1697
|
styleContext: ['isInGroupedBlock']
|
|
1703
1698
|
})));
|
|
1704
1699
|
})), block.cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1705
|
-
className: styles$
|
|
1700
|
+
className: styles$g.figcaption
|
|
1706
1701
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1707
1702
|
credit: block.credit,
|
|
1708
1703
|
caption: block.caption,
|
|
@@ -1710,7 +1705,7 @@ const GroupedBlock = ({
|
|
|
1710
1705
|
}))));
|
|
1711
1706
|
};
|
|
1712
1707
|
|
|
1713
|
-
var styles$
|
|
1708
|
+
var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","listened":"MetaItem-module_listened__XZWFQ","read":"MetaItem-module_read__O3cUz","datetime":"MetaItem-module_datetime__--O8c"};
|
|
1714
1709
|
|
|
1715
1710
|
const MetaItem = ({
|
|
1716
1711
|
hasSource,
|
|
@@ -1718,25 +1713,25 @@ const MetaItem = ({
|
|
|
1718
1713
|
children,
|
|
1719
1714
|
bullets
|
|
1720
1715
|
}) => {
|
|
1721
|
-
const classNames = [[styles$
|
|
1716
|
+
const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets]];
|
|
1722
1717
|
return /*#__PURE__*/React.createElement("div", {
|
|
1723
1718
|
"data-testid": "meta-item",
|
|
1724
1719
|
className: makeClassName(classNames)
|
|
1725
1720
|
}, children);
|
|
1726
1721
|
};
|
|
1727
1722
|
|
|
1728
|
-
var styles$
|
|
1723
|
+
var styles$e = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","frame":"MetaItemLive-module_frame__FHByQ","liveMiddle":"MetaItemLive-module_liveMiddle__SX4Gs","liveFirstWave":"MetaItemLive-module_liveFirstWave__QqstP","liveSecondWave":"MetaItemLive-module_liveSecondWave__hlbpt"};
|
|
1729
1724
|
|
|
1730
1725
|
const MetaItemLive = ({
|
|
1731
1726
|
theme = 'gold'
|
|
1732
1727
|
}) => {
|
|
1733
|
-
const classNames = [[styles$
|
|
1728
|
+
const classNames = [[styles$e.root, true], [styles$e[theme], !!theme && styles$e[theme]]];
|
|
1734
1729
|
return /*#__PURE__*/React.createElement("div", {
|
|
1735
1730
|
"data-testid": "meta-item-live",
|
|
1736
1731
|
"data-meta": "live",
|
|
1737
1732
|
className: makeClassName(classNames)
|
|
1738
1733
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1739
|
-
className: styles$
|
|
1734
|
+
className: styles$e.frame
|
|
1740
1735
|
}));
|
|
1741
1736
|
};
|
|
1742
1737
|
|
|
@@ -1756,7 +1751,7 @@ const pluralize = (number, one, two, five) => {
|
|
|
1756
1751
|
return five;
|
|
1757
1752
|
};
|
|
1758
1753
|
|
|
1759
|
-
var styles$
|
|
1754
|
+
var styles$d = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
|
|
1760
1755
|
|
|
1761
1756
|
const DocumentItemsCount = ({
|
|
1762
1757
|
type,
|
|
@@ -1793,9 +1788,9 @@ const DocumentItemsCount = ({
|
|
|
1793
1788
|
const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
|
|
1794
1789
|
return /*#__PURE__*/React.createElement("div", {
|
|
1795
1790
|
"data-testid": "document-items-count",
|
|
1796
|
-
className: styles$
|
|
1791
|
+
className: styles$d.root
|
|
1797
1792
|
}, children, /*#__PURE__*/React.createElement("span", {
|
|
1798
|
-
className: styles$
|
|
1793
|
+
className: styles$d.items
|
|
1799
1794
|
}, itemsCount));
|
|
1800
1795
|
};
|
|
1801
1796
|
|
|
@@ -1920,22 +1915,22 @@ const MetaContainer = ({
|
|
|
1920
1915
|
icon: isListened ? 'listened' : 'read',
|
|
1921
1916
|
size: "unset"
|
|
1922
1917
|
}))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
|
|
1923
|
-
className: styles$
|
|
1918
|
+
className: styles$t.bookmark
|
|
1924
1919
|
}, /*#__PURE__*/React.createElement(BookmarkButton, {
|
|
1925
1920
|
isInBookmarks: isInBookmarks,
|
|
1926
1921
|
onClick: () => bookmarkAction('bookmark', 'top')
|
|
1927
1922
|
}))));
|
|
1928
1923
|
};
|
|
1929
1924
|
|
|
1930
|
-
var styles$
|
|
1925
|
+
var styles$c = {"root":"DonatesTeaser-module_root__XQCVy","main":"DonatesTeaser-module_main__eN9kd","title":"DonatesTeaser-module_title__9umo1","text":"DonatesTeaser-module_text__s6tyf","cta":"DonatesTeaser-module_cta__-50aB","center":"DonatesTeaser-module_center__gxLvW","isInCard":"DonatesTeaser-module_isInCard__vaUhd","isInSlide":"DonatesTeaser-module_isInSlide__Dh4NH","ru":"DonatesTeaser-module_ru__y-PlJ","en":"DonatesTeaser-module_en__0Iisr"};
|
|
1931
1926
|
|
|
1932
1927
|
const DonatesTeaser = ({
|
|
1933
1928
|
styleContext,
|
|
1934
1929
|
lang = 'ru'
|
|
1935
1930
|
}) => {
|
|
1936
|
-
let classNames = [[styles$
|
|
1931
|
+
let classNames = [[styles$c.root, true], [styles$c[lang], styles$c[lang]]];
|
|
1937
1932
|
if (styleContext) {
|
|
1938
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1933
|
+
classNames = makeStyleContext(classNames, styleContext, styles$c);
|
|
1939
1934
|
}
|
|
1940
1935
|
const data = {
|
|
1941
1936
|
ru: {
|
|
@@ -1955,20 +1950,20 @@ const DonatesTeaser = ({
|
|
|
1955
1950
|
"data-testid": "donates-teaser",
|
|
1956
1951
|
className: makeClassName(classNames)
|
|
1957
1952
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1958
|
-
className: styles$
|
|
1953
|
+
className: styles$c.main
|
|
1959
1954
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1960
|
-
className: styles$
|
|
1955
|
+
className: styles$c.title
|
|
1961
1956
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1962
1957
|
dangerouslySetInnerHTML: {
|
|
1963
1958
|
__html: data[lang].title
|
|
1964
1959
|
}
|
|
1965
1960
|
}), ` `, /*#__PURE__*/React.createElement("span", {
|
|
1966
|
-
className: styles$
|
|
1961
|
+
className: styles$c.text,
|
|
1967
1962
|
dangerouslySetInnerHTML: {
|
|
1968
1963
|
__html: data[lang].subtitle
|
|
1969
1964
|
}
|
|
1970
1965
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1971
|
-
className: styles$
|
|
1966
|
+
className: styles$c.cta
|
|
1972
1967
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1973
1968
|
href: data[lang].href,
|
|
1974
1969
|
target: "_blank",
|
|
@@ -1976,15 +1971,15 @@ const DonatesTeaser = ({
|
|
|
1976
1971
|
}, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
|
|
1977
1972
|
};
|
|
1978
1973
|
|
|
1979
|
-
var styles$
|
|
1974
|
+
var styles$b = {"root":"AnnouncementInText-module_root__C4-Oo","body":"AnnouncementInText-module_body__lZy-L","title":"AnnouncementInText-module_title__cb6i1","footer":"AnnouncementInText-module_footer__jRk9p","button":"AnnouncementInText-module_button__JuT-E","link":"AnnouncementInText-module_link__C0YxL","center":"AnnouncementInText-module_center__1DJjd","isInCard":"AnnouncementInText-module_isInCard__jIqpa","isInSlide":"AnnouncementInText-module_isInSlide__BWO-A","ru":"AnnouncementInText-module_ru__QHQad","en":"AnnouncementInText-module_en__r0PvM"};
|
|
1980
1975
|
|
|
1981
1976
|
const AnnouncementInText = ({
|
|
1982
1977
|
styleContext,
|
|
1983
1978
|
lang = 'ru'
|
|
1984
1979
|
}) => {
|
|
1985
|
-
let classNames = [[styles$
|
|
1980
|
+
let classNames = [[styles$b.root, true], [styles$b[lang], styles$b[lang]]];
|
|
1986
1981
|
if (styleContext) {
|
|
1987
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1982
|
+
classNames = makeStyleContext(classNames, styleContext, styles$b);
|
|
1988
1983
|
}
|
|
1989
1984
|
const data = {
|
|
1990
1985
|
ru: {
|
|
@@ -2005,9 +2000,9 @@ const AnnouncementInText = ({
|
|
|
2005
2000
|
"data-testid": "announcement-in-text",
|
|
2006
2001
|
className: makeClassName(classNames)
|
|
2007
2002
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2008
|
-
className: styles$
|
|
2003
|
+
className: styles$b.body
|
|
2009
2004
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
2010
|
-
className: styles$
|
|
2005
|
+
className: styles$b.title,
|
|
2011
2006
|
dangerouslySetInnerHTML: {
|
|
2012
2007
|
__html: localeData.title
|
|
2013
2008
|
}
|
|
@@ -2016,18 +2011,18 @@ const AnnouncementInText = ({
|
|
|
2016
2011
|
__html: localeData.text
|
|
2017
2012
|
}
|
|
2018
2013
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2019
|
-
className: styles$
|
|
2014
|
+
className: styles$b.footer
|
|
2020
2015
|
}, /*#__PURE__*/React.createElement("a", {
|
|
2021
|
-
className: styles$
|
|
2016
|
+
className: styles$b.link,
|
|
2022
2017
|
href: localeData.href,
|
|
2023
2018
|
target: "_blank",
|
|
2024
2019
|
rel: "noreferrer"
|
|
2025
2020
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
|
|
2026
|
-
className: styles$
|
|
2021
|
+
className: styles$b.button
|
|
2027
2022
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button))));
|
|
2028
2023
|
};
|
|
2029
2024
|
|
|
2030
|
-
var styles$
|
|
2025
|
+
var styles$a = {"root":"VersesBlock-module_root__CrgSZ","ol":"VersesBlock-module_ol__ToXjg","ul":"VersesBlock-module_ul__wfaQD","center":"VersesBlock-module_center__E1IS-","isInImportantLead":"VersesBlock-module_isInImportantLead__pdugk","dark":"VersesBlock-module_dark__FwaPS","mobile":"VersesBlock-module_mobile__EcHvz","desktop":"VersesBlock-module_desktop__quKfJ"};
|
|
2031
2026
|
|
|
2032
2027
|
const VersesBlock = ({
|
|
2033
2028
|
block: {
|
|
@@ -2037,9 +2032,9 @@ const VersesBlock = ({
|
|
|
2037
2032
|
},
|
|
2038
2033
|
styleContext
|
|
2039
2034
|
}) => {
|
|
2040
|
-
let classNames = [[styles$
|
|
2035
|
+
let classNames = [[styles$a.root, true], [styles$a[onlyOn], true], [styles$a[type], !!type && !!styles$a[type]]];
|
|
2041
2036
|
if (styleContext) {
|
|
2042
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2037
|
+
classNames = makeStyleContext(classNames, styleContext, styles$a);
|
|
2043
2038
|
}
|
|
2044
2039
|
return /*#__PURE__*/React.createElement("ul", {
|
|
2045
2040
|
className: makeClassName(classNames),
|
|
@@ -2215,7 +2210,7 @@ const RenderBlocks = ({
|
|
|
2215
2210
|
}
|
|
2216
2211
|
};
|
|
2217
2212
|
|
|
2218
|
-
var styles$
|
|
2213
|
+
var styles$9 = {"root":"Cover-module_root__3pscq","body":"Cover-module_body__eJpUI","image":"Cover-module_image__frrrH","rich":"Cover-module_rich__YcxWa","dark":"Cover-module_dark__cRucL","light":"Cover-module_light__la-sk","control":"Cover-module_control__WP0G3","isInDynamicBlock":"Cover-module_isInDynamicBlock__qO-yt","mobile":"Cover-module_mobile__aotep","desktop":"Cover-module_desktop__dfbC-"};
|
|
2219
2214
|
|
|
2220
2215
|
const Cover = ({
|
|
2221
2216
|
block: {
|
|
@@ -2236,13 +2231,13 @@ const Cover = ({
|
|
|
2236
2231
|
}) => {
|
|
2237
2232
|
const [isPopoverShown, setIsPopoverShown] = React.useState(false);
|
|
2238
2233
|
const style = {};
|
|
2239
|
-
let classNames = [[styles$
|
|
2234
|
+
let classNames = [[styles$9.root, true], [styles$9[onlyOn], !!onlyOn && !!styles$9[onlyOn]]];
|
|
2240
2235
|
if (styleContext) {
|
|
2241
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2236
|
+
classNames = makeStyleContext(classNames, styleContext, styles$9);
|
|
2242
2237
|
}
|
|
2243
2238
|
if (gradients) {
|
|
2244
2239
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2245
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2240
|
+
classNames = makeStyleContext(classNames, theme, styles$9);
|
|
2246
2241
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2247
2242
|
}
|
|
2248
2243
|
const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
|
|
@@ -2254,20 +2249,20 @@ const Cover = ({
|
|
|
2254
2249
|
"data-testid": "cover",
|
|
2255
2250
|
className: makeClassName(classNames)
|
|
2256
2251
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2257
|
-
className: styles$
|
|
2252
|
+
className: styles$9.image
|
|
2258
2253
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2259
2254
|
optimized: urls,
|
|
2260
2255
|
ratio: mobileRatio,
|
|
2261
2256
|
display: "narrow"
|
|
2262
2257
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2263
|
-
className: styles$
|
|
2258
|
+
className: styles$9.body,
|
|
2264
2259
|
style: style
|
|
2265
2260
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2266
2261
|
key: item.id,
|
|
2267
2262
|
block: item,
|
|
2268
2263
|
styleContext: styleContext
|
|
2269
2264
|
})))), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
2270
|
-
className: styles$
|
|
2265
|
+
className: styles$9.control,
|
|
2271
2266
|
type: "button",
|
|
2272
2267
|
"aria-label": "Open",
|
|
2273
2268
|
onClick: () => {
|
|
@@ -2280,7 +2275,7 @@ const Cover = ({
|
|
|
2280
2275
|
}, renderCC('isInPopover'))));
|
|
2281
2276
|
};
|
|
2282
2277
|
|
|
2283
|
-
var styles$
|
|
2278
|
+
var styles$8 = {"root":"HalfBlock-module_root__EXQbz","main":"HalfBlock-module_main__eIcRo","body":"HalfBlock-module_body__HPhGj","footer":"HalfBlock-module_footer__TFfCQ","image":"HalfBlock-module_image__XWLbK","mobile":"HalfBlock-module_mobile__uGGpm","desktop":"HalfBlock-module_desktop__p-hAq"};
|
|
2284
2279
|
|
|
2285
2280
|
const HalfBlock = ({
|
|
2286
2281
|
block: {
|
|
@@ -2297,29 +2292,29 @@ const HalfBlock = ({
|
|
|
2297
2292
|
},
|
|
2298
2293
|
styleContext
|
|
2299
2294
|
}) => {
|
|
2300
|
-
let classNames = [[styles$
|
|
2295
|
+
let classNames = [[styles$8.root, true], [styles$8[onlyOn], true]];
|
|
2301
2296
|
if (styleContext) {
|
|
2302
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2297
|
+
classNames = makeStyleContext(classNames, styleContext, styles$8);
|
|
2303
2298
|
}
|
|
2304
2299
|
return /*#__PURE__*/React.createElement("div", {
|
|
2305
2300
|
"data-testid": "half-block",
|
|
2306
2301
|
className: makeClassName(classNames)
|
|
2307
2302
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2308
|
-
className: styles$
|
|
2303
|
+
className: styles$8.main
|
|
2309
2304
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2310
|
-
className: styles$
|
|
2305
|
+
className: styles$8.image
|
|
2311
2306
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2312
2307
|
optimized: optimized,
|
|
2313
2308
|
ratio: ratio,
|
|
2314
2309
|
display: "super_full"
|
|
2315
2310
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2316
|
-
className: styles$
|
|
2311
|
+
className: styles$8.body
|
|
2317
2312
|
}, data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2318
2313
|
key: item.id,
|
|
2319
2314
|
block: item,
|
|
2320
2315
|
styleContext: ['rich']
|
|
2321
2316
|
}))))), /*#__PURE__*/React.createElement("div", {
|
|
2322
|
-
className: styles$
|
|
2317
|
+
className: styles$8.footer
|
|
2323
2318
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
2324
2319
|
credit: credit,
|
|
2325
2320
|
caption: caption,
|
|
@@ -2327,7 +2322,7 @@ const HalfBlock = ({
|
|
|
2327
2322
|
})));
|
|
2328
2323
|
};
|
|
2329
2324
|
|
|
2330
|
-
var styles$
|
|
2325
|
+
var styles$7 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
|
|
2331
2326
|
|
|
2332
2327
|
const ImportantLead = ({
|
|
2333
2328
|
block: {
|
|
@@ -2336,9 +2331,9 @@ const ImportantLead = ({
|
|
|
2336
2331
|
},
|
|
2337
2332
|
styleContext
|
|
2338
2333
|
}) => {
|
|
2339
|
-
let classNames = [[styles$
|
|
2334
|
+
let classNames = [[styles$7.root, true], [styles$7[onlyOn], !!onlyOn]];
|
|
2340
2335
|
if (styleContext) {
|
|
2341
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2336
|
+
classNames = makeStyleContext(classNames, styleContext, styles$7);
|
|
2342
2337
|
}
|
|
2343
2338
|
return /*#__PURE__*/React.createElement("div", {
|
|
2344
2339
|
"data-testid": "important-lead",
|
|
@@ -2350,7 +2345,7 @@ const ImportantLead = ({
|
|
|
2350
2345
|
}))));
|
|
2351
2346
|
};
|
|
2352
2347
|
|
|
2353
|
-
var styles$
|
|
2348
|
+
var styles$6 = {"root":"Spoiler-module_root__fAbb9","header":"Spoiler-module_header__iEKsQ","body":"Spoiler-module_body__jjqIn","spoiled":"Spoiler-module_spoiled__ENI93","footer":"Spoiler-module_footer__g21Zn","spoilerSticky":"Spoiler-module_spoilerSticky__YTiyF","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__tmDnG","center":"Spoiler-module_center__0XCWo","full":"Spoiler-module_full__FtKDT","default":"Spoiler-module_default__wvlKw","mobile":"Spoiler-module_mobile__PWCMW","desktop":"Spoiler-module_desktop__qTakd"};
|
|
2354
2349
|
|
|
2355
2350
|
const Spoiler = ({
|
|
2356
2351
|
block: {
|
|
@@ -2379,11 +2374,11 @@ const Spoiler = ({
|
|
|
2379
2374
|
postMessage('', 'openSpoiler', 'click');
|
|
2380
2375
|
}
|
|
2381
2376
|
};
|
|
2382
|
-
let classNames = [[styles$
|
|
2377
|
+
let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn], [styles$6[display], !!display && styles$6[display]], [[styles$6.spoiled], !!spoiled]];
|
|
2383
2378
|
const context = ['center'];
|
|
2384
2379
|
if (styleContext) {
|
|
2385
2380
|
context.concat(styleContext);
|
|
2386
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2381
|
+
classNames = makeStyleContext(classNames, styleContext, styles$6);
|
|
2387
2382
|
}
|
|
2388
2383
|
const buttonCollapse = button ? button.collapse : 'Свернуть';
|
|
2389
2384
|
const buttonExpande = button ? button.expand : buttonTitle;
|
|
@@ -2392,15 +2387,15 @@ const Spoiler = ({
|
|
|
2392
2387
|
className: makeClassName(classNames),
|
|
2393
2388
|
"data-testid": "spoiler"
|
|
2394
2389
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2395
|
-
className: styles$
|
|
2390
|
+
className: styles$6.header
|
|
2396
2391
|
}, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
|
|
2397
|
-
className: styles$
|
|
2392
|
+
className: styles$6.body
|
|
2398
2393
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2399
2394
|
key: item.id,
|
|
2400
2395
|
block: item,
|
|
2401
2396
|
styleContext: context
|
|
2402
2397
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2403
|
-
className: styles$
|
|
2398
|
+
className: styles$6.footer
|
|
2404
2399
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
2405
2400
|
size: "default",
|
|
2406
2401
|
theme: "gray",
|
|
@@ -2411,7 +2406,7 @@ const Spoiler = ({
|
|
|
2411
2406
|
}))));
|
|
2412
2407
|
};
|
|
2413
2408
|
|
|
2414
|
-
var styles$
|
|
2409
|
+
var styles$5 = {"root":"RelatedRichBlock-module_root__-SEe7","wrapper":"RelatedRichBlock-module_wrapper__YkEpr","overlay":"RelatedRichBlock-module_overlay__tWuyR","overlayHeader":"RelatedRichBlock-module_overlayHeader__V3ynX","body":"RelatedRichBlock-module_body__XhS0U","isRich":"RelatedRichBlock-module_isRich__Z2kQ8","hasGradient":"RelatedRichBlock-module_hasGradient__s5Krh","picture":"RelatedRichBlock-module_picture__OmRKx","isCard":"RelatedRichBlock-module_isCard__wkMw-","cover":"RelatedRichBlock-module_cover__3gnIx","tag":"RelatedRichBlock-module_tag__c18sv","center":"RelatedRichBlock-module_center__KANd-","dark":"RelatedRichBlock-module_dark__cnk4R","light":"RelatedRichBlock-module_light__aJLn7","mobile":"RelatedRichBlock-module_mobile__N-G4U","desktop":"RelatedRichBlock-module_desktop__EaPOr"};
|
|
2415
2410
|
|
|
2416
2411
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2417
2412
|
const RelatedRichBlock = ({
|
|
@@ -2448,16 +2443,16 @@ const RelatedRichBlock = ({
|
|
|
2448
2443
|
const handleClick = () => {
|
|
2449
2444
|
postMessage('richRelated', url, 'click');
|
|
2450
2445
|
};
|
|
2451
|
-
let classNames = [[styles$
|
|
2446
|
+
let classNames = [[styles$5.root, true], [styles$5[cardType], !!layout && !!styles$5[cardType]], [styles$5.hasGradient, !!gradients], [styles$5[onlyOn], !!onlyOn && !!styles$5[onlyOn]]];
|
|
2452
2447
|
let context = ['isInMediaBlock'];
|
|
2453
2448
|
if (styleContext) {
|
|
2454
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2449
|
+
classNames = makeStyleContext(classNames, styleContext, styles$5);
|
|
2455
2450
|
context = [...styleContext, 'isInMediaBlock'];
|
|
2456
2451
|
}
|
|
2457
2452
|
if (gradients) {
|
|
2458
2453
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2459
2454
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2460
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2455
|
+
classNames = makeStyleContext(classNames, theme, styles$5);
|
|
2461
2456
|
if (onlyOn === 'desktop') {
|
|
2462
2457
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2463
2458
|
}
|
|
@@ -2469,27 +2464,27 @@ const RelatedRichBlock = ({
|
|
|
2469
2464
|
onClick: () => handleClick(),
|
|
2470
2465
|
ref: ref
|
|
2471
2466
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2472
|
-
className: styles$
|
|
2467
|
+
className: styles$5.overlay,
|
|
2473
2468
|
style: style
|
|
2474
2469
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2475
|
-
className: styles$
|
|
2470
|
+
className: styles$5.overlayHeader,
|
|
2476
2471
|
style: styleHeader
|
|
2477
2472
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2478
|
-
className: styles$
|
|
2473
|
+
className: styles$5.tag
|
|
2479
2474
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2480
2475
|
size: "small",
|
|
2481
2476
|
theme: "inherit",
|
|
2482
2477
|
styleContext: "richRelated"
|
|
2483
2478
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2484
|
-
className: styles$
|
|
2479
|
+
className: styles$5.cover
|
|
2485
2480
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2486
|
-
className: styles$
|
|
2481
|
+
className: styles$5.picture
|
|
2487
2482
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2488
2483
|
optimized: urls,
|
|
2489
2484
|
ratio: ratio,
|
|
2490
2485
|
display: "narrow"
|
|
2491
2486
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2492
|
-
className: styles$
|
|
2487
|
+
className: styles$5.body
|
|
2493
2488
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2494
2489
|
key: item.id,
|
|
2495
2490
|
block: item,
|
|
@@ -2497,7 +2492,7 @@ const RelatedRichBlock = ({
|
|
|
2497
2492
|
})))));
|
|
2498
2493
|
};
|
|
2499
2494
|
|
|
2500
|
-
var styles$
|
|
2495
|
+
var styles$4 = {"root":"ShopRelatedBlock-module_root__eTGjC","wrapper":"ShopRelatedBlock-module_wrapper__v6yE3","overlay":"ShopRelatedBlock-module_overlay__oR67Y","overlayHeader":"ShopRelatedBlock-module_overlayHeader__YMcNw","body":"ShopRelatedBlock-module_body__W4pBN","hasGradient":"ShopRelatedBlock-module_hasGradient__50JTl","picture":"ShopRelatedBlock-module_picture__zjFL4","tag":"ShopRelatedBlock-module_tag__ixkda","center":"ShopRelatedBlock-module_center__IpBP4","title":"ShopRelatedBlock-module_title__COl93","price":"ShopRelatedBlock-module_price__5Qitu","dark":"ShopRelatedBlock-module_dark__d0QiW","light":"ShopRelatedBlock-module_light__lUDWA","mobile":"ShopRelatedBlock-module_mobile__I6Hih","desktop":"ShopRelatedBlock-module_desktop__ywKrb"};
|
|
2501
2496
|
|
|
2502
2497
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2503
2498
|
const ShopRelatedBlock = ({
|
|
@@ -2534,14 +2529,14 @@ const ShopRelatedBlock = ({
|
|
|
2534
2529
|
const handleClick = () => {
|
|
2535
2530
|
postMessage('productRelated', url, 'click');
|
|
2536
2531
|
};
|
|
2537
|
-
let classNames = [[styles$
|
|
2532
|
+
let classNames = [[styles$4.root, true], [styles$4.hasGradient, !!gradients], [styles$4[onlyOn], !!onlyOn && !!styles$4[onlyOn]]];
|
|
2538
2533
|
if (styleContext) {
|
|
2539
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2534
|
+
classNames = makeStyleContext(classNames, styleContext, styles$4);
|
|
2540
2535
|
}
|
|
2541
2536
|
if (gradients) {
|
|
2542
2537
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2543
2538
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2544
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2539
|
+
classNames = makeStyleContext(classNames, theme, styles$4);
|
|
2545
2540
|
if (onlyOn === 'desktop') {
|
|
2546
2541
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2547
2542
|
}
|
|
@@ -2554,44 +2549,44 @@ const ShopRelatedBlock = ({
|
|
|
2554
2549
|
onClick: () => handleClick(),
|
|
2555
2550
|
ref: ref
|
|
2556
2551
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2557
|
-
className: styles$
|
|
2552
|
+
className: styles$4.overlay,
|
|
2558
2553
|
style: style
|
|
2559
2554
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2560
|
-
className: styles$
|
|
2555
|
+
className: styles$4.overlayHeader,
|
|
2561
2556
|
style: styleHeader
|
|
2562
2557
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2563
|
-
className: styles$
|
|
2558
|
+
className: styles$4.tag
|
|
2564
2559
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2565
2560
|
size: "small",
|
|
2566
2561
|
theme: "inherit",
|
|
2567
2562
|
styleContext: "richRelated"
|
|
2568
2563
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2569
|
-
className: styles$
|
|
2564
|
+
className: styles$4.cover
|
|
2570
2565
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2571
|
-
className: styles$
|
|
2566
|
+
className: styles$4.picture
|
|
2572
2567
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2573
2568
|
optimized: urls,
|
|
2574
2569
|
ratio: ratio,
|
|
2575
2570
|
display: "narrow"
|
|
2576
2571
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2577
|
-
className: styles$
|
|
2572
|
+
className: styles$4.body
|
|
2578
2573
|
}, /*#__PURE__*/React.createElement("h2", {
|
|
2579
|
-
className: styles$
|
|
2574
|
+
className: styles$4.title
|
|
2580
2575
|
}, firstTitle, /*#__PURE__*/React.createElement("span", {
|
|
2581
|
-
className: styles$
|
|
2576
|
+
className: styles$4.price
|
|
2582
2577
|
}, secondTitle))));
|
|
2583
2578
|
};
|
|
2584
2579
|
|
|
2585
|
-
var styles$
|
|
2580
|
+
var styles$3 = {"root":"RelatedBook-module_root__QsOmA","container":"RelatedBook-module_container__vdDiZ","imageWrap":"RelatedBook-module_imageWrap__WmwnE","image":"RelatedBook-module_image__U1e5t","picture":"RelatedBook-module_picture__NXg-K","tag":"RelatedBook-module_tag__mSbbz","contentWrap":"RelatedBook-module_contentWrap__HIGRi","content":"RelatedBook-module_content__23Pfr","title":"RelatedBook-module_title__VRbr-","footer":"RelatedBook-module_footer__Z05t-","center":"RelatedBook-module_center__Fa6cj","isLight":"RelatedBook-module_isLight__W-0TO","isDark":"RelatedBook-module_isDark__0mrtK"};
|
|
2586
2581
|
|
|
2587
2582
|
const RelatedBook = ({
|
|
2588
2583
|
block,
|
|
2589
2584
|
styleContext
|
|
2590
2585
|
}) => {
|
|
2591
2586
|
const theme = block.data.theme.text_color === '0,0,0' ? 'isDark' : 'isLight';
|
|
2592
|
-
let classNames = [[styles$
|
|
2587
|
+
let classNames = [[styles$3.root, true], [styles$3[theme], theme], [styles$3[block.data.onlyOn], !!block.data.onlyOn && !!styles$3[block.data.onlyOn]]];
|
|
2593
2588
|
if (styleContext) {
|
|
2594
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2589
|
+
classNames = makeStyleContext(classNames, styleContext, styles$3);
|
|
2595
2590
|
}
|
|
2596
2591
|
const cssProps = {
|
|
2597
2592
|
'--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
|
|
@@ -2601,13 +2596,13 @@ const RelatedBook = ({
|
|
|
2601
2596
|
className: makeClassName(classNames),
|
|
2602
2597
|
style: cssProps
|
|
2603
2598
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2604
|
-
className: styles$
|
|
2599
|
+
className: styles$3.container
|
|
2605
2600
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2606
|
-
className: styles$
|
|
2601
|
+
className: styles$3.imageWrap
|
|
2607
2602
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2608
|
-
className: styles$
|
|
2603
|
+
className: styles$3.image
|
|
2609
2604
|
}, /*#__PURE__*/React.createElement("picture", {
|
|
2610
|
-
className: styles$
|
|
2605
|
+
className: styles$3.picture
|
|
2611
2606
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2612
2607
|
optimized: block.data.cover.urls,
|
|
2613
2608
|
ratio: 0,
|
|
@@ -2615,9 +2610,9 @@ const RelatedBook = ({
|
|
|
2615
2610
|
styleContext: ['isStatic'],
|
|
2616
2611
|
lazy: true
|
|
2617
2612
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2618
|
-
className: styles$
|
|
2613
|
+
className: styles$3.contentWrap
|
|
2619
2614
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2620
|
-
className: styles$
|
|
2615
|
+
className: styles$3.content
|
|
2621
2616
|
}, block.data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2622
2617
|
key: item.id,
|
|
2623
2618
|
block: item,
|
|
@@ -2707,6 +2702,28 @@ const RawHtmlBlock = ({
|
|
|
2707
2702
|
}
|
|
2708
2703
|
};
|
|
2709
2704
|
|
|
2705
|
+
var styles$2 = {"root":"ListViewSwitcher-module_root__pBsR5","input":"ListViewSwitcher-module_input__vtDVD","knob":"ListViewSwitcher-module_knob__g-OZ2","sm":"ListViewSwitcher-module_sm__y1teD","md":"ListViewSwitcher-module_md__0M8KR","grid":"ListViewSwitcher-module_grid__qBmnM","list":"ListViewSwitcher-module_list__NORMp"};
|
|
2706
|
+
|
|
2707
|
+
const ListViewSwitcher = ({
|
|
2708
|
+
enabled,
|
|
2709
|
+
onChange,
|
|
2710
|
+
size = 'md'
|
|
2711
|
+
}) => ( /*#__PURE__*/React.createElement("label", {
|
|
2712
|
+
"data-testid": "listViewSwitcher",
|
|
2713
|
+
className: makeClassName([[styles$2.root, true], [styles$2[size], true]])
|
|
2714
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
2715
|
+
className: styles$2.input,
|
|
2716
|
+
type: "checkbox",
|
|
2717
|
+
checked: enabled,
|
|
2718
|
+
onChange: onChange
|
|
2719
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
2720
|
+
className: styles$2.knob
|
|
2721
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
2722
|
+
className: styles$2.grid
|
|
2723
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
2724
|
+
className: styles$2.list
|
|
2725
|
+
})));
|
|
2726
|
+
|
|
2710
2727
|
var styles$1 = {"root":"ToolbarButton-module_root__upsEH","isDark":"ToolbarButton-module_isDark__gWpv-","dark":"ToolbarButton-module_dark__5XOEp","bookmark":"ToolbarButton-module_bookmark__7SWkm","isActive":"ToolbarButton-module_isActive__N4kkV","icon":"ToolbarButton-module_icon__Ldcgq","text":"ToolbarButton-module_text__4R2a0"};
|
|
2711
2728
|
|
|
2712
2729
|
const ToolbarButton = ({
|
|
@@ -2780,6 +2797,7 @@ exports.Image = Image;
|
|
|
2780
2797
|
exports.ImportantLead = ImportantLead;
|
|
2781
2798
|
exports.Lazy = Lazy;
|
|
2782
2799
|
exports.ListBlock = ListBlock;
|
|
2800
|
+
exports.ListViewSwitcher = ListViewSwitcher;
|
|
2783
2801
|
exports.MaterialNote = MaterialNote;
|
|
2784
2802
|
exports.MaterialTitle = MaterialTitle;
|
|
2785
2803
|
exports.MediaCaption = MediaCaption;
|