@meduza/ui-kit-2 0.8.7 → 0.8.601
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/SvgSymbol/SvgSymbol.types.d.ts +1 -1
- package/dist/SvgSymbol/icons.d.ts +5 -0
- package/dist/Switcher/Switcher.types.d.ts +3 -2
- package/dist/index.d.ts +0 -1
- package/dist/ui-kit-2.cjs.development.js +243 -254
- 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 +244 -254
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +45 -126
- package/dist/ui-kit.css +45 -126
- package/package.json +1 -1
- package/src/Image/index.tsx +4 -1
- package/src/Meta/Meta.module.css +6 -0
- package/src/Meta/MetaContainer.tsx +12 -1
- package/src/RichTitle/RichTitle.module.css +4 -0
- package/src/Spoiler/Spoiler.module.css +9 -10
- package/src/SvgSymbol/SvgSymbol.types.ts +1 -0
- package/src/SvgSymbol/icons.ts +7 -0
- package/src/Switcher/Switcher.module.css +21 -4
- package/src/Switcher/Switcher.stories.module.css +21 -3
- package/src/Switcher/Switcher.stories.tsx +31 -13
- package/src/Switcher/Switcher.types.ts +4 -2
- package/src/Switcher/index.tsx +7 -7
- package/src/Tag/Tag.module.css +4 -0
- package/src/_storybook/PreviewWrapper/index.tsx +1 -0
- package/src/index.tsx +0 -1
- package/dist/ListViewSwitcher/ListViewSwitcher.types.d.ts +0 -6
- package/dist/ListViewSwitcher/index.d.ts +0 -3
- package/src/.DS_Store +0 -0
- package/src/ListViewSwitcher/ListViewSwitcher.module.css +0 -109
- package/src/ListViewSwitcher/ListViewSwitcher.stories.module.css +0 -6
- package/src/ListViewSwitcher/ListViewSwitcher.stories.tsx +0 -38
- package/src/ListViewSwitcher/ListViewSwitcher.test.tsx +0 -35
- package/src/ListViewSwitcher/ListViewSwitcher.types.ts +0 -7
- package/src/ListViewSwitcher/index.tsx +0 -30
|
@@ -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$I = {"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$I.root, true], [styles$I[size], !!size], [styles$I[theme], !!theme], [styles$I[appearance], !!appearance], [styles$I[state], !!state && !!styles$I[state]], [styles$I[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$I.loader
|
|
63
63
|
}, /*#__PURE__*/React.createElement(ButtonLoader, null))) : children);
|
|
64
64
|
};
|
|
65
65
|
|
|
@@ -119,6 +119,11 @@ 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: 30,
|
|
124
|
+
height: 30,
|
|
125
|
+
content: '<g opacity="0.4"><circle cx="15" cy="15" r="10.5" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/><path d="M15 19.5L15 10.5M15 19.5L18.5 17.2257M15 19.5L11.5 17.2257" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/></g>'
|
|
126
|
+
},
|
|
122
127
|
play: {
|
|
123
128
|
width: 62,
|
|
124
129
|
height: 62,
|
|
@@ -231,7 +236,7 @@ const icons = {
|
|
|
231
236
|
}
|
|
232
237
|
};
|
|
233
238
|
|
|
234
|
-
var styles$
|
|
239
|
+
var styles$H = {"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"};
|
|
235
240
|
|
|
236
241
|
const SvgSymbol = ({
|
|
237
242
|
icon,
|
|
@@ -243,7 +248,7 @@ const SvgSymbol = ({
|
|
|
243
248
|
"data-testid": "svg-symbol",
|
|
244
249
|
xmlns: "http://www.w3.org/2000/svg",
|
|
245
250
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
246
|
-
className: makeClassName([[styles$
|
|
251
|
+
className: makeClassName([[styles$H.root, true], [styles$H[size], !!styles$H[size]], [styles$H[icon], !!styles$H[icon]], [styles$H[styleContext], !!styles$H[styleContext]]]),
|
|
247
252
|
width: data.width,
|
|
248
253
|
height: data.height,
|
|
249
254
|
viewBox: `0 0 ${data.width} ${data.height}`,
|
|
@@ -253,32 +258,32 @@ const SvgSymbol = ({
|
|
|
253
258
|
});
|
|
254
259
|
};
|
|
255
260
|
|
|
256
|
-
var styles$
|
|
261
|
+
var styles$G = {"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","children":"Switcher-module_children__uLapU","left":"Switcher-module_left__5-HNa","right":"Switcher-module_right__82Edk","isInPanel":"Switcher-module_isInPanel__-nBSf","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT"};
|
|
257
262
|
|
|
258
263
|
const Switcher = ({
|
|
259
264
|
enabled,
|
|
265
|
+
children,
|
|
266
|
+
childrenPosition = 'left',
|
|
260
267
|
onChange,
|
|
261
268
|
styleContext,
|
|
262
|
-
theme = 'light'
|
|
263
|
-
childrenLeft,
|
|
264
|
-
childrenRight
|
|
269
|
+
theme = 'light'
|
|
265
270
|
}) => ( /*#__PURE__*/React.createElement("label", {
|
|
266
271
|
"data-testid": "switcher",
|
|
267
|
-
className: makeClassName([[styles$
|
|
268
|
-
},
|
|
269
|
-
className: makeClassName([[styles$
|
|
270
|
-
},
|
|
271
|
-
className: styles$
|
|
272
|
+
className: makeClassName([[styles$G.root, true], [styles$G[theme], !!styles$G[theme]], [styles$G[styleContext], !!styles$G[styleContext]]])
|
|
273
|
+
}, children && childrenPosition === 'left' && ( /*#__PURE__*/React.createElement("div", {
|
|
274
|
+
className: makeClassName([[styles$G.children, true], [styles$G.left, true]])
|
|
275
|
+
}, children)), /*#__PURE__*/React.createElement("input", {
|
|
276
|
+
className: styles$G.input,
|
|
272
277
|
type: "checkbox",
|
|
273
278
|
checked: enabled,
|
|
274
279
|
onChange: onChange
|
|
275
280
|
}), /*#__PURE__*/React.createElement("span", {
|
|
276
|
-
className: styles$
|
|
281
|
+
className: styles$G.control
|
|
277
282
|
}, /*#__PURE__*/React.createElement("span", {
|
|
278
|
-
className: styles$
|
|
279
|
-
})),
|
|
280
|
-
className: makeClassName([[styles$
|
|
281
|
-
},
|
|
283
|
+
className: styles$G.knob
|
|
284
|
+
})), children && childrenPosition === 'right' && ( /*#__PURE__*/React.createElement("div", {
|
|
285
|
+
className: makeClassName([[styles$G.children, true], [styles$G.right, true]])
|
|
286
|
+
}, children))));
|
|
282
287
|
|
|
283
288
|
const makeStyleContext = (classNames, styleContext, styles) => {
|
|
284
289
|
const context = Array.isArray(styleContext) ? styleContext.filter(ctx => styles[ctx]).map(ctx => [[styles[ctx]], true]) : [[styles[styleContext], !!styleContext && !!styles[styleContext]]];
|
|
@@ -303,7 +308,7 @@ const postMessage = (category, element, action) => {
|
|
|
303
308
|
}
|
|
304
309
|
};
|
|
305
310
|
|
|
306
|
-
var styles$
|
|
311
|
+
var styles$F = {"root":"Lazy-module_root__DWw8D"};
|
|
307
312
|
|
|
308
313
|
const Lazy = ({
|
|
309
314
|
children,
|
|
@@ -324,7 +329,7 @@ const Lazy = ({
|
|
|
324
329
|
}
|
|
325
330
|
}, [inView]);
|
|
326
331
|
return /*#__PURE__*/React.createElement("div", {
|
|
327
|
-
className: makeClassName([[styles$
|
|
332
|
+
className: makeClassName([[styles$F.root, true], [styles$F.visible, visible]]),
|
|
328
333
|
ref: ref,
|
|
329
334
|
"data-testid": "lazy"
|
|
330
335
|
}, visible && children);
|
|
@@ -417,7 +422,7 @@ const RenderPicture = ({
|
|
|
417
422
|
}));
|
|
418
423
|
};
|
|
419
424
|
|
|
420
|
-
var styles$
|
|
425
|
+
var styles$E = {"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"};
|
|
421
426
|
|
|
422
427
|
const Image = ({
|
|
423
428
|
alt,
|
|
@@ -446,20 +451,20 @@ const Image = ({
|
|
|
446
451
|
maxWidth: width <= 649 ? width : '100%'
|
|
447
452
|
};
|
|
448
453
|
const pictureStyles = {
|
|
449
|
-
paddingBottom: `${100 / (ratio || width / height)}%`
|
|
454
|
+
paddingBottom: styleContext === 'isInDynamicBlock' ? '100%' : `${100 / (ratio || width / height)}%`
|
|
450
455
|
};
|
|
451
456
|
/* fallback w325 url until w6 was released */
|
|
452
457
|
const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
|
|
453
|
-
let classNames = [[styles$
|
|
458
|
+
let classNames = [[styles$E.root, true], [styles$E.isLoaded, isLoaded], [styles$E.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
|
|
454
459
|
if (styleContext) {
|
|
455
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
460
|
+
classNames = makeStyleContext(classNames, styleContext, styles$E);
|
|
456
461
|
}
|
|
457
462
|
return /*#__PURE__*/React.createElement("div", {
|
|
458
463
|
className: makeClassName(classNames),
|
|
459
464
|
style: blockStyles,
|
|
460
465
|
"data-testid": "image"
|
|
461
466
|
}, /*#__PURE__*/React.createElement("div", {
|
|
462
|
-
className: styles$
|
|
467
|
+
className: styles$E.wrapper,
|
|
463
468
|
style: pictureStyles,
|
|
464
469
|
onClick: () => handleClick(),
|
|
465
470
|
onKeyPress: () => handleClick(),
|
|
@@ -487,7 +492,7 @@ const Image = ({
|
|
|
487
492
|
}))));
|
|
488
493
|
};
|
|
489
494
|
|
|
490
|
-
var styles$
|
|
495
|
+
var styles$D = {"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"};
|
|
491
496
|
|
|
492
497
|
const Popover = ({
|
|
493
498
|
children,
|
|
@@ -519,20 +524,20 @@ const Popover = ({
|
|
|
519
524
|
/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
|
|
520
525
|
return /*#__PURE__*/React.createElement("div", {
|
|
521
526
|
"data-testid": "popover",
|
|
522
|
-
className: makeClassName([[styles$
|
|
527
|
+
className: makeClassName([[styles$D.root, true], [styles$D.visible, visible]])
|
|
523
528
|
}, /*#__PURE__*/React.createElement("div", {
|
|
524
|
-
className: styles$
|
|
529
|
+
className: styles$D.overlay,
|
|
525
530
|
onClick: () => handleClose()
|
|
526
531
|
}), /*#__PURE__*/React.createElement("div", {
|
|
527
|
-
className: styles$
|
|
532
|
+
className: styles$D.container
|
|
528
533
|
}, /*#__PURE__*/React.createElement("button", {
|
|
529
534
|
type: "button",
|
|
530
|
-
className: styles$
|
|
535
|
+
className: styles$D.dismiss,
|
|
531
536
|
onClick: () => handleClose(),
|
|
532
537
|
"aria-label": "dismiss"
|
|
533
538
|
}), /*#__PURE__*/React.createElement("svg", {
|
|
534
539
|
width: "100%",
|
|
535
|
-
className: styles$
|
|
540
|
+
className: styles$D.background
|
|
536
541
|
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
|
|
537
542
|
id: "myMask",
|
|
538
543
|
x: "0",
|
|
@@ -561,11 +566,11 @@ const Popover = ({
|
|
|
561
566
|
width: "100%",
|
|
562
567
|
height: "100%"
|
|
563
568
|
})), /*#__PURE__*/React.createElement("div", {
|
|
564
|
-
className: styles$
|
|
569
|
+
className: styles$D.body
|
|
565
570
|
}, children)));
|
|
566
571
|
};
|
|
567
572
|
|
|
568
|
-
var styles$
|
|
573
|
+
var styles$C = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
|
|
569
574
|
|
|
570
575
|
const Footnote = ({
|
|
571
576
|
children,
|
|
@@ -573,16 +578,16 @@ const Footnote = ({
|
|
|
573
578
|
}) => {
|
|
574
579
|
return /*#__PURE__*/React.createElement("div", {
|
|
575
580
|
"data-testid": "footnote",
|
|
576
|
-
className: makeClassName([[styles$
|
|
581
|
+
className: makeClassName([[styles$C.root, true]])
|
|
577
582
|
}, /*#__PURE__*/React.createElement("button", {
|
|
578
|
-
className: styles$
|
|
583
|
+
className: styles$C.dismiss,
|
|
579
584
|
type: "button",
|
|
580
585
|
onClick: () => onClose()
|
|
581
586
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
582
587
|
icon: "cross",
|
|
583
588
|
size: "unset"
|
|
584
589
|
})), /*#__PURE__*/React.createElement("div", {
|
|
585
|
-
className: styles$
|
|
590
|
+
className: styles$C.body
|
|
586
591
|
}, children));
|
|
587
592
|
};
|
|
588
593
|
|
|
@@ -591,7 +596,7 @@ var viewportSize = () => ({
|
|
|
591
596
|
height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
|
|
592
597
|
});
|
|
593
598
|
|
|
594
|
-
var styles$
|
|
599
|
+
var styles$B = {"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"};
|
|
595
600
|
|
|
596
601
|
const DotsOnImage = ({
|
|
597
602
|
block: {
|
|
@@ -673,7 +678,7 @@ const DotsOnImage = ({
|
|
|
673
678
|
});
|
|
674
679
|
};
|
|
675
680
|
return /*#__PURE__*/React.createElement("div", {
|
|
676
|
-
className: makeClassName([[styles$
|
|
681
|
+
className: makeClassName([[styles$B.root, true], [styles$B.isVisible, visible]]),
|
|
677
682
|
"data-testid": "dots-on-image",
|
|
678
683
|
ref: ref
|
|
679
684
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
@@ -686,7 +691,7 @@ const DotsOnImage = ({
|
|
|
686
691
|
}), /*#__PURE__*/React.createElement("div", {
|
|
687
692
|
ref: container
|
|
688
693
|
}, dots.map(dot => ( /*#__PURE__*/React.createElement("div", {
|
|
689
|
-
className: styles$
|
|
694
|
+
className: styles$B.dot,
|
|
690
695
|
key: dot.id,
|
|
691
696
|
style: {
|
|
692
697
|
top: `${dot.position.y}%`,
|
|
@@ -694,7 +699,7 @@ const DotsOnImage = ({
|
|
|
694
699
|
transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
|
|
695
700
|
}
|
|
696
701
|
}, /*#__PURE__*/React.createElement("button", {
|
|
697
|
-
className: makeClassName([[styles$
|
|
702
|
+
className: makeClassName([[styles$B.marker, true], [styles$B.isActive, dot.id === popover.id]]),
|
|
698
703
|
type: "button",
|
|
699
704
|
style: {
|
|
700
705
|
backgroundColor: dot.icon.color
|
|
@@ -705,7 +710,7 @@ const DotsOnImage = ({
|
|
|
705
710
|
__html: dot.icon.svg_string
|
|
706
711
|
}
|
|
707
712
|
})), dot.icon.type === 'number' && dot.icon.number)))), popover.show && ( /*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? ( /*#__PURE__*/React.createElement("div", {
|
|
708
|
-
className: makeClassName([[styles$
|
|
713
|
+
className: makeClassName([[styles$B.popover, true], [styles$B[popover.side], !!popover.side], [styles$B[popover.align], !!popover.align]]),
|
|
709
714
|
style: popover.style
|
|
710
715
|
}, /*#__PURE__*/React.createElement(Footnote, {
|
|
711
716
|
onClose: () => {
|
|
@@ -730,7 +735,7 @@ const DotsOnImage = ({
|
|
|
730
735
|
})))))));
|
|
731
736
|
};
|
|
732
737
|
|
|
733
|
-
var styles$
|
|
738
|
+
var styles$A = {"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"};
|
|
734
739
|
|
|
735
740
|
const Tag = ({
|
|
736
741
|
children,
|
|
@@ -740,9 +745,9 @@ const Tag = ({
|
|
|
740
745
|
correlation,
|
|
741
746
|
onlyOn
|
|
742
747
|
}) => {
|
|
743
|
-
let classNames = [[styles$
|
|
748
|
+
let classNames = [[styles$A.root, true], [styles$A[size], !!size && !!styles$A[size]], [styles$A[theme], !!theme && !!styles$A[theme]], [styles$A[onlyOn], !!onlyOn && !!styles$A[onlyOn]], [styles$A[correlation], !!correlation && !!styles$A[correlation]]];
|
|
744
749
|
if (styleContext) {
|
|
745
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
750
|
+
classNames = makeStyleContext(classNames, styleContext, styles$A);
|
|
746
751
|
}
|
|
747
752
|
return /*#__PURE__*/React.createElement("div", {
|
|
748
753
|
"data-testid": "tag",
|
|
@@ -750,34 +755,34 @@ const Tag = ({
|
|
|
750
755
|
}, children);
|
|
751
756
|
};
|
|
752
757
|
|
|
753
|
-
var styles$
|
|
758
|
+
var styles$z = {"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"};
|
|
754
759
|
|
|
755
760
|
const MediaCaption = ({
|
|
756
761
|
credit,
|
|
757
762
|
caption,
|
|
758
763
|
styleContext
|
|
759
764
|
}) => {
|
|
760
|
-
let classNames = [[styles$
|
|
765
|
+
let classNames = [[styles$z.root, true]];
|
|
761
766
|
if (styleContext) {
|
|
762
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
767
|
+
classNames = makeStyleContext(classNames, styleContext, styles$z);
|
|
763
768
|
}
|
|
764
769
|
return /*#__PURE__*/React.createElement("div", {
|
|
765
770
|
"data-testid": "media-caption",
|
|
766
771
|
className: makeClassName(classNames)
|
|
767
772
|
}, caption && ( /*#__PURE__*/React.createElement("div", {
|
|
768
|
-
className: styles$
|
|
773
|
+
className: styles$z.caption,
|
|
769
774
|
dangerouslySetInnerHTML: {
|
|
770
775
|
__html: caption
|
|
771
776
|
}
|
|
772
777
|
})), credit && ( /*#__PURE__*/React.createElement("div", {
|
|
773
|
-
className: styles$
|
|
778
|
+
className: styles$z.credit,
|
|
774
779
|
dangerouslySetInnerHTML: {
|
|
775
780
|
__html: credit
|
|
776
781
|
}
|
|
777
782
|
})));
|
|
778
783
|
};
|
|
779
784
|
|
|
780
|
-
var styles$
|
|
785
|
+
var styles$y = {"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"};
|
|
781
786
|
|
|
782
787
|
const Table = ({
|
|
783
788
|
styleContext,
|
|
@@ -799,26 +804,26 @@ const Table = ({
|
|
|
799
804
|
'#e7f2ef': 'green',
|
|
800
805
|
'#f4f0f8': 'violet'
|
|
801
806
|
};
|
|
802
|
-
let classNames = [[styles$
|
|
807
|
+
let classNames = [[styles$y.root, true], [styles$y[display], !!display && !!styles$y[display]]];
|
|
803
808
|
if (styleContext) {
|
|
804
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
809
|
+
classNames = makeStyleContext(classNames, styleContext, styles$y);
|
|
805
810
|
}
|
|
806
811
|
return /*#__PURE__*/React.createElement("div", {
|
|
807
812
|
"data-testid": "table",
|
|
808
813
|
className: makeClassName(classNames)
|
|
809
814
|
}, /*#__PURE__*/React.createElement("div", {
|
|
810
|
-
className: styles$
|
|
815
|
+
className: styles$y.wrapper
|
|
811
816
|
}, /*#__PURE__*/React.createElement("div", {
|
|
812
|
-
className: styles$
|
|
817
|
+
className: styles$y.table
|
|
813
818
|
}, /*#__PURE__*/React.createElement("div", {
|
|
814
|
-
className: styles$
|
|
819
|
+
className: styles$y.tracks
|
|
815
820
|
}, rows.map((row, i) => {
|
|
816
821
|
return /*#__PURE__*/React.createElement("div", {
|
|
817
822
|
key: row.key,
|
|
818
|
-
className: styles$
|
|
823
|
+
className: styles$y.row
|
|
819
824
|
}, row.cells.map((cell, j) => ( /*#__PURE__*/React.createElement("div", {
|
|
820
825
|
key: cell.key,
|
|
821
|
-
className: makeClassName([[styles$
|
|
826
|
+
className: makeClassName([[styles$y.cell, true], [styles$y.header, options.header && i === 0], [styles$y[colors[cell.color]], true], [styles$y[columnsWidth[j]], true], [styles$y.fixedColumn, options.fixed_first_column && j === 0]]),
|
|
822
827
|
dangerouslySetInnerHTML: {
|
|
823
828
|
__html: cell.val
|
|
824
829
|
}
|
|
@@ -829,7 +834,7 @@ const Table = ({
|
|
|
829
834
|
})));
|
|
830
835
|
};
|
|
831
836
|
|
|
832
|
-
var styles$
|
|
837
|
+
var styles$x = {"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"};
|
|
833
838
|
|
|
834
839
|
const MaterialNote = ({
|
|
835
840
|
block: {
|
|
@@ -837,15 +842,15 @@ const MaterialNote = ({
|
|
|
837
842
|
},
|
|
838
843
|
styleContext
|
|
839
844
|
}) => {
|
|
840
|
-
let classNames = [[styles$
|
|
845
|
+
let classNames = [[styles$x.root, true]];
|
|
841
846
|
if (styleContext) {
|
|
842
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
847
|
+
classNames = makeStyleContext(classNames, styleContext, styles$x);
|
|
843
848
|
}
|
|
844
849
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
845
850
|
"data-testid": "material-note",
|
|
846
851
|
className: makeClassName(classNames)
|
|
847
852
|
}, data && data.map(item => ( /*#__PURE__*/React.createElement("p", {
|
|
848
|
-
className: styles$
|
|
853
|
+
className: styles$x[item.type],
|
|
849
854
|
key: item.id,
|
|
850
855
|
dangerouslySetInnerHTML: {
|
|
851
856
|
__html: item.data
|
|
@@ -853,7 +858,7 @@ const MaterialNote = ({
|
|
|
853
858
|
})))));
|
|
854
859
|
};
|
|
855
860
|
|
|
856
|
-
var styles$
|
|
861
|
+
var styles$w = {"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-"};
|
|
857
862
|
|
|
858
863
|
const BookmarkButton = ({
|
|
859
864
|
styleContext,
|
|
@@ -861,15 +866,15 @@ const BookmarkButton = ({
|
|
|
861
866
|
isInBookmarks,
|
|
862
867
|
onClick
|
|
863
868
|
}) => {
|
|
864
|
-
let classNames = [[styles$
|
|
869
|
+
let classNames = [[styles$w.root, true], [styles$w.isInBookmarks, isInBookmarks], [styles$w[theme], !!theme && !!styles$w[theme]]];
|
|
865
870
|
if (styleContext) {
|
|
866
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
871
|
+
classNames = makeStyleContext(classNames, styleContext, styles$w);
|
|
867
872
|
}
|
|
868
873
|
return /*#__PURE__*/React.createElement("div", {
|
|
869
874
|
"data-testid": "bookmark-button",
|
|
870
875
|
className: makeClassName(classNames)
|
|
871
876
|
}, /*#__PURE__*/React.createElement("button", {
|
|
872
|
-
className: styles$
|
|
877
|
+
className: styles$w.control,
|
|
873
878
|
onClick: () => onClick(),
|
|
874
879
|
type: "button"
|
|
875
880
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
@@ -878,39 +883,39 @@ const BookmarkButton = ({
|
|
|
878
883
|
})));
|
|
879
884
|
};
|
|
880
885
|
|
|
881
|
-
var styles$
|
|
886
|
+
var styles$v = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
|
|
882
887
|
|
|
883
888
|
const Primary = ({
|
|
884
889
|
children
|
|
885
890
|
}) => {
|
|
886
891
|
return /*#__PURE__*/React.createElement("span", {
|
|
887
|
-
className: styles$
|
|
892
|
+
className: styles$v.primary
|
|
888
893
|
}, children);
|
|
889
894
|
};
|
|
890
895
|
const Secondary = ({
|
|
891
896
|
children
|
|
892
897
|
}) => {
|
|
893
898
|
return /*#__PURE__*/React.createElement("span", {
|
|
894
|
-
className: styles$
|
|
899
|
+
className: styles$v.secondary
|
|
895
900
|
}, children);
|
|
896
901
|
};
|
|
897
902
|
const MaterialTitle = ({
|
|
898
903
|
children
|
|
899
904
|
}) => {
|
|
900
905
|
return /*#__PURE__*/React.createElement("h1", {
|
|
901
|
-
className: styles$
|
|
906
|
+
className: styles$v.root,
|
|
902
907
|
"data-testid": "material-title"
|
|
903
908
|
}, children);
|
|
904
909
|
};
|
|
905
910
|
|
|
906
|
-
var styles$
|
|
911
|
+
var styles$u = {"root":"Dropdown-module_root__Wv7S-","menu":"Dropdown-module_menu__11IQL","inactive":"Dropdown-module_inactive__E5CP6","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
|
|
907
912
|
|
|
908
913
|
const Menu = ({
|
|
909
914
|
children
|
|
910
915
|
}) => {
|
|
911
916
|
return /*#__PURE__*/React.createElement("div", {
|
|
912
917
|
"data-testid": "dropdown",
|
|
913
|
-
className: styles$
|
|
918
|
+
className: styles$u.menu
|
|
914
919
|
}, children);
|
|
915
920
|
};
|
|
916
921
|
const Dropdown = ({
|
|
@@ -918,9 +923,9 @@ const Dropdown = ({
|
|
|
918
923
|
active,
|
|
919
924
|
styleContext
|
|
920
925
|
}) => {
|
|
921
|
-
let classNames = [[styles$
|
|
926
|
+
let classNames = [[styles$u.root, true], [styles$u.inactive, !active && styleContext === 'isPodcastSeason' && !!styles$u.inactive]];
|
|
922
927
|
if (styleContext) {
|
|
923
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
928
|
+
classNames = makeStyleContext(classNames, styleContext, styles$u);
|
|
924
929
|
}
|
|
925
930
|
return /*#__PURE__*/React.createElement("div", {
|
|
926
931
|
"data-testid": "dropdown",
|
|
@@ -928,13 +933,13 @@ const Dropdown = ({
|
|
|
928
933
|
}, children);
|
|
929
934
|
};
|
|
930
935
|
|
|
931
|
-
var styles$
|
|
936
|
+
var styles$t = {"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"};
|
|
932
937
|
|
|
933
938
|
const ToolbarItem = ({
|
|
934
939
|
children
|
|
935
940
|
}) => {
|
|
936
941
|
return /*#__PURE__*/React.createElement("li", {
|
|
937
|
-
className: styles$
|
|
942
|
+
className: styles$t.item
|
|
938
943
|
}, children);
|
|
939
944
|
};
|
|
940
945
|
|
|
@@ -942,19 +947,19 @@ const Toolbar = ({
|
|
|
942
947
|
children,
|
|
943
948
|
styleContext
|
|
944
949
|
}) => {
|
|
945
|
-
let classNames = [[styles$
|
|
950
|
+
let classNames = [[styles$t.root, true]];
|
|
946
951
|
if (styleContext) {
|
|
947
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
952
|
+
classNames = makeStyleContext(classNames, styleContext, styles$t);
|
|
948
953
|
}
|
|
949
954
|
return /*#__PURE__*/React.createElement("div", {
|
|
950
955
|
"data-testid": "toolbar",
|
|
951
956
|
className: makeClassName(classNames)
|
|
952
957
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
953
|
-
className: styles$
|
|
958
|
+
className: styles$t.list
|
|
954
959
|
}, children));
|
|
955
960
|
};
|
|
956
961
|
|
|
957
|
-
var styles$
|
|
962
|
+
var styles$s = {"root":"Meta-module_root__H-Q4d","isInDynamicBlock":"Meta-module_isInDynamicBlock__iuEI0","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"};
|
|
958
963
|
|
|
959
964
|
const Meta = ({
|
|
960
965
|
hasSource,
|
|
@@ -963,9 +968,9 @@ const Meta = ({
|
|
|
963
968
|
onlyOn,
|
|
964
969
|
styleContext
|
|
965
970
|
}) => {
|
|
966
|
-
let classNames = [[styles$
|
|
971
|
+
let classNames = [[styles$s.root, true], [styles$s[theme], !!theme && !!styles$s[theme]], [styles$s[onlyOn], !!onlyOn], [styles$s.hasSource, hasSource]];
|
|
967
972
|
if (styleContext) {
|
|
968
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
973
|
+
classNames = makeStyleContext(classNames, styleContext, styles$s);
|
|
969
974
|
}
|
|
970
975
|
return /*#__PURE__*/React.createElement("div", {
|
|
971
976
|
"data-testid": "meta",
|
|
@@ -973,7 +978,7 @@ const Meta = ({
|
|
|
973
978
|
}, children);
|
|
974
979
|
};
|
|
975
980
|
|
|
976
|
-
var styles$
|
|
981
|
+
var styles$r = {"root":"Timestamp-module_root__jPJ6w"};
|
|
977
982
|
|
|
978
983
|
const Timestamp = ({
|
|
979
984
|
publishedAt,
|
|
@@ -997,7 +1002,7 @@ const Timestamp = ({
|
|
|
997
1002
|
return /*#__PURE__*/React.createElement("time", {
|
|
998
1003
|
suppressHydrationWarning: true,
|
|
999
1004
|
"data-testid": "timestamp",
|
|
1000
|
-
className: styles$
|
|
1005
|
+
className: styles$r.root
|
|
1001
1006
|
}, published);
|
|
1002
1007
|
};
|
|
1003
1008
|
|
|
@@ -1057,7 +1062,7 @@ const DangerousHTML = ({
|
|
|
1057
1062
|
}));
|
|
1058
1063
|
};
|
|
1059
1064
|
|
|
1060
|
-
var styles$
|
|
1065
|
+
var styles$q = {"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"};
|
|
1061
1066
|
|
|
1062
1067
|
const EmbedGif = ({
|
|
1063
1068
|
gif,
|
|
@@ -1095,9 +1100,9 @@ const EmbedGif = ({
|
|
|
1095
1100
|
};
|
|
1096
1101
|
}, []);
|
|
1097
1102
|
return /*#__PURE__*/React.createElement("div", {
|
|
1098
|
-
className: styles$
|
|
1103
|
+
className: styles$q.figure
|
|
1099
1104
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1100
|
-
className: styles$
|
|
1105
|
+
className: styles$q.objectWrap,
|
|
1101
1106
|
style: style,
|
|
1102
1107
|
"data-frozen": videoFrozen
|
|
1103
1108
|
}, /*#__PURE__*/React.createElement("video", {
|
|
@@ -1157,7 +1162,7 @@ const EmbedBlock = ({
|
|
|
1157
1162
|
case 'image':
|
|
1158
1163
|
{
|
|
1159
1164
|
return /*#__PURE__*/React.createElement("div", {
|
|
1160
|
-
className: styles$
|
|
1165
|
+
className: styles$q.figure
|
|
1161
1166
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
1162
1167
|
source: !optimized && [small, large],
|
|
1163
1168
|
optimized: block.data.optimized,
|
|
@@ -1172,7 +1177,7 @@ const EmbedBlock = ({
|
|
|
1172
1177
|
case 'game_embed':
|
|
1173
1178
|
{
|
|
1174
1179
|
return /*#__PURE__*/React.createElement("div", {
|
|
1175
|
-
className: styles$
|
|
1180
|
+
className: styles$q.gameEmbed
|
|
1176
1181
|
}, /*#__PURE__*/React.createElement("iframe", {
|
|
1177
1182
|
src: block.data.game_src,
|
|
1178
1183
|
id: block.data.game_id,
|
|
@@ -1182,7 +1187,7 @@ const EmbedBlock = ({
|
|
|
1182
1187
|
case 'dots_on_image':
|
|
1183
1188
|
{
|
|
1184
1189
|
return /*#__PURE__*/React.createElement("div", {
|
|
1185
|
-
className: styles$
|
|
1190
|
+
className: styles$q.figure
|
|
1186
1191
|
}, /*#__PURE__*/React.createElement(DotsOnImage, {
|
|
1187
1192
|
block: data
|
|
1188
1193
|
}));
|
|
@@ -1190,12 +1195,12 @@ const EmbedBlock = ({
|
|
|
1190
1195
|
default:
|
|
1191
1196
|
{
|
|
1192
1197
|
return /*#__PURE__*/React.createElement("div", {
|
|
1193
|
-
className: styles$
|
|
1198
|
+
className: styles$q.object
|
|
1194
1199
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1195
|
-
className: styles$
|
|
1200
|
+
className: styles$q.wrapper,
|
|
1196
1201
|
style: style
|
|
1197
1202
|
}, /*#__PURE__*/React.createElement(DangerousHTML, {
|
|
1198
|
-
className: styles$
|
|
1203
|
+
className: styles$q.objectWrap,
|
|
1199
1204
|
html: html
|
|
1200
1205
|
})));
|
|
1201
1206
|
}
|
|
@@ -1205,28 +1210,28 @@ const EmbedBlock = ({
|
|
|
1205
1210
|
style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
|
|
1206
1211
|
style.height = 0;
|
|
1207
1212
|
}
|
|
1208
|
-
let classNames = [[styles$
|
|
1213
|
+
let classNames = [[styles$q.root, true], [styles$q.cc, cc], [styles$q[display], !!display && styles$q[display]], [styles$q[provider], !!provider && !!styles$q[provider]], [styles$q[onlyOn], !!onlyOn && styles$q[onlyOn]], [styles$q.mobileFullwidth, mobileFullwidth], [styles$q.proportional, isProportional]];
|
|
1209
1214
|
// Убираем из контекста все, что не начинается с приставки isIn,
|
|
1210
1215
|
// чтобы не применились лишние модификаторы
|
|
1211
1216
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1212
1217
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1213
|
-
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$
|
|
1218
|
+
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$q[key]).reduce((acc, key) => {
|
|
1214
1219
|
acc.push(key);
|
|
1215
1220
|
return acc;
|
|
1216
1221
|
}, []);
|
|
1217
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1222
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$q);
|
|
1218
1223
|
}
|
|
1219
1224
|
return /*#__PURE__*/React.createElement("figure", {
|
|
1220
1225
|
className: makeClassName(classNames)
|
|
1221
1226
|
}, children && ( /*#__PURE__*/React.createElement("div", {
|
|
1222
|
-
className: styles$
|
|
1227
|
+
className: styles$q.object
|
|
1223
1228
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1224
|
-
className: styles$
|
|
1229
|
+
className: styles$q.wrapper,
|
|
1225
1230
|
style: style
|
|
1226
1231
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1227
|
-
className: styles$
|
|
1232
|
+
className: styles$q.objectWrap
|
|
1228
1233
|
}, children)))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
1229
|
-
className: styles$
|
|
1234
|
+
className: styles$q.control,
|
|
1230
1235
|
type: "button",
|
|
1231
1236
|
"aria-label": "Open",
|
|
1232
1237
|
onClick: () => {
|
|
@@ -1329,7 +1334,7 @@ const EmbedBlockContainer = ({
|
|
|
1329
1334
|
});
|
|
1330
1335
|
};
|
|
1331
1336
|
|
|
1332
|
-
var styles$
|
|
1337
|
+
var styles$p = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
|
|
1333
1338
|
|
|
1334
1339
|
const QuoteBlock = ({
|
|
1335
1340
|
block: {
|
|
@@ -1337,9 +1342,9 @@ const QuoteBlock = ({
|
|
|
1337
1342
|
},
|
|
1338
1343
|
styleContext
|
|
1339
1344
|
}) => {
|
|
1340
|
-
let classNames = [[styles$
|
|
1345
|
+
let classNames = [[styles$p.root, true]];
|
|
1341
1346
|
if (styleContext) {
|
|
1342
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1347
|
+
classNames = makeStyleContext(classNames, styleContext, styles$p);
|
|
1343
1348
|
}
|
|
1344
1349
|
return /*#__PURE__*/React.createElement("div", {
|
|
1345
1350
|
"data-testid": "quote-block",
|
|
@@ -1351,7 +1356,7 @@ const QuoteBlock = ({
|
|
|
1351
1356
|
}));
|
|
1352
1357
|
};
|
|
1353
1358
|
|
|
1354
|
-
var styles$
|
|
1359
|
+
var styles$o = {"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"};
|
|
1355
1360
|
|
|
1356
1361
|
const CardTitle = ({
|
|
1357
1362
|
block: {
|
|
@@ -1367,15 +1372,15 @@ const CardTitle = ({
|
|
|
1367
1372
|
return /*#__PURE__*/React.createElement("div", {
|
|
1368
1373
|
"data-testid": "card-title",
|
|
1369
1374
|
id: id,
|
|
1370
|
-
className: makeClassName([[styles$
|
|
1375
|
+
className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]])
|
|
1371
1376
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1372
|
-
className: styles$
|
|
1377
|
+
className: styles$o.index
|
|
1373
1378
|
}, index), /*#__PURE__*/React.createElement("h3", {
|
|
1374
|
-
className: styles$
|
|
1379
|
+
className: styles$o.title
|
|
1375
1380
|
}, text));
|
|
1376
1381
|
};
|
|
1377
1382
|
|
|
1378
|
-
var styles$
|
|
1383
|
+
var styles$n = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
|
|
1379
1384
|
|
|
1380
1385
|
const ChapterBlock = ({
|
|
1381
1386
|
block: {
|
|
@@ -1388,9 +1393,9 @@ const ChapterBlock = ({
|
|
|
1388
1393
|
return /*#__PURE__*/React.createElement("div", {
|
|
1389
1394
|
"data-testid": "chapter-block",
|
|
1390
1395
|
id: id,
|
|
1391
|
-
className: makeClassName([[styles$
|
|
1396
|
+
className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn]])
|
|
1392
1397
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1393
|
-
className: makeClassName([[styles$
|
|
1398
|
+
className: makeClassName([[styles$n.subtitle, true], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]]),
|
|
1394
1399
|
dangerouslySetInnerHTML: {
|
|
1395
1400
|
__html: data
|
|
1396
1401
|
}
|
|
@@ -1406,7 +1411,7 @@ const generateGradient = (color, type) => {
|
|
|
1406
1411
|
return `linear-gradient(-180deg, ${gradient})`;
|
|
1407
1412
|
};
|
|
1408
1413
|
|
|
1409
|
-
var styles$
|
|
1414
|
+
var styles$m = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
|
|
1410
1415
|
|
|
1411
1416
|
const SimpleTitle = ({
|
|
1412
1417
|
block: {
|
|
@@ -1417,9 +1422,9 @@ const SimpleTitle = ({
|
|
|
1417
1422
|
},
|
|
1418
1423
|
styleContext
|
|
1419
1424
|
}) => {
|
|
1420
|
-
let classNames = [[styles$
|
|
1425
|
+
let classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
|
|
1421
1426
|
if (styleContext) {
|
|
1422
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1427
|
+
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1423
1428
|
}
|
|
1424
1429
|
return /*#__PURE__*/React.createElement("h1", {
|
|
1425
1430
|
"data-testid": "simple-title",
|
|
@@ -1427,7 +1432,7 @@ const SimpleTitle = ({
|
|
|
1427
1432
|
}, first);
|
|
1428
1433
|
};
|
|
1429
1434
|
|
|
1430
|
-
var styles$
|
|
1435
|
+
var styles$l = {"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","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
|
|
1431
1436
|
|
|
1432
1437
|
const RichTitle = ({
|
|
1433
1438
|
block: {
|
|
@@ -1441,9 +1446,9 @@ const RichTitle = ({
|
|
|
1441
1446
|
},
|
|
1442
1447
|
styleContext
|
|
1443
1448
|
}) => {
|
|
1444
|
-
let classNames = [[styles$
|
|
1449
|
+
let classNames = [[styles$l.root, true], [styles$l[onlyOn], true], [styles$l.featured, !!featured]];
|
|
1445
1450
|
if (styleContext) {
|
|
1446
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1451
|
+
classNames = makeStyleContext(classNames, styleContext, styles$l);
|
|
1447
1452
|
}
|
|
1448
1453
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1449
1454
|
"data-testid": "rich-title",
|
|
@@ -1451,7 +1456,7 @@ const RichTitle = ({
|
|
|
1451
1456
|
}, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
|
|
1452
1457
|
};
|
|
1453
1458
|
|
|
1454
|
-
var styles$
|
|
1459
|
+
var styles$k = {"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"};
|
|
1455
1460
|
|
|
1456
1461
|
const SimpleBlock = ({
|
|
1457
1462
|
block: {
|
|
@@ -1463,9 +1468,9 @@ const SimpleBlock = ({
|
|
|
1463
1468
|
id = null
|
|
1464
1469
|
}) => {
|
|
1465
1470
|
let TagName;
|
|
1466
|
-
let classNames = [[styles$
|
|
1471
|
+
let classNames = [[styles$k[type], !!type && !!styles$k[type]], [styles$k[onlyOn], true]];
|
|
1467
1472
|
if (styleContext) {
|
|
1468
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1473
|
+
classNames = makeStyleContext(classNames, styleContext, styles$k);
|
|
1469
1474
|
}
|
|
1470
1475
|
switch (type) {
|
|
1471
1476
|
case 'context_p':
|
|
@@ -1497,7 +1502,7 @@ const SimpleBlock = ({
|
|
|
1497
1502
|
});
|
|
1498
1503
|
};
|
|
1499
1504
|
|
|
1500
|
-
var styles$
|
|
1505
|
+
var styles$j = {"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"};
|
|
1501
1506
|
|
|
1502
1507
|
const ListBlock = ({
|
|
1503
1508
|
block: {
|
|
@@ -1508,9 +1513,9 @@ const ListBlock = ({
|
|
|
1508
1513
|
styleContext
|
|
1509
1514
|
}) => {
|
|
1510
1515
|
const TagName = type;
|
|
1511
|
-
let classNames = [[styles$
|
|
1516
|
+
let classNames = [[styles$j.root, true], [styles$j[onlyOn], true], [styles$j[type], !!type && !!styles$j[type]]];
|
|
1512
1517
|
if (styleContext) {
|
|
1513
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1518
|
+
classNames = makeStyleContext(classNames, styleContext, styles$j);
|
|
1514
1519
|
}
|
|
1515
1520
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1516
1521
|
className: makeClassName(classNames),
|
|
@@ -1523,7 +1528,7 @@ const ListBlock = ({
|
|
|
1523
1528
|
}))));
|
|
1524
1529
|
};
|
|
1525
1530
|
|
|
1526
|
-
var styles$
|
|
1531
|
+
var styles$i = {"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"};
|
|
1527
1532
|
|
|
1528
1533
|
const RelatedBlock = ({
|
|
1529
1534
|
block: {
|
|
@@ -1535,28 +1540,28 @@ const RelatedBlock = ({
|
|
|
1535
1540
|
},
|
|
1536
1541
|
styleContext
|
|
1537
1542
|
}) => {
|
|
1538
|
-
let classNames = [[styles$
|
|
1543
|
+
let classNames = [[styles$i.root, true], [styles$i[onlyOn], true]];
|
|
1539
1544
|
if (styleContext) {
|
|
1540
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1545
|
+
classNames = makeStyleContext(classNames, styleContext, styles$i);
|
|
1541
1546
|
}
|
|
1542
1547
|
return /*#__PURE__*/React.createElement("div", {
|
|
1543
1548
|
"data-testid": "related-block",
|
|
1544
1549
|
className: makeClassName(classNames)
|
|
1545
1550
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1546
|
-
className: styles$
|
|
1551
|
+
className: styles$i.header
|
|
1547
1552
|
}, title), /*#__PURE__*/React.createElement("ul", {
|
|
1548
|
-
className: styles$
|
|
1553
|
+
className: styles$i.items
|
|
1549
1554
|
}, related.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
|
|
1550
1555
|
key: item.id || index,
|
|
1551
|
-
className: styles$
|
|
1556
|
+
className: styles$i[item.layout]
|
|
1552
1557
|
}, /*#__PURE__*/React.createElement(reactRouterDom.Link, {
|
|
1553
1558
|
to: item.full_url || `/${item.url}`
|
|
1554
1559
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1555
|
-
className: styles$
|
|
1560
|
+
className: styles$i.first
|
|
1556
1561
|
}, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title)))))));
|
|
1557
1562
|
};
|
|
1558
1563
|
|
|
1559
|
-
var styles$
|
|
1564
|
+
var styles$h = {"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"};
|
|
1560
1565
|
|
|
1561
1566
|
const SourceBlock = ({
|
|
1562
1567
|
block: {
|
|
@@ -1569,16 +1574,16 @@ const SourceBlock = ({
|
|
|
1569
1574
|
},
|
|
1570
1575
|
styleContext
|
|
1571
1576
|
}) => {
|
|
1572
|
-
let classNames = [[styles$
|
|
1577
|
+
let classNames = [[styles$h.root, true], [styles$h[onlyOn], true]];
|
|
1573
1578
|
if (styleContext) {
|
|
1574
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1579
|
+
classNames = makeStyleContext(classNames, styleContext, styles$h);
|
|
1575
1580
|
}
|
|
1576
1581
|
return /*#__PURE__*/React.createElement("blockquote", {
|
|
1577
1582
|
"data-testid": "source-block",
|
|
1578
1583
|
cite: url,
|
|
1579
1584
|
className: makeClassName(classNames)
|
|
1580
1585
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1581
|
-
className: styles$
|
|
1586
|
+
className: styles$h.text,
|
|
1582
1587
|
href: url,
|
|
1583
1588
|
target: "_blank",
|
|
1584
1589
|
rel: "noopener noreferrer"
|
|
@@ -1588,11 +1593,11 @@ const SourceBlock = ({
|
|
|
1588
1593
|
__html: item.data
|
|
1589
1594
|
}
|
|
1590
1595
|
}))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
|
|
1591
|
-
className: styles$
|
|
1596
|
+
className: styles$h.origin
|
|
1592
1597
|
}, origin))));
|
|
1593
1598
|
};
|
|
1594
1599
|
|
|
1595
|
-
var styles$
|
|
1600
|
+
var styles$g = {"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"};
|
|
1596
1601
|
|
|
1597
1602
|
const SensitiveBlock = ({
|
|
1598
1603
|
block,
|
|
@@ -1615,40 +1620,40 @@ const SensitiveBlock = ({
|
|
|
1615
1620
|
const handleClick = () => {
|
|
1616
1621
|
isVisible(true);
|
|
1617
1622
|
};
|
|
1618
|
-
let classNames = [[styles$
|
|
1623
|
+
let classNames = [[styles$g.root, true], [styles$g.visible, visible], [styles$g[display], display && styles$g[display]]];
|
|
1619
1624
|
let context = ['isInSensitiveBlock'];
|
|
1620
1625
|
if (styleContext) {
|
|
1621
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1626
|
+
classNames = makeStyleContext(classNames, styleContext, styles$g);
|
|
1622
1627
|
context = [...styleContext, 'isInSensitiveBlock'];
|
|
1623
1628
|
}
|
|
1624
1629
|
return /*#__PURE__*/React.createElement("div", {
|
|
1625
1630
|
"data-testid": "sensitive-block",
|
|
1626
1631
|
className: makeClassName(classNames)
|
|
1627
1632
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1628
|
-
className: styles$
|
|
1633
|
+
className: styles$g.container
|
|
1629
1634
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1630
|
-
className: styles$
|
|
1635
|
+
className: styles$g.overlay,
|
|
1631
1636
|
style: {
|
|
1632
1637
|
backgroundImage: `url(${blurredImage})`
|
|
1633
1638
|
}
|
|
1634
1639
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1635
|
-
className: styles$
|
|
1640
|
+
className: styles$g.content
|
|
1636
1641
|
}, /*#__PURE__*/React.createElement("p", {
|
|
1637
1642
|
dangerouslySetInnerHTML: {
|
|
1638
1643
|
__html: block.title
|
|
1639
1644
|
}
|
|
1640
1645
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1641
|
-
className: styles$
|
|
1646
|
+
className: styles$g.button
|
|
1642
1647
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
1643
1648
|
onClick: () => handleClick(),
|
|
1644
1649
|
theme: "light"
|
|
1645
1650
|
}, block.button.text)))), /*#__PURE__*/React.createElement("div", {
|
|
1646
|
-
className: styles$
|
|
1651
|
+
className: styles$g.media
|
|
1647
1652
|
}, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
|
|
1648
1653
|
block: block.item,
|
|
1649
1654
|
styleContext: context
|
|
1650
1655
|
}))), cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1651
|
-
className: styles$
|
|
1656
|
+
className: styles$g.figcaption
|
|
1652
1657
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1653
1658
|
credit: credit,
|
|
1654
1659
|
caption: caption,
|
|
@@ -1656,7 +1661,7 @@ const SensitiveBlock = ({
|
|
|
1656
1661
|
}))));
|
|
1657
1662
|
};
|
|
1658
1663
|
|
|
1659
|
-
var styles$
|
|
1664
|
+
var styles$f = {"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"};
|
|
1660
1665
|
|
|
1661
1666
|
const GroupedBlock = ({
|
|
1662
1667
|
block,
|
|
@@ -1672,19 +1677,19 @@ const GroupedBlock = ({
|
|
|
1672
1677
|
return width / (height / maxHeight);
|
|
1673
1678
|
});
|
|
1674
1679
|
const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
|
|
1675
|
-
let classNames = [[styles$
|
|
1680
|
+
let classNames = [[styles$f.root, true], [styles$f[onlyOn], true], [styles$f.hasFigcaption, block.cc === 'default'], [styles$f[block.display], !!block.display && styles$f[block.display]]];
|
|
1676
1681
|
if (styleContext) {
|
|
1677
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1682
|
+
classNames = makeStyleContext(classNames, styleContext, styles$f);
|
|
1678
1683
|
}
|
|
1679
1684
|
return /*#__PURE__*/React.createElement("div", {
|
|
1680
1685
|
"data-testid": "grouped-block",
|
|
1681
1686
|
className: makeClassName(classNames)
|
|
1682
1687
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1683
|
-
className: styles$
|
|
1688
|
+
className: styles$f.items
|
|
1684
1689
|
}, block.data.map((item, index) => {
|
|
1685
1690
|
const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1686
1691
|
return /*#__PURE__*/React.createElement("div", {
|
|
1687
|
-
className: styles$
|
|
1692
|
+
className: styles$f.item,
|
|
1688
1693
|
key: item.id,
|
|
1689
1694
|
style: {
|
|
1690
1695
|
width: `${percentWidth}%`
|
|
@@ -1697,7 +1702,7 @@ const GroupedBlock = ({
|
|
|
1697
1702
|
styleContext: ['isInGroupedBlock']
|
|
1698
1703
|
})));
|
|
1699
1704
|
})), block.cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1700
|
-
className: styles$
|
|
1705
|
+
className: styles$f.figcaption
|
|
1701
1706
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1702
1707
|
credit: block.credit,
|
|
1703
1708
|
caption: block.caption,
|
|
@@ -1705,7 +1710,7 @@ const GroupedBlock = ({
|
|
|
1705
1710
|
}))));
|
|
1706
1711
|
};
|
|
1707
1712
|
|
|
1708
|
-
var styles$
|
|
1713
|
+
var styles$e = {"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"};
|
|
1709
1714
|
|
|
1710
1715
|
const MetaItem = ({
|
|
1711
1716
|
hasSource,
|
|
@@ -1713,25 +1718,25 @@ const MetaItem = ({
|
|
|
1713
1718
|
children,
|
|
1714
1719
|
bullets
|
|
1715
1720
|
}) => {
|
|
1716
|
-
const classNames = [[styles$
|
|
1721
|
+
const classNames = [[styles$e.root, true], [styles$e[type], !!type && !!styles$e[type]], [styles$e.hasSource, !!hasSource], [styles$e.hasBullets, !!bullets]];
|
|
1717
1722
|
return /*#__PURE__*/React.createElement("div", {
|
|
1718
1723
|
"data-testid": "meta-item",
|
|
1719
1724
|
className: makeClassName(classNames)
|
|
1720
1725
|
}, children);
|
|
1721
1726
|
};
|
|
1722
1727
|
|
|
1723
|
-
var styles$
|
|
1728
|
+
var styles$d = {"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"};
|
|
1724
1729
|
|
|
1725
1730
|
const MetaItemLive = ({
|
|
1726
1731
|
theme = 'gold'
|
|
1727
1732
|
}) => {
|
|
1728
|
-
const classNames = [[styles$
|
|
1733
|
+
const classNames = [[styles$d.root, true], [styles$d[theme], !!theme && styles$d[theme]]];
|
|
1729
1734
|
return /*#__PURE__*/React.createElement("div", {
|
|
1730
1735
|
"data-testid": "meta-item-live",
|
|
1731
1736
|
"data-meta": "live",
|
|
1732
1737
|
className: makeClassName(classNames)
|
|
1733
1738
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1734
|
-
className: styles$
|
|
1739
|
+
className: styles$d.frame
|
|
1735
1740
|
}));
|
|
1736
1741
|
};
|
|
1737
1742
|
|
|
@@ -1751,7 +1756,7 @@ const pluralize = (number, one, two, five) => {
|
|
|
1751
1756
|
return five;
|
|
1752
1757
|
};
|
|
1753
1758
|
|
|
1754
|
-
var styles$
|
|
1759
|
+
var styles$c = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
|
|
1755
1760
|
|
|
1756
1761
|
const DocumentItemsCount = ({
|
|
1757
1762
|
type,
|
|
@@ -1788,9 +1793,9 @@ const DocumentItemsCount = ({
|
|
|
1788
1793
|
const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
|
|
1789
1794
|
return /*#__PURE__*/React.createElement("div", {
|
|
1790
1795
|
"data-testid": "document-items-count",
|
|
1791
|
-
className: styles$
|
|
1796
|
+
className: styles$c.root
|
|
1792
1797
|
}, children, /*#__PURE__*/React.createElement("span", {
|
|
1793
|
-
className: styles$
|
|
1798
|
+
className: styles$c.items
|
|
1794
1799
|
}, itemsCount));
|
|
1795
1800
|
};
|
|
1796
1801
|
|
|
@@ -1840,6 +1845,13 @@ const MetaContainer = ({
|
|
|
1840
1845
|
}
|
|
1841
1846
|
case 'duration':
|
|
1842
1847
|
{
|
|
1848
|
+
if (styleContext === 'isInDynamicBlock') {
|
|
1849
|
+
return /*#__PURE__*/React.createElement(MetaItem, {
|
|
1850
|
+
hasSource: hasSource,
|
|
1851
|
+
bullets: true,
|
|
1852
|
+
key: component.id
|
|
1853
|
+
}, component.text);
|
|
1854
|
+
}
|
|
1843
1855
|
return /*#__PURE__*/React.createElement(MetaItem, {
|
|
1844
1856
|
hasSource: hasSource,
|
|
1845
1857
|
bullets: true,
|
|
@@ -1859,7 +1871,7 @@ const MetaContainer = ({
|
|
|
1859
1871
|
type: "datetime"
|
|
1860
1872
|
}, /*#__PURE__*/React.createElement(Timestamp, {
|
|
1861
1873
|
publishedAt: component.datetime,
|
|
1862
|
-
type: format || 'date',
|
|
1874
|
+
type: styleContext === 'isInDynamicBlock' ? 'fromNow' : format || 'date',
|
|
1863
1875
|
locale: lang
|
|
1864
1876
|
}));
|
|
1865
1877
|
}
|
|
@@ -1915,22 +1927,22 @@ const MetaContainer = ({
|
|
|
1915
1927
|
icon: isListened ? 'listened' : 'read',
|
|
1916
1928
|
size: "unset"
|
|
1917
1929
|
}))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
|
|
1918
|
-
className: styles$
|
|
1930
|
+
className: styles$s.bookmark
|
|
1919
1931
|
}, /*#__PURE__*/React.createElement(BookmarkButton, {
|
|
1920
1932
|
isInBookmarks: isInBookmarks,
|
|
1921
1933
|
onClick: () => bookmarkAction('bookmark', 'top')
|
|
1922
1934
|
}))));
|
|
1923
1935
|
};
|
|
1924
1936
|
|
|
1925
|
-
var styles$
|
|
1937
|
+
var styles$b = {"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"};
|
|
1926
1938
|
|
|
1927
1939
|
const DonatesTeaser = ({
|
|
1928
1940
|
styleContext,
|
|
1929
1941
|
lang = 'ru'
|
|
1930
1942
|
}) => {
|
|
1931
|
-
let classNames = [[styles$
|
|
1943
|
+
let classNames = [[styles$b.root, true], [styles$b[lang], styles$b[lang]]];
|
|
1932
1944
|
if (styleContext) {
|
|
1933
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1945
|
+
classNames = makeStyleContext(classNames, styleContext, styles$b);
|
|
1934
1946
|
}
|
|
1935
1947
|
const data = {
|
|
1936
1948
|
ru: {
|
|
@@ -1950,20 +1962,20 @@ const DonatesTeaser = ({
|
|
|
1950
1962
|
"data-testid": "donates-teaser",
|
|
1951
1963
|
className: makeClassName(classNames)
|
|
1952
1964
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1953
|
-
className: styles$
|
|
1965
|
+
className: styles$b.main
|
|
1954
1966
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1955
|
-
className: styles$
|
|
1967
|
+
className: styles$b.title
|
|
1956
1968
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1957
1969
|
dangerouslySetInnerHTML: {
|
|
1958
1970
|
__html: data[lang].title
|
|
1959
1971
|
}
|
|
1960
1972
|
}), ` `, /*#__PURE__*/React.createElement("span", {
|
|
1961
|
-
className: styles$
|
|
1973
|
+
className: styles$b.text,
|
|
1962
1974
|
dangerouslySetInnerHTML: {
|
|
1963
1975
|
__html: data[lang].subtitle
|
|
1964
1976
|
}
|
|
1965
1977
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1966
|
-
className: styles$
|
|
1978
|
+
className: styles$b.cta
|
|
1967
1979
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1968
1980
|
href: data[lang].href,
|
|
1969
1981
|
target: "_blank",
|
|
@@ -1971,15 +1983,15 @@ const DonatesTeaser = ({
|
|
|
1971
1983
|
}, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
|
|
1972
1984
|
};
|
|
1973
1985
|
|
|
1974
|
-
var styles$
|
|
1986
|
+
var styles$a = {"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"};
|
|
1975
1987
|
|
|
1976
1988
|
const AnnouncementInText = ({
|
|
1977
1989
|
styleContext,
|
|
1978
1990
|
lang = 'ru'
|
|
1979
1991
|
}) => {
|
|
1980
|
-
let classNames = [[styles$
|
|
1992
|
+
let classNames = [[styles$a.root, true], [styles$a[lang], styles$a[lang]]];
|
|
1981
1993
|
if (styleContext) {
|
|
1982
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1994
|
+
classNames = makeStyleContext(classNames, styleContext, styles$a);
|
|
1983
1995
|
}
|
|
1984
1996
|
const data = {
|
|
1985
1997
|
ru: {
|
|
@@ -2000,9 +2012,9 @@ const AnnouncementInText = ({
|
|
|
2000
2012
|
"data-testid": "announcement-in-text",
|
|
2001
2013
|
className: makeClassName(classNames)
|
|
2002
2014
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2003
|
-
className: styles$
|
|
2015
|
+
className: styles$a.body
|
|
2004
2016
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
2005
|
-
className: styles$
|
|
2017
|
+
className: styles$a.title,
|
|
2006
2018
|
dangerouslySetInnerHTML: {
|
|
2007
2019
|
__html: localeData.title
|
|
2008
2020
|
}
|
|
@@ -2011,18 +2023,18 @@ const AnnouncementInText = ({
|
|
|
2011
2023
|
__html: localeData.text
|
|
2012
2024
|
}
|
|
2013
2025
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2014
|
-
className: styles$
|
|
2026
|
+
className: styles$a.footer
|
|
2015
2027
|
}, /*#__PURE__*/React.createElement("a", {
|
|
2016
|
-
className: styles$
|
|
2028
|
+
className: styles$a.link,
|
|
2017
2029
|
href: localeData.href,
|
|
2018
2030
|
target: "_blank",
|
|
2019
2031
|
rel: "noreferrer"
|
|
2020
2032
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
|
|
2021
|
-
className: styles$
|
|
2033
|
+
className: styles$a.button
|
|
2022
2034
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button))));
|
|
2023
2035
|
};
|
|
2024
2036
|
|
|
2025
|
-
var styles$
|
|
2037
|
+
var styles$9 = {"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"};
|
|
2026
2038
|
|
|
2027
2039
|
const VersesBlock = ({
|
|
2028
2040
|
block: {
|
|
@@ -2032,9 +2044,9 @@ const VersesBlock = ({
|
|
|
2032
2044
|
},
|
|
2033
2045
|
styleContext
|
|
2034
2046
|
}) => {
|
|
2035
|
-
let classNames = [[styles$
|
|
2047
|
+
let classNames = [[styles$9.root, true], [styles$9[onlyOn], true], [styles$9[type], !!type && !!styles$9[type]]];
|
|
2036
2048
|
if (styleContext) {
|
|
2037
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2049
|
+
classNames = makeStyleContext(classNames, styleContext, styles$9);
|
|
2038
2050
|
}
|
|
2039
2051
|
return /*#__PURE__*/React.createElement("ul", {
|
|
2040
2052
|
className: makeClassName(classNames),
|
|
@@ -2210,7 +2222,7 @@ const RenderBlocks = ({
|
|
|
2210
2222
|
}
|
|
2211
2223
|
};
|
|
2212
2224
|
|
|
2213
|
-
var styles$
|
|
2225
|
+
var styles$8 = {"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-"};
|
|
2214
2226
|
|
|
2215
2227
|
const Cover = ({
|
|
2216
2228
|
block: {
|
|
@@ -2231,13 +2243,13 @@ const Cover = ({
|
|
|
2231
2243
|
}) => {
|
|
2232
2244
|
const [isPopoverShown, setIsPopoverShown] = React.useState(false);
|
|
2233
2245
|
const style = {};
|
|
2234
|
-
let classNames = [[styles$
|
|
2246
|
+
let classNames = [[styles$8.root, true], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]]];
|
|
2235
2247
|
if (styleContext) {
|
|
2236
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2248
|
+
classNames = makeStyleContext(classNames, styleContext, styles$8);
|
|
2237
2249
|
}
|
|
2238
2250
|
if (gradients) {
|
|
2239
2251
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2240
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2252
|
+
classNames = makeStyleContext(classNames, theme, styles$8);
|
|
2241
2253
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2242
2254
|
}
|
|
2243
2255
|
const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
|
|
@@ -2249,20 +2261,20 @@ const Cover = ({
|
|
|
2249
2261
|
"data-testid": "cover",
|
|
2250
2262
|
className: makeClassName(classNames)
|
|
2251
2263
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2252
|
-
className: styles$
|
|
2264
|
+
className: styles$8.image
|
|
2253
2265
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2254
2266
|
optimized: urls,
|
|
2255
2267
|
ratio: mobileRatio,
|
|
2256
2268
|
display: "narrow"
|
|
2257
2269
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2258
|
-
className: styles$
|
|
2270
|
+
className: styles$8.body,
|
|
2259
2271
|
style: style
|
|
2260
2272
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2261
2273
|
key: item.id,
|
|
2262
2274
|
block: item,
|
|
2263
2275
|
styleContext: styleContext
|
|
2264
2276
|
})))), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
2265
|
-
className: styles$
|
|
2277
|
+
className: styles$8.control,
|
|
2266
2278
|
type: "button",
|
|
2267
2279
|
"aria-label": "Open",
|
|
2268
2280
|
onClick: () => {
|
|
@@ -2275,7 +2287,7 @@ const Cover = ({
|
|
|
2275
2287
|
}, renderCC('isInPopover'))));
|
|
2276
2288
|
};
|
|
2277
2289
|
|
|
2278
|
-
var styles$
|
|
2290
|
+
var styles$7 = {"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"};
|
|
2279
2291
|
|
|
2280
2292
|
const HalfBlock = ({
|
|
2281
2293
|
block: {
|
|
@@ -2292,29 +2304,29 @@ const HalfBlock = ({
|
|
|
2292
2304
|
},
|
|
2293
2305
|
styleContext
|
|
2294
2306
|
}) => {
|
|
2295
|
-
let classNames = [[styles$
|
|
2307
|
+
let classNames = [[styles$7.root, true], [styles$7[onlyOn], true]];
|
|
2296
2308
|
if (styleContext) {
|
|
2297
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2309
|
+
classNames = makeStyleContext(classNames, styleContext, styles$7);
|
|
2298
2310
|
}
|
|
2299
2311
|
return /*#__PURE__*/React.createElement("div", {
|
|
2300
2312
|
"data-testid": "half-block",
|
|
2301
2313
|
className: makeClassName(classNames)
|
|
2302
2314
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2303
|
-
className: styles$
|
|
2315
|
+
className: styles$7.main
|
|
2304
2316
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2305
|
-
className: styles$
|
|
2317
|
+
className: styles$7.image
|
|
2306
2318
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2307
2319
|
optimized: optimized,
|
|
2308
2320
|
ratio: ratio,
|
|
2309
2321
|
display: "super_full"
|
|
2310
2322
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2311
|
-
className: styles$
|
|
2323
|
+
className: styles$7.body
|
|
2312
2324
|
}, data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2313
2325
|
key: item.id,
|
|
2314
2326
|
block: item,
|
|
2315
2327
|
styleContext: ['rich']
|
|
2316
2328
|
}))))), /*#__PURE__*/React.createElement("div", {
|
|
2317
|
-
className: styles$
|
|
2329
|
+
className: styles$7.footer
|
|
2318
2330
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
2319
2331
|
credit: credit,
|
|
2320
2332
|
caption: caption,
|
|
@@ -2322,7 +2334,7 @@ const HalfBlock = ({
|
|
|
2322
2334
|
})));
|
|
2323
2335
|
};
|
|
2324
2336
|
|
|
2325
|
-
var styles$
|
|
2337
|
+
var styles$6 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
|
|
2326
2338
|
|
|
2327
2339
|
const ImportantLead = ({
|
|
2328
2340
|
block: {
|
|
@@ -2331,9 +2343,9 @@ const ImportantLead = ({
|
|
|
2331
2343
|
},
|
|
2332
2344
|
styleContext
|
|
2333
2345
|
}) => {
|
|
2334
|
-
let classNames = [[styles$
|
|
2346
|
+
let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn]];
|
|
2335
2347
|
if (styleContext) {
|
|
2336
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2348
|
+
classNames = makeStyleContext(classNames, styleContext, styles$6);
|
|
2337
2349
|
}
|
|
2338
2350
|
return /*#__PURE__*/React.createElement("div", {
|
|
2339
2351
|
"data-testid": "important-lead",
|
|
@@ -2345,7 +2357,7 @@ const ImportantLead = ({
|
|
|
2345
2357
|
}))));
|
|
2346
2358
|
};
|
|
2347
2359
|
|
|
2348
|
-
var styles$
|
|
2360
|
+
var styles$5 = {"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"};
|
|
2349
2361
|
|
|
2350
2362
|
const Spoiler = ({
|
|
2351
2363
|
block: {
|
|
@@ -2374,11 +2386,11 @@ const Spoiler = ({
|
|
|
2374
2386
|
postMessage('', 'openSpoiler', 'click');
|
|
2375
2387
|
}
|
|
2376
2388
|
};
|
|
2377
|
-
let classNames = [[styles$
|
|
2389
|
+
let classNames = [[styles$5.root, true], [styles$5[onlyOn], !!onlyOn], [styles$5[display], !!display && styles$5[display]], [[styles$5.spoiled], !!spoiled]];
|
|
2378
2390
|
const context = ['center'];
|
|
2379
2391
|
if (styleContext) {
|
|
2380
2392
|
context.concat(styleContext);
|
|
2381
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2393
|
+
classNames = makeStyleContext(classNames, styleContext, styles$5);
|
|
2382
2394
|
}
|
|
2383
2395
|
const buttonCollapse = button ? button.collapse : 'Свернуть';
|
|
2384
2396
|
const buttonExpande = button ? button.expand : buttonTitle;
|
|
@@ -2387,15 +2399,15 @@ const Spoiler = ({
|
|
|
2387
2399
|
className: makeClassName(classNames),
|
|
2388
2400
|
"data-testid": "spoiler"
|
|
2389
2401
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2390
|
-
className: styles$
|
|
2402
|
+
className: styles$5.header
|
|
2391
2403
|
}, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
|
|
2392
|
-
className: styles$
|
|
2404
|
+
className: styles$5.body
|
|
2393
2405
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2394
2406
|
key: item.id,
|
|
2395
2407
|
block: item,
|
|
2396
2408
|
styleContext: context
|
|
2397
2409
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2398
|
-
className: styles$
|
|
2410
|
+
className: styles$5.footer
|
|
2399
2411
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
2400
2412
|
size: "default",
|
|
2401
2413
|
theme: "gray",
|
|
@@ -2406,7 +2418,7 @@ const Spoiler = ({
|
|
|
2406
2418
|
}))));
|
|
2407
2419
|
};
|
|
2408
2420
|
|
|
2409
|
-
var styles$
|
|
2421
|
+
var styles$4 = {"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"};
|
|
2410
2422
|
|
|
2411
2423
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2412
2424
|
const RelatedRichBlock = ({
|
|
@@ -2443,16 +2455,16 @@ const RelatedRichBlock = ({
|
|
|
2443
2455
|
const handleClick = () => {
|
|
2444
2456
|
postMessage('richRelated', url, 'click');
|
|
2445
2457
|
};
|
|
2446
|
-
let classNames = [[styles$
|
|
2458
|
+
let classNames = [[styles$4.root, true], [styles$4[cardType], !!layout && !!styles$4[cardType]], [styles$4.hasGradient, !!gradients], [styles$4[onlyOn], !!onlyOn && !!styles$4[onlyOn]]];
|
|
2447
2459
|
let context = ['isInMediaBlock'];
|
|
2448
2460
|
if (styleContext) {
|
|
2449
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2461
|
+
classNames = makeStyleContext(classNames, styleContext, styles$4);
|
|
2450
2462
|
context = [...styleContext, 'isInMediaBlock'];
|
|
2451
2463
|
}
|
|
2452
2464
|
if (gradients) {
|
|
2453
2465
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2454
2466
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2455
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2467
|
+
classNames = makeStyleContext(classNames, theme, styles$4);
|
|
2456
2468
|
if (onlyOn === 'desktop') {
|
|
2457
2469
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2458
2470
|
}
|
|
@@ -2464,27 +2476,27 @@ const RelatedRichBlock = ({
|
|
|
2464
2476
|
onClick: () => handleClick(),
|
|
2465
2477
|
ref: ref
|
|
2466
2478
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2467
|
-
className: styles$
|
|
2479
|
+
className: styles$4.overlay,
|
|
2468
2480
|
style: style
|
|
2469
2481
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2470
|
-
className: styles$
|
|
2482
|
+
className: styles$4.overlayHeader,
|
|
2471
2483
|
style: styleHeader
|
|
2472
2484
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2473
|
-
className: styles$
|
|
2485
|
+
className: styles$4.tag
|
|
2474
2486
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2475
2487
|
size: "small",
|
|
2476
2488
|
theme: "inherit",
|
|
2477
2489
|
styleContext: "richRelated"
|
|
2478
2490
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2479
|
-
className: styles$
|
|
2491
|
+
className: styles$4.cover
|
|
2480
2492
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2481
|
-
className: styles$
|
|
2493
|
+
className: styles$4.picture
|
|
2482
2494
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2483
2495
|
optimized: urls,
|
|
2484
2496
|
ratio: ratio,
|
|
2485
2497
|
display: "narrow"
|
|
2486
2498
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2487
|
-
className: styles$
|
|
2499
|
+
className: styles$4.body
|
|
2488
2500
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2489
2501
|
key: item.id,
|
|
2490
2502
|
block: item,
|
|
@@ -2492,7 +2504,7 @@ const RelatedRichBlock = ({
|
|
|
2492
2504
|
})))));
|
|
2493
2505
|
};
|
|
2494
2506
|
|
|
2495
|
-
var styles$
|
|
2507
|
+
var styles$3 = {"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"};
|
|
2496
2508
|
|
|
2497
2509
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2498
2510
|
const ShopRelatedBlock = ({
|
|
@@ -2529,14 +2541,14 @@ const ShopRelatedBlock = ({
|
|
|
2529
2541
|
const handleClick = () => {
|
|
2530
2542
|
postMessage('productRelated', url, 'click');
|
|
2531
2543
|
};
|
|
2532
|
-
let classNames = [[styles$
|
|
2544
|
+
let classNames = [[styles$3.root, true], [styles$3.hasGradient, !!gradients], [styles$3[onlyOn], !!onlyOn && !!styles$3[onlyOn]]];
|
|
2533
2545
|
if (styleContext) {
|
|
2534
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2546
|
+
classNames = makeStyleContext(classNames, styleContext, styles$3);
|
|
2535
2547
|
}
|
|
2536
2548
|
if (gradients) {
|
|
2537
2549
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2538
2550
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2539
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2551
|
+
classNames = makeStyleContext(classNames, theme, styles$3);
|
|
2540
2552
|
if (onlyOn === 'desktop') {
|
|
2541
2553
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2542
2554
|
}
|
|
@@ -2549,44 +2561,44 @@ const ShopRelatedBlock = ({
|
|
|
2549
2561
|
onClick: () => handleClick(),
|
|
2550
2562
|
ref: ref
|
|
2551
2563
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2552
|
-
className: styles$
|
|
2564
|
+
className: styles$3.overlay,
|
|
2553
2565
|
style: style
|
|
2554
2566
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2555
|
-
className: styles$
|
|
2567
|
+
className: styles$3.overlayHeader,
|
|
2556
2568
|
style: styleHeader
|
|
2557
2569
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2558
|
-
className: styles$
|
|
2570
|
+
className: styles$3.tag
|
|
2559
2571
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2560
2572
|
size: "small",
|
|
2561
2573
|
theme: "inherit",
|
|
2562
2574
|
styleContext: "richRelated"
|
|
2563
2575
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2564
|
-
className: styles$
|
|
2576
|
+
className: styles$3.cover
|
|
2565
2577
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2566
|
-
className: styles$
|
|
2578
|
+
className: styles$3.picture
|
|
2567
2579
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2568
2580
|
optimized: urls,
|
|
2569
2581
|
ratio: ratio,
|
|
2570
2582
|
display: "narrow"
|
|
2571
2583
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2572
|
-
className: styles$
|
|
2584
|
+
className: styles$3.body
|
|
2573
2585
|
}, /*#__PURE__*/React.createElement("h2", {
|
|
2574
|
-
className: styles$
|
|
2586
|
+
className: styles$3.title
|
|
2575
2587
|
}, firstTitle, /*#__PURE__*/React.createElement("span", {
|
|
2576
|
-
className: styles$
|
|
2588
|
+
className: styles$3.price
|
|
2577
2589
|
}, secondTitle))));
|
|
2578
2590
|
};
|
|
2579
2591
|
|
|
2580
|
-
var styles$
|
|
2592
|
+
var styles$2 = {"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"};
|
|
2581
2593
|
|
|
2582
2594
|
const RelatedBook = ({
|
|
2583
2595
|
block,
|
|
2584
2596
|
styleContext
|
|
2585
2597
|
}) => {
|
|
2586
2598
|
const theme = block.data.theme.text_color === '0,0,0' ? 'isDark' : 'isLight';
|
|
2587
|
-
let classNames = [[styles$
|
|
2599
|
+
let classNames = [[styles$2.root, true], [styles$2[theme], theme], [styles$2[block.data.onlyOn], !!block.data.onlyOn && !!styles$2[block.data.onlyOn]]];
|
|
2588
2600
|
if (styleContext) {
|
|
2589
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2601
|
+
classNames = makeStyleContext(classNames, styleContext, styles$2);
|
|
2590
2602
|
}
|
|
2591
2603
|
const cssProps = {
|
|
2592
2604
|
'--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
|
|
@@ -2596,13 +2608,13 @@ const RelatedBook = ({
|
|
|
2596
2608
|
className: makeClassName(classNames),
|
|
2597
2609
|
style: cssProps
|
|
2598
2610
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2599
|
-
className: styles$
|
|
2611
|
+
className: styles$2.container
|
|
2600
2612
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2601
|
-
className: styles$
|
|
2613
|
+
className: styles$2.imageWrap
|
|
2602
2614
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2603
|
-
className: styles$
|
|
2615
|
+
className: styles$2.image
|
|
2604
2616
|
}, /*#__PURE__*/React.createElement("picture", {
|
|
2605
|
-
className: styles$
|
|
2617
|
+
className: styles$2.picture
|
|
2606
2618
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2607
2619
|
optimized: block.data.cover.urls,
|
|
2608
2620
|
ratio: 0,
|
|
@@ -2610,9 +2622,9 @@ const RelatedBook = ({
|
|
|
2610
2622
|
styleContext: ['isStatic'],
|
|
2611
2623
|
lazy: true
|
|
2612
2624
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2613
|
-
className: styles$
|
|
2625
|
+
className: styles$2.contentWrap
|
|
2614
2626
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2615
|
-
className: styles$
|
|
2627
|
+
className: styles$2.content
|
|
2616
2628
|
}, block.data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2617
2629
|
key: item.id,
|
|
2618
2630
|
block: item,
|
|
@@ -2702,28 +2714,6 @@ const RawHtmlBlock = ({
|
|
|
2702
2714
|
}
|
|
2703
2715
|
};
|
|
2704
2716
|
|
|
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
|
-
|
|
2727
2717
|
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"};
|
|
2728
2718
|
|
|
2729
2719
|
const ToolbarButton = ({
|
|
@@ -2797,7 +2787,6 @@ exports.Image = Image;
|
|
|
2797
2787
|
exports.ImportantLead = ImportantLead;
|
|
2798
2788
|
exports.Lazy = Lazy;
|
|
2799
2789
|
exports.ListBlock = ListBlock;
|
|
2800
|
-
exports.ListViewSwitcher = ListViewSwitcher;
|
|
2801
2790
|
exports.MaterialNote = MaterialNote;
|
|
2802
2791
|
exports.MaterialTitle = MaterialTitle;
|
|
2803
2792
|
exports.MediaCaption = MediaCaption;
|