@meduza/ui-kit-2 0.8.8 → 0.8.602
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/Meta/Meta.types.d.ts +1 -0
- 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/ToolbarButton/ToolbarButton.types.d.ts +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/types.d.ts +1 -1
- package/dist/ui-kit-2.cjs.development.js +247 -256
- 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 +248 -256
- 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/Meta.types.ts +1 -0
- package/src/Meta/MetaContainer.tsx +13 -1
- package/src/Meta/index.tsx +4 -2
- package/src/RichTitle/RichTitle.module.css +4 -0
- package/src/Spoiler/Spoiler.module.css +9 -10
- package/src/SvgSymbol/SvgSymbol.types.ts +3 -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/ToolbarButton/ToolbarButton.types.ts +2 -0
- package/src/_storybook/PreviewWrapper/index.tsx +1 -0
- package/src/index.tsx +0 -1
- package/src/types.ts +3 -0
- 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,30 +947,31 @@ 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,
|
|
961
966
|
theme,
|
|
962
967
|
children,
|
|
963
968
|
onlyOn,
|
|
964
|
-
styleContext
|
|
969
|
+
styleContext,
|
|
970
|
+
type
|
|
965
971
|
}) => {
|
|
966
|
-
let classNames = [[styles$
|
|
972
|
+
let classNames = [[styles$s.root, true], [styles$s[theme], !!theme && !!styles$s[theme]], [styles$s[onlyOn], !!onlyOn], [styles$s.hasSource, hasSource], [styles$s.isInDynamicBlock, type === 'isInDynamicBlock']];
|
|
967
973
|
if (styleContext) {
|
|
968
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
974
|
+
classNames = makeStyleContext(classNames, styleContext, styles$s);
|
|
969
975
|
}
|
|
970
976
|
return /*#__PURE__*/React.createElement("div", {
|
|
971
977
|
"data-testid": "meta",
|
|
@@ -973,7 +979,7 @@ const Meta = ({
|
|
|
973
979
|
}, children);
|
|
974
980
|
};
|
|
975
981
|
|
|
976
|
-
var styles$
|
|
982
|
+
var styles$r = {"root":"Timestamp-module_root__jPJ6w"};
|
|
977
983
|
|
|
978
984
|
const Timestamp = ({
|
|
979
985
|
publishedAt,
|
|
@@ -997,7 +1003,7 @@ const Timestamp = ({
|
|
|
997
1003
|
return /*#__PURE__*/React.createElement("time", {
|
|
998
1004
|
suppressHydrationWarning: true,
|
|
999
1005
|
"data-testid": "timestamp",
|
|
1000
|
-
className: styles$
|
|
1006
|
+
className: styles$r.root
|
|
1001
1007
|
}, published);
|
|
1002
1008
|
};
|
|
1003
1009
|
|
|
@@ -1057,7 +1063,7 @@ const DangerousHTML = ({
|
|
|
1057
1063
|
}));
|
|
1058
1064
|
};
|
|
1059
1065
|
|
|
1060
|
-
var styles$
|
|
1066
|
+
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
1067
|
|
|
1062
1068
|
const EmbedGif = ({
|
|
1063
1069
|
gif,
|
|
@@ -1095,9 +1101,9 @@ const EmbedGif = ({
|
|
|
1095
1101
|
};
|
|
1096
1102
|
}, []);
|
|
1097
1103
|
return /*#__PURE__*/React.createElement("div", {
|
|
1098
|
-
className: styles$
|
|
1104
|
+
className: styles$q.figure
|
|
1099
1105
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1100
|
-
className: styles$
|
|
1106
|
+
className: styles$q.objectWrap,
|
|
1101
1107
|
style: style,
|
|
1102
1108
|
"data-frozen": videoFrozen
|
|
1103
1109
|
}, /*#__PURE__*/React.createElement("video", {
|
|
@@ -1157,7 +1163,7 @@ const EmbedBlock = ({
|
|
|
1157
1163
|
case 'image':
|
|
1158
1164
|
{
|
|
1159
1165
|
return /*#__PURE__*/React.createElement("div", {
|
|
1160
|
-
className: styles$
|
|
1166
|
+
className: styles$q.figure
|
|
1161
1167
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
1162
1168
|
source: !optimized && [small, large],
|
|
1163
1169
|
optimized: block.data.optimized,
|
|
@@ -1172,7 +1178,7 @@ const EmbedBlock = ({
|
|
|
1172
1178
|
case 'game_embed':
|
|
1173
1179
|
{
|
|
1174
1180
|
return /*#__PURE__*/React.createElement("div", {
|
|
1175
|
-
className: styles$
|
|
1181
|
+
className: styles$q.gameEmbed
|
|
1176
1182
|
}, /*#__PURE__*/React.createElement("iframe", {
|
|
1177
1183
|
src: block.data.game_src,
|
|
1178
1184
|
id: block.data.game_id,
|
|
@@ -1182,7 +1188,7 @@ const EmbedBlock = ({
|
|
|
1182
1188
|
case 'dots_on_image':
|
|
1183
1189
|
{
|
|
1184
1190
|
return /*#__PURE__*/React.createElement("div", {
|
|
1185
|
-
className: styles$
|
|
1191
|
+
className: styles$q.figure
|
|
1186
1192
|
}, /*#__PURE__*/React.createElement(DotsOnImage, {
|
|
1187
1193
|
block: data
|
|
1188
1194
|
}));
|
|
@@ -1190,12 +1196,12 @@ const EmbedBlock = ({
|
|
|
1190
1196
|
default:
|
|
1191
1197
|
{
|
|
1192
1198
|
return /*#__PURE__*/React.createElement("div", {
|
|
1193
|
-
className: styles$
|
|
1199
|
+
className: styles$q.object
|
|
1194
1200
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1195
|
-
className: styles$
|
|
1201
|
+
className: styles$q.wrapper,
|
|
1196
1202
|
style: style
|
|
1197
1203
|
}, /*#__PURE__*/React.createElement(DangerousHTML, {
|
|
1198
|
-
className: styles$
|
|
1204
|
+
className: styles$q.objectWrap,
|
|
1199
1205
|
html: html
|
|
1200
1206
|
})));
|
|
1201
1207
|
}
|
|
@@ -1205,28 +1211,28 @@ const EmbedBlock = ({
|
|
|
1205
1211
|
style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
|
|
1206
1212
|
style.height = 0;
|
|
1207
1213
|
}
|
|
1208
|
-
let classNames = [[styles$
|
|
1214
|
+
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
1215
|
// Убираем из контекста все, что не начинается с приставки isIn,
|
|
1210
1216
|
// чтобы не применились лишние модификаторы
|
|
1211
1217
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1212
1218
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1213
|
-
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$
|
|
1219
|
+
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$q[key]).reduce((acc, key) => {
|
|
1214
1220
|
acc.push(key);
|
|
1215
1221
|
return acc;
|
|
1216
1222
|
}, []);
|
|
1217
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1223
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$q);
|
|
1218
1224
|
}
|
|
1219
1225
|
return /*#__PURE__*/React.createElement("figure", {
|
|
1220
1226
|
className: makeClassName(classNames)
|
|
1221
1227
|
}, children && ( /*#__PURE__*/React.createElement("div", {
|
|
1222
|
-
className: styles$
|
|
1228
|
+
className: styles$q.object
|
|
1223
1229
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1224
|
-
className: styles$
|
|
1230
|
+
className: styles$q.wrapper,
|
|
1225
1231
|
style: style
|
|
1226
1232
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1227
|
-
className: styles$
|
|
1233
|
+
className: styles$q.objectWrap
|
|
1228
1234
|
}, children)))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
1229
|
-
className: styles$
|
|
1235
|
+
className: styles$q.control,
|
|
1230
1236
|
type: "button",
|
|
1231
1237
|
"aria-label": "Open",
|
|
1232
1238
|
onClick: () => {
|
|
@@ -1329,7 +1335,7 @@ const EmbedBlockContainer = ({
|
|
|
1329
1335
|
});
|
|
1330
1336
|
};
|
|
1331
1337
|
|
|
1332
|
-
var styles$
|
|
1338
|
+
var styles$p = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
|
|
1333
1339
|
|
|
1334
1340
|
const QuoteBlock = ({
|
|
1335
1341
|
block: {
|
|
@@ -1337,9 +1343,9 @@ const QuoteBlock = ({
|
|
|
1337
1343
|
},
|
|
1338
1344
|
styleContext
|
|
1339
1345
|
}) => {
|
|
1340
|
-
let classNames = [[styles$
|
|
1346
|
+
let classNames = [[styles$p.root, true]];
|
|
1341
1347
|
if (styleContext) {
|
|
1342
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1348
|
+
classNames = makeStyleContext(classNames, styleContext, styles$p);
|
|
1343
1349
|
}
|
|
1344
1350
|
return /*#__PURE__*/React.createElement("div", {
|
|
1345
1351
|
"data-testid": "quote-block",
|
|
@@ -1351,7 +1357,7 @@ const QuoteBlock = ({
|
|
|
1351
1357
|
}));
|
|
1352
1358
|
};
|
|
1353
1359
|
|
|
1354
|
-
var styles$
|
|
1360
|
+
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
1361
|
|
|
1356
1362
|
const CardTitle = ({
|
|
1357
1363
|
block: {
|
|
@@ -1367,15 +1373,15 @@ const CardTitle = ({
|
|
|
1367
1373
|
return /*#__PURE__*/React.createElement("div", {
|
|
1368
1374
|
"data-testid": "card-title",
|
|
1369
1375
|
id: id,
|
|
1370
|
-
className: makeClassName([[styles$
|
|
1376
|
+
className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]])
|
|
1371
1377
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1372
|
-
className: styles$
|
|
1378
|
+
className: styles$o.index
|
|
1373
1379
|
}, index), /*#__PURE__*/React.createElement("h3", {
|
|
1374
|
-
className: styles$
|
|
1380
|
+
className: styles$o.title
|
|
1375
1381
|
}, text));
|
|
1376
1382
|
};
|
|
1377
1383
|
|
|
1378
|
-
var styles$
|
|
1384
|
+
var styles$n = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
|
|
1379
1385
|
|
|
1380
1386
|
const ChapterBlock = ({
|
|
1381
1387
|
block: {
|
|
@@ -1388,9 +1394,9 @@ const ChapterBlock = ({
|
|
|
1388
1394
|
return /*#__PURE__*/React.createElement("div", {
|
|
1389
1395
|
"data-testid": "chapter-block",
|
|
1390
1396
|
id: id,
|
|
1391
|
-
className: makeClassName([[styles$
|
|
1397
|
+
className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn]])
|
|
1392
1398
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1393
|
-
className: makeClassName([[styles$
|
|
1399
|
+
className: makeClassName([[styles$n.subtitle, true], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]]),
|
|
1394
1400
|
dangerouslySetInnerHTML: {
|
|
1395
1401
|
__html: data
|
|
1396
1402
|
}
|
|
@@ -1406,7 +1412,7 @@ const generateGradient = (color, type) => {
|
|
|
1406
1412
|
return `linear-gradient(-180deg, ${gradient})`;
|
|
1407
1413
|
};
|
|
1408
1414
|
|
|
1409
|
-
var styles$
|
|
1415
|
+
var styles$m = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
|
|
1410
1416
|
|
|
1411
1417
|
const SimpleTitle = ({
|
|
1412
1418
|
block: {
|
|
@@ -1417,9 +1423,9 @@ const SimpleTitle = ({
|
|
|
1417
1423
|
},
|
|
1418
1424
|
styleContext
|
|
1419
1425
|
}) => {
|
|
1420
|
-
let classNames = [[styles$
|
|
1426
|
+
let classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
|
|
1421
1427
|
if (styleContext) {
|
|
1422
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1428
|
+
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1423
1429
|
}
|
|
1424
1430
|
return /*#__PURE__*/React.createElement("h1", {
|
|
1425
1431
|
"data-testid": "simple-title",
|
|
@@ -1427,7 +1433,7 @@ const SimpleTitle = ({
|
|
|
1427
1433
|
}, first);
|
|
1428
1434
|
};
|
|
1429
1435
|
|
|
1430
|
-
var styles$
|
|
1436
|
+
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
1437
|
|
|
1432
1438
|
const RichTitle = ({
|
|
1433
1439
|
block: {
|
|
@@ -1441,9 +1447,9 @@ const RichTitle = ({
|
|
|
1441
1447
|
},
|
|
1442
1448
|
styleContext
|
|
1443
1449
|
}) => {
|
|
1444
|
-
let classNames = [[styles$
|
|
1450
|
+
let classNames = [[styles$l.root, true], [styles$l[onlyOn], true], [styles$l.featured, !!featured]];
|
|
1445
1451
|
if (styleContext) {
|
|
1446
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1452
|
+
classNames = makeStyleContext(classNames, styleContext, styles$l);
|
|
1447
1453
|
}
|
|
1448
1454
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1449
1455
|
"data-testid": "rich-title",
|
|
@@ -1451,7 +1457,7 @@ const RichTitle = ({
|
|
|
1451
1457
|
}, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
|
|
1452
1458
|
};
|
|
1453
1459
|
|
|
1454
|
-
var styles$
|
|
1460
|
+
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
1461
|
|
|
1456
1462
|
const SimpleBlock = ({
|
|
1457
1463
|
block: {
|
|
@@ -1463,9 +1469,9 @@ const SimpleBlock = ({
|
|
|
1463
1469
|
id = null
|
|
1464
1470
|
}) => {
|
|
1465
1471
|
let TagName;
|
|
1466
|
-
let classNames = [[styles$
|
|
1472
|
+
let classNames = [[styles$k[type], !!type && !!styles$k[type]], [styles$k[onlyOn], true]];
|
|
1467
1473
|
if (styleContext) {
|
|
1468
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1474
|
+
classNames = makeStyleContext(classNames, styleContext, styles$k);
|
|
1469
1475
|
}
|
|
1470
1476
|
switch (type) {
|
|
1471
1477
|
case 'context_p':
|
|
@@ -1497,7 +1503,7 @@ const SimpleBlock = ({
|
|
|
1497
1503
|
});
|
|
1498
1504
|
};
|
|
1499
1505
|
|
|
1500
|
-
var styles$
|
|
1506
|
+
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
1507
|
|
|
1502
1508
|
const ListBlock = ({
|
|
1503
1509
|
block: {
|
|
@@ -1508,9 +1514,9 @@ const ListBlock = ({
|
|
|
1508
1514
|
styleContext
|
|
1509
1515
|
}) => {
|
|
1510
1516
|
const TagName = type;
|
|
1511
|
-
let classNames = [[styles$
|
|
1517
|
+
let classNames = [[styles$j.root, true], [styles$j[onlyOn], true], [styles$j[type], !!type && !!styles$j[type]]];
|
|
1512
1518
|
if (styleContext) {
|
|
1513
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1519
|
+
classNames = makeStyleContext(classNames, styleContext, styles$j);
|
|
1514
1520
|
}
|
|
1515
1521
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1516
1522
|
className: makeClassName(classNames),
|
|
@@ -1523,7 +1529,7 @@ const ListBlock = ({
|
|
|
1523
1529
|
}))));
|
|
1524
1530
|
};
|
|
1525
1531
|
|
|
1526
|
-
var styles$
|
|
1532
|
+
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
1533
|
|
|
1528
1534
|
const RelatedBlock = ({
|
|
1529
1535
|
block: {
|
|
@@ -1535,28 +1541,28 @@ const RelatedBlock = ({
|
|
|
1535
1541
|
},
|
|
1536
1542
|
styleContext
|
|
1537
1543
|
}) => {
|
|
1538
|
-
let classNames = [[styles$
|
|
1544
|
+
let classNames = [[styles$i.root, true], [styles$i[onlyOn], true]];
|
|
1539
1545
|
if (styleContext) {
|
|
1540
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1546
|
+
classNames = makeStyleContext(classNames, styleContext, styles$i);
|
|
1541
1547
|
}
|
|
1542
1548
|
return /*#__PURE__*/React.createElement("div", {
|
|
1543
1549
|
"data-testid": "related-block",
|
|
1544
1550
|
className: makeClassName(classNames)
|
|
1545
1551
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1546
|
-
className: styles$
|
|
1552
|
+
className: styles$i.header
|
|
1547
1553
|
}, title), /*#__PURE__*/React.createElement("ul", {
|
|
1548
|
-
className: styles$
|
|
1554
|
+
className: styles$i.items
|
|
1549
1555
|
}, related.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
|
|
1550
1556
|
key: item.id || index,
|
|
1551
|
-
className: styles$
|
|
1557
|
+
className: styles$i[item.layout]
|
|
1552
1558
|
}, /*#__PURE__*/React.createElement(reactRouterDom.Link, {
|
|
1553
1559
|
to: item.full_url || `/${item.url}`
|
|
1554
1560
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1555
|
-
className: styles$
|
|
1561
|
+
className: styles$i.first
|
|
1556
1562
|
}, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title)))))));
|
|
1557
1563
|
};
|
|
1558
1564
|
|
|
1559
|
-
var styles$
|
|
1565
|
+
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
1566
|
|
|
1561
1567
|
const SourceBlock = ({
|
|
1562
1568
|
block: {
|
|
@@ -1569,16 +1575,16 @@ const SourceBlock = ({
|
|
|
1569
1575
|
},
|
|
1570
1576
|
styleContext
|
|
1571
1577
|
}) => {
|
|
1572
|
-
let classNames = [[styles$
|
|
1578
|
+
let classNames = [[styles$h.root, true], [styles$h[onlyOn], true]];
|
|
1573
1579
|
if (styleContext) {
|
|
1574
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1580
|
+
classNames = makeStyleContext(classNames, styleContext, styles$h);
|
|
1575
1581
|
}
|
|
1576
1582
|
return /*#__PURE__*/React.createElement("blockquote", {
|
|
1577
1583
|
"data-testid": "source-block",
|
|
1578
1584
|
cite: url,
|
|
1579
1585
|
className: makeClassName(classNames)
|
|
1580
1586
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1581
|
-
className: styles$
|
|
1587
|
+
className: styles$h.text,
|
|
1582
1588
|
href: url,
|
|
1583
1589
|
target: "_blank",
|
|
1584
1590
|
rel: "noopener noreferrer"
|
|
@@ -1588,11 +1594,11 @@ const SourceBlock = ({
|
|
|
1588
1594
|
__html: item.data
|
|
1589
1595
|
}
|
|
1590
1596
|
}))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
|
|
1591
|
-
className: styles$
|
|
1597
|
+
className: styles$h.origin
|
|
1592
1598
|
}, origin))));
|
|
1593
1599
|
};
|
|
1594
1600
|
|
|
1595
|
-
var styles$
|
|
1601
|
+
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
1602
|
|
|
1597
1603
|
const SensitiveBlock = ({
|
|
1598
1604
|
block,
|
|
@@ -1615,40 +1621,40 @@ const SensitiveBlock = ({
|
|
|
1615
1621
|
const handleClick = () => {
|
|
1616
1622
|
isVisible(true);
|
|
1617
1623
|
};
|
|
1618
|
-
let classNames = [[styles$
|
|
1624
|
+
let classNames = [[styles$g.root, true], [styles$g.visible, visible], [styles$g[display], display && styles$g[display]]];
|
|
1619
1625
|
let context = ['isInSensitiveBlock'];
|
|
1620
1626
|
if (styleContext) {
|
|
1621
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1627
|
+
classNames = makeStyleContext(classNames, styleContext, styles$g);
|
|
1622
1628
|
context = [...styleContext, 'isInSensitiveBlock'];
|
|
1623
1629
|
}
|
|
1624
1630
|
return /*#__PURE__*/React.createElement("div", {
|
|
1625
1631
|
"data-testid": "sensitive-block",
|
|
1626
1632
|
className: makeClassName(classNames)
|
|
1627
1633
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1628
|
-
className: styles$
|
|
1634
|
+
className: styles$g.container
|
|
1629
1635
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1630
|
-
className: styles$
|
|
1636
|
+
className: styles$g.overlay,
|
|
1631
1637
|
style: {
|
|
1632
1638
|
backgroundImage: `url(${blurredImage})`
|
|
1633
1639
|
}
|
|
1634
1640
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1635
|
-
className: styles$
|
|
1641
|
+
className: styles$g.content
|
|
1636
1642
|
}, /*#__PURE__*/React.createElement("p", {
|
|
1637
1643
|
dangerouslySetInnerHTML: {
|
|
1638
1644
|
__html: block.title
|
|
1639
1645
|
}
|
|
1640
1646
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1641
|
-
className: styles$
|
|
1647
|
+
className: styles$g.button
|
|
1642
1648
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
1643
1649
|
onClick: () => handleClick(),
|
|
1644
1650
|
theme: "light"
|
|
1645
1651
|
}, block.button.text)))), /*#__PURE__*/React.createElement("div", {
|
|
1646
|
-
className: styles$
|
|
1652
|
+
className: styles$g.media
|
|
1647
1653
|
}, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
|
|
1648
1654
|
block: block.item,
|
|
1649
1655
|
styleContext: context
|
|
1650
1656
|
}))), cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1651
|
-
className: styles$
|
|
1657
|
+
className: styles$g.figcaption
|
|
1652
1658
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1653
1659
|
credit: credit,
|
|
1654
1660
|
caption: caption,
|
|
@@ -1656,7 +1662,7 @@ const SensitiveBlock = ({
|
|
|
1656
1662
|
}))));
|
|
1657
1663
|
};
|
|
1658
1664
|
|
|
1659
|
-
var styles$
|
|
1665
|
+
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
1666
|
|
|
1661
1667
|
const GroupedBlock = ({
|
|
1662
1668
|
block,
|
|
@@ -1672,19 +1678,19 @@ const GroupedBlock = ({
|
|
|
1672
1678
|
return width / (height / maxHeight);
|
|
1673
1679
|
});
|
|
1674
1680
|
const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
|
|
1675
|
-
let classNames = [[styles$
|
|
1681
|
+
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
1682
|
if (styleContext) {
|
|
1677
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1683
|
+
classNames = makeStyleContext(classNames, styleContext, styles$f);
|
|
1678
1684
|
}
|
|
1679
1685
|
return /*#__PURE__*/React.createElement("div", {
|
|
1680
1686
|
"data-testid": "grouped-block",
|
|
1681
1687
|
className: makeClassName(classNames)
|
|
1682
1688
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1683
|
-
className: styles$
|
|
1689
|
+
className: styles$f.items
|
|
1684
1690
|
}, block.data.map((item, index) => {
|
|
1685
1691
|
const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1686
1692
|
return /*#__PURE__*/React.createElement("div", {
|
|
1687
|
-
className: styles$
|
|
1693
|
+
className: styles$f.item,
|
|
1688
1694
|
key: item.id,
|
|
1689
1695
|
style: {
|
|
1690
1696
|
width: `${percentWidth}%`
|
|
@@ -1697,7 +1703,7 @@ const GroupedBlock = ({
|
|
|
1697
1703
|
styleContext: ['isInGroupedBlock']
|
|
1698
1704
|
})));
|
|
1699
1705
|
})), block.cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1700
|
-
className: styles$
|
|
1706
|
+
className: styles$f.figcaption
|
|
1701
1707
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1702
1708
|
credit: block.credit,
|
|
1703
1709
|
caption: block.caption,
|
|
@@ -1705,7 +1711,7 @@ const GroupedBlock = ({
|
|
|
1705
1711
|
}))));
|
|
1706
1712
|
};
|
|
1707
1713
|
|
|
1708
|
-
var styles$
|
|
1714
|
+
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
1715
|
|
|
1710
1716
|
const MetaItem = ({
|
|
1711
1717
|
hasSource,
|
|
@@ -1713,25 +1719,25 @@ const MetaItem = ({
|
|
|
1713
1719
|
children,
|
|
1714
1720
|
bullets
|
|
1715
1721
|
}) => {
|
|
1716
|
-
const classNames = [[styles$
|
|
1722
|
+
const classNames = [[styles$e.root, true], [styles$e[type], !!type && !!styles$e[type]], [styles$e.hasSource, !!hasSource], [styles$e.hasBullets, !!bullets]];
|
|
1717
1723
|
return /*#__PURE__*/React.createElement("div", {
|
|
1718
1724
|
"data-testid": "meta-item",
|
|
1719
1725
|
className: makeClassName(classNames)
|
|
1720
1726
|
}, children);
|
|
1721
1727
|
};
|
|
1722
1728
|
|
|
1723
|
-
var styles$
|
|
1729
|
+
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
1730
|
|
|
1725
1731
|
const MetaItemLive = ({
|
|
1726
1732
|
theme = 'gold'
|
|
1727
1733
|
}) => {
|
|
1728
|
-
const classNames = [[styles$
|
|
1734
|
+
const classNames = [[styles$d.root, true], [styles$d[theme], !!theme && styles$d[theme]]];
|
|
1729
1735
|
return /*#__PURE__*/React.createElement("div", {
|
|
1730
1736
|
"data-testid": "meta-item-live",
|
|
1731
1737
|
"data-meta": "live",
|
|
1732
1738
|
className: makeClassName(classNames)
|
|
1733
1739
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1734
|
-
className: styles$
|
|
1740
|
+
className: styles$d.frame
|
|
1735
1741
|
}));
|
|
1736
1742
|
};
|
|
1737
1743
|
|
|
@@ -1751,7 +1757,7 @@ const pluralize = (number, one, two, five) => {
|
|
|
1751
1757
|
return five;
|
|
1752
1758
|
};
|
|
1753
1759
|
|
|
1754
|
-
var styles$
|
|
1760
|
+
var styles$c = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
|
|
1755
1761
|
|
|
1756
1762
|
const DocumentItemsCount = ({
|
|
1757
1763
|
type,
|
|
@@ -1788,9 +1794,9 @@ const DocumentItemsCount = ({
|
|
|
1788
1794
|
const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
|
|
1789
1795
|
return /*#__PURE__*/React.createElement("div", {
|
|
1790
1796
|
"data-testid": "document-items-count",
|
|
1791
|
-
className: styles$
|
|
1797
|
+
className: styles$c.root
|
|
1792
1798
|
}, children, /*#__PURE__*/React.createElement("span", {
|
|
1793
|
-
className: styles$
|
|
1799
|
+
className: styles$c.items
|
|
1794
1800
|
}, itemsCount));
|
|
1795
1801
|
};
|
|
1796
1802
|
|
|
@@ -1823,7 +1829,8 @@ const MetaContainer = ({
|
|
|
1823
1829
|
styleContext: context,
|
|
1824
1830
|
theme: theme || themeColor,
|
|
1825
1831
|
onlyOn: block.only_on,
|
|
1826
|
-
hasSource: hasSource
|
|
1832
|
+
hasSource: hasSource,
|
|
1833
|
+
type: styleContext
|
|
1827
1834
|
}, components.map(component => {
|
|
1828
1835
|
switch (component.type) {
|
|
1829
1836
|
case 'source_name':
|
|
@@ -1840,6 +1847,13 @@ const MetaContainer = ({
|
|
|
1840
1847
|
}
|
|
1841
1848
|
case 'duration':
|
|
1842
1849
|
{
|
|
1850
|
+
if (styleContext === 'isInDynamicBlock') {
|
|
1851
|
+
return /*#__PURE__*/React.createElement(MetaItem, {
|
|
1852
|
+
hasSource: hasSource,
|
|
1853
|
+
bullets: true,
|
|
1854
|
+
key: component.id
|
|
1855
|
+
}, component.text);
|
|
1856
|
+
}
|
|
1843
1857
|
return /*#__PURE__*/React.createElement(MetaItem, {
|
|
1844
1858
|
hasSource: hasSource,
|
|
1845
1859
|
bullets: true,
|
|
@@ -1859,7 +1873,7 @@ const MetaContainer = ({
|
|
|
1859
1873
|
type: "datetime"
|
|
1860
1874
|
}, /*#__PURE__*/React.createElement(Timestamp, {
|
|
1861
1875
|
publishedAt: component.datetime,
|
|
1862
|
-
type: format || 'date',
|
|
1876
|
+
type: styleContext === 'isInDynamicBlock' ? 'fromNow' : format || 'date',
|
|
1863
1877
|
locale: lang
|
|
1864
1878
|
}));
|
|
1865
1879
|
}
|
|
@@ -1915,22 +1929,22 @@ const MetaContainer = ({
|
|
|
1915
1929
|
icon: isListened ? 'listened' : 'read',
|
|
1916
1930
|
size: "unset"
|
|
1917
1931
|
}))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
|
|
1918
|
-
className: styles$
|
|
1932
|
+
className: styles$s.bookmark
|
|
1919
1933
|
}, /*#__PURE__*/React.createElement(BookmarkButton, {
|
|
1920
1934
|
isInBookmarks: isInBookmarks,
|
|
1921
1935
|
onClick: () => bookmarkAction('bookmark', 'top')
|
|
1922
1936
|
}))));
|
|
1923
1937
|
};
|
|
1924
1938
|
|
|
1925
|
-
var styles$
|
|
1939
|
+
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
1940
|
|
|
1927
1941
|
const DonatesTeaser = ({
|
|
1928
1942
|
styleContext,
|
|
1929
1943
|
lang = 'ru'
|
|
1930
1944
|
}) => {
|
|
1931
|
-
let classNames = [[styles$
|
|
1945
|
+
let classNames = [[styles$b.root, true], [styles$b[lang], styles$b[lang]]];
|
|
1932
1946
|
if (styleContext) {
|
|
1933
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1947
|
+
classNames = makeStyleContext(classNames, styleContext, styles$b);
|
|
1934
1948
|
}
|
|
1935
1949
|
const data = {
|
|
1936
1950
|
ru: {
|
|
@@ -1950,20 +1964,20 @@ const DonatesTeaser = ({
|
|
|
1950
1964
|
"data-testid": "donates-teaser",
|
|
1951
1965
|
className: makeClassName(classNames)
|
|
1952
1966
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1953
|
-
className: styles$
|
|
1967
|
+
className: styles$b.main
|
|
1954
1968
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1955
|
-
className: styles$
|
|
1969
|
+
className: styles$b.title
|
|
1956
1970
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1957
1971
|
dangerouslySetInnerHTML: {
|
|
1958
1972
|
__html: data[lang].title
|
|
1959
1973
|
}
|
|
1960
1974
|
}), ` `, /*#__PURE__*/React.createElement("span", {
|
|
1961
|
-
className: styles$
|
|
1975
|
+
className: styles$b.text,
|
|
1962
1976
|
dangerouslySetInnerHTML: {
|
|
1963
1977
|
__html: data[lang].subtitle
|
|
1964
1978
|
}
|
|
1965
1979
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1966
|
-
className: styles$
|
|
1980
|
+
className: styles$b.cta
|
|
1967
1981
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1968
1982
|
href: data[lang].href,
|
|
1969
1983
|
target: "_blank",
|
|
@@ -1971,15 +1985,15 @@ const DonatesTeaser = ({
|
|
|
1971
1985
|
}, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
|
|
1972
1986
|
};
|
|
1973
1987
|
|
|
1974
|
-
var styles$
|
|
1988
|
+
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
1989
|
|
|
1976
1990
|
const AnnouncementInText = ({
|
|
1977
1991
|
styleContext,
|
|
1978
1992
|
lang = 'ru'
|
|
1979
1993
|
}) => {
|
|
1980
|
-
let classNames = [[styles$
|
|
1994
|
+
let classNames = [[styles$a.root, true], [styles$a[lang], styles$a[lang]]];
|
|
1981
1995
|
if (styleContext) {
|
|
1982
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1996
|
+
classNames = makeStyleContext(classNames, styleContext, styles$a);
|
|
1983
1997
|
}
|
|
1984
1998
|
const data = {
|
|
1985
1999
|
ru: {
|
|
@@ -2000,9 +2014,9 @@ const AnnouncementInText = ({
|
|
|
2000
2014
|
"data-testid": "announcement-in-text",
|
|
2001
2015
|
className: makeClassName(classNames)
|
|
2002
2016
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2003
|
-
className: styles$
|
|
2017
|
+
className: styles$a.body
|
|
2004
2018
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
2005
|
-
className: styles$
|
|
2019
|
+
className: styles$a.title,
|
|
2006
2020
|
dangerouslySetInnerHTML: {
|
|
2007
2021
|
__html: localeData.title
|
|
2008
2022
|
}
|
|
@@ -2011,18 +2025,18 @@ const AnnouncementInText = ({
|
|
|
2011
2025
|
__html: localeData.text
|
|
2012
2026
|
}
|
|
2013
2027
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2014
|
-
className: styles$
|
|
2028
|
+
className: styles$a.footer
|
|
2015
2029
|
}, /*#__PURE__*/React.createElement("a", {
|
|
2016
|
-
className: styles$
|
|
2030
|
+
className: styles$a.link,
|
|
2017
2031
|
href: localeData.href,
|
|
2018
2032
|
target: "_blank",
|
|
2019
2033
|
rel: "noreferrer"
|
|
2020
2034
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
|
|
2021
|
-
className: styles$
|
|
2035
|
+
className: styles$a.button
|
|
2022
2036
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button))));
|
|
2023
2037
|
};
|
|
2024
2038
|
|
|
2025
|
-
var styles$
|
|
2039
|
+
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
2040
|
|
|
2027
2041
|
const VersesBlock = ({
|
|
2028
2042
|
block: {
|
|
@@ -2032,9 +2046,9 @@ const VersesBlock = ({
|
|
|
2032
2046
|
},
|
|
2033
2047
|
styleContext
|
|
2034
2048
|
}) => {
|
|
2035
|
-
let classNames = [[styles$
|
|
2049
|
+
let classNames = [[styles$9.root, true], [styles$9[onlyOn], true], [styles$9[type], !!type && !!styles$9[type]]];
|
|
2036
2050
|
if (styleContext) {
|
|
2037
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2051
|
+
classNames = makeStyleContext(classNames, styleContext, styles$9);
|
|
2038
2052
|
}
|
|
2039
2053
|
return /*#__PURE__*/React.createElement("ul", {
|
|
2040
2054
|
className: makeClassName(classNames),
|
|
@@ -2210,7 +2224,7 @@ const RenderBlocks = ({
|
|
|
2210
2224
|
}
|
|
2211
2225
|
};
|
|
2212
2226
|
|
|
2213
|
-
var styles$
|
|
2227
|
+
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
2228
|
|
|
2215
2229
|
const Cover = ({
|
|
2216
2230
|
block: {
|
|
@@ -2231,13 +2245,13 @@ const Cover = ({
|
|
|
2231
2245
|
}) => {
|
|
2232
2246
|
const [isPopoverShown, setIsPopoverShown] = React.useState(false);
|
|
2233
2247
|
const style = {};
|
|
2234
|
-
let classNames = [[styles$
|
|
2248
|
+
let classNames = [[styles$8.root, true], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]]];
|
|
2235
2249
|
if (styleContext) {
|
|
2236
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2250
|
+
classNames = makeStyleContext(classNames, styleContext, styles$8);
|
|
2237
2251
|
}
|
|
2238
2252
|
if (gradients) {
|
|
2239
2253
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2240
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2254
|
+
classNames = makeStyleContext(classNames, theme, styles$8);
|
|
2241
2255
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2242
2256
|
}
|
|
2243
2257
|
const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
|
|
@@ -2249,20 +2263,20 @@ const Cover = ({
|
|
|
2249
2263
|
"data-testid": "cover",
|
|
2250
2264
|
className: makeClassName(classNames)
|
|
2251
2265
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2252
|
-
className: styles$
|
|
2266
|
+
className: styles$8.image
|
|
2253
2267
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2254
2268
|
optimized: urls,
|
|
2255
2269
|
ratio: mobileRatio,
|
|
2256
2270
|
display: "narrow"
|
|
2257
2271
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2258
|
-
className: styles$
|
|
2272
|
+
className: styles$8.body,
|
|
2259
2273
|
style: style
|
|
2260
2274
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2261
2275
|
key: item.id,
|
|
2262
2276
|
block: item,
|
|
2263
2277
|
styleContext: styleContext
|
|
2264
2278
|
})))), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
2265
|
-
className: styles$
|
|
2279
|
+
className: styles$8.control,
|
|
2266
2280
|
type: "button",
|
|
2267
2281
|
"aria-label": "Open",
|
|
2268
2282
|
onClick: () => {
|
|
@@ -2275,7 +2289,7 @@ const Cover = ({
|
|
|
2275
2289
|
}, renderCC('isInPopover'))));
|
|
2276
2290
|
};
|
|
2277
2291
|
|
|
2278
|
-
var styles$
|
|
2292
|
+
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
2293
|
|
|
2280
2294
|
const HalfBlock = ({
|
|
2281
2295
|
block: {
|
|
@@ -2292,29 +2306,29 @@ const HalfBlock = ({
|
|
|
2292
2306
|
},
|
|
2293
2307
|
styleContext
|
|
2294
2308
|
}) => {
|
|
2295
|
-
let classNames = [[styles$
|
|
2309
|
+
let classNames = [[styles$7.root, true], [styles$7[onlyOn], true]];
|
|
2296
2310
|
if (styleContext) {
|
|
2297
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2311
|
+
classNames = makeStyleContext(classNames, styleContext, styles$7);
|
|
2298
2312
|
}
|
|
2299
2313
|
return /*#__PURE__*/React.createElement("div", {
|
|
2300
2314
|
"data-testid": "half-block",
|
|
2301
2315
|
className: makeClassName(classNames)
|
|
2302
2316
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2303
|
-
className: styles$
|
|
2317
|
+
className: styles$7.main
|
|
2304
2318
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2305
|
-
className: styles$
|
|
2319
|
+
className: styles$7.image
|
|
2306
2320
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2307
2321
|
optimized: optimized,
|
|
2308
2322
|
ratio: ratio,
|
|
2309
2323
|
display: "super_full"
|
|
2310
2324
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2311
|
-
className: styles$
|
|
2325
|
+
className: styles$7.body
|
|
2312
2326
|
}, data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2313
2327
|
key: item.id,
|
|
2314
2328
|
block: item,
|
|
2315
2329
|
styleContext: ['rich']
|
|
2316
2330
|
}))))), /*#__PURE__*/React.createElement("div", {
|
|
2317
|
-
className: styles$
|
|
2331
|
+
className: styles$7.footer
|
|
2318
2332
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
2319
2333
|
credit: credit,
|
|
2320
2334
|
caption: caption,
|
|
@@ -2322,7 +2336,7 @@ const HalfBlock = ({
|
|
|
2322
2336
|
})));
|
|
2323
2337
|
};
|
|
2324
2338
|
|
|
2325
|
-
var styles$
|
|
2339
|
+
var styles$6 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
|
|
2326
2340
|
|
|
2327
2341
|
const ImportantLead = ({
|
|
2328
2342
|
block: {
|
|
@@ -2331,9 +2345,9 @@ const ImportantLead = ({
|
|
|
2331
2345
|
},
|
|
2332
2346
|
styleContext
|
|
2333
2347
|
}) => {
|
|
2334
|
-
let classNames = [[styles$
|
|
2348
|
+
let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn]];
|
|
2335
2349
|
if (styleContext) {
|
|
2336
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2350
|
+
classNames = makeStyleContext(classNames, styleContext, styles$6);
|
|
2337
2351
|
}
|
|
2338
2352
|
return /*#__PURE__*/React.createElement("div", {
|
|
2339
2353
|
"data-testid": "important-lead",
|
|
@@ -2345,7 +2359,7 @@ const ImportantLead = ({
|
|
|
2345
2359
|
}))));
|
|
2346
2360
|
};
|
|
2347
2361
|
|
|
2348
|
-
var styles$
|
|
2362
|
+
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
2363
|
|
|
2350
2364
|
const Spoiler = ({
|
|
2351
2365
|
block: {
|
|
@@ -2374,11 +2388,11 @@ const Spoiler = ({
|
|
|
2374
2388
|
postMessage('', 'openSpoiler', 'click');
|
|
2375
2389
|
}
|
|
2376
2390
|
};
|
|
2377
|
-
let classNames = [[styles$
|
|
2391
|
+
let classNames = [[styles$5.root, true], [styles$5[onlyOn], !!onlyOn], [styles$5[display], !!display && styles$5[display]], [[styles$5.spoiled], !!spoiled]];
|
|
2378
2392
|
const context = ['center'];
|
|
2379
2393
|
if (styleContext) {
|
|
2380
2394
|
context.concat(styleContext);
|
|
2381
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2395
|
+
classNames = makeStyleContext(classNames, styleContext, styles$5);
|
|
2382
2396
|
}
|
|
2383
2397
|
const buttonCollapse = button ? button.collapse : 'Свернуть';
|
|
2384
2398
|
const buttonExpande = button ? button.expand : buttonTitle;
|
|
@@ -2387,15 +2401,15 @@ const Spoiler = ({
|
|
|
2387
2401
|
className: makeClassName(classNames),
|
|
2388
2402
|
"data-testid": "spoiler"
|
|
2389
2403
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2390
|
-
className: styles$
|
|
2404
|
+
className: styles$5.header
|
|
2391
2405
|
}, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
|
|
2392
|
-
className: styles$
|
|
2406
|
+
className: styles$5.body
|
|
2393
2407
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2394
2408
|
key: item.id,
|
|
2395
2409
|
block: item,
|
|
2396
2410
|
styleContext: context
|
|
2397
2411
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2398
|
-
className: styles$
|
|
2412
|
+
className: styles$5.footer
|
|
2399
2413
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
2400
2414
|
size: "default",
|
|
2401
2415
|
theme: "gray",
|
|
@@ -2406,7 +2420,7 @@ const Spoiler = ({
|
|
|
2406
2420
|
}))));
|
|
2407
2421
|
};
|
|
2408
2422
|
|
|
2409
|
-
var styles$
|
|
2423
|
+
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
2424
|
|
|
2411
2425
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2412
2426
|
const RelatedRichBlock = ({
|
|
@@ -2443,16 +2457,16 @@ const RelatedRichBlock = ({
|
|
|
2443
2457
|
const handleClick = () => {
|
|
2444
2458
|
postMessage('richRelated', url, 'click');
|
|
2445
2459
|
};
|
|
2446
|
-
let classNames = [[styles$
|
|
2460
|
+
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
2461
|
let context = ['isInMediaBlock'];
|
|
2448
2462
|
if (styleContext) {
|
|
2449
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2463
|
+
classNames = makeStyleContext(classNames, styleContext, styles$4);
|
|
2450
2464
|
context = [...styleContext, 'isInMediaBlock'];
|
|
2451
2465
|
}
|
|
2452
2466
|
if (gradients) {
|
|
2453
2467
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2454
2468
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2455
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2469
|
+
classNames = makeStyleContext(classNames, theme, styles$4);
|
|
2456
2470
|
if (onlyOn === 'desktop') {
|
|
2457
2471
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2458
2472
|
}
|
|
@@ -2464,27 +2478,27 @@ const RelatedRichBlock = ({
|
|
|
2464
2478
|
onClick: () => handleClick(),
|
|
2465
2479
|
ref: ref
|
|
2466
2480
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2467
|
-
className: styles$
|
|
2481
|
+
className: styles$4.overlay,
|
|
2468
2482
|
style: style
|
|
2469
2483
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2470
|
-
className: styles$
|
|
2484
|
+
className: styles$4.overlayHeader,
|
|
2471
2485
|
style: styleHeader
|
|
2472
2486
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2473
|
-
className: styles$
|
|
2487
|
+
className: styles$4.tag
|
|
2474
2488
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2475
2489
|
size: "small",
|
|
2476
2490
|
theme: "inherit",
|
|
2477
2491
|
styleContext: "richRelated"
|
|
2478
2492
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2479
|
-
className: styles$
|
|
2493
|
+
className: styles$4.cover
|
|
2480
2494
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2481
|
-
className: styles$
|
|
2495
|
+
className: styles$4.picture
|
|
2482
2496
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2483
2497
|
optimized: urls,
|
|
2484
2498
|
ratio: ratio,
|
|
2485
2499
|
display: "narrow"
|
|
2486
2500
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2487
|
-
className: styles$
|
|
2501
|
+
className: styles$4.body
|
|
2488
2502
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2489
2503
|
key: item.id,
|
|
2490
2504
|
block: item,
|
|
@@ -2492,7 +2506,7 @@ const RelatedRichBlock = ({
|
|
|
2492
2506
|
})))));
|
|
2493
2507
|
};
|
|
2494
2508
|
|
|
2495
|
-
var styles$
|
|
2509
|
+
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
2510
|
|
|
2497
2511
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2498
2512
|
const ShopRelatedBlock = ({
|
|
@@ -2529,14 +2543,14 @@ const ShopRelatedBlock = ({
|
|
|
2529
2543
|
const handleClick = () => {
|
|
2530
2544
|
postMessage('productRelated', url, 'click');
|
|
2531
2545
|
};
|
|
2532
|
-
let classNames = [[styles$
|
|
2546
|
+
let classNames = [[styles$3.root, true], [styles$3.hasGradient, !!gradients], [styles$3[onlyOn], !!onlyOn && !!styles$3[onlyOn]]];
|
|
2533
2547
|
if (styleContext) {
|
|
2534
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2548
|
+
classNames = makeStyleContext(classNames, styleContext, styles$3);
|
|
2535
2549
|
}
|
|
2536
2550
|
if (gradients) {
|
|
2537
2551
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2538
2552
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2539
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2553
|
+
classNames = makeStyleContext(classNames, theme, styles$3);
|
|
2540
2554
|
if (onlyOn === 'desktop') {
|
|
2541
2555
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2542
2556
|
}
|
|
@@ -2549,44 +2563,44 @@ const ShopRelatedBlock = ({
|
|
|
2549
2563
|
onClick: () => handleClick(),
|
|
2550
2564
|
ref: ref
|
|
2551
2565
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2552
|
-
className: styles$
|
|
2566
|
+
className: styles$3.overlay,
|
|
2553
2567
|
style: style
|
|
2554
2568
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2555
|
-
className: styles$
|
|
2569
|
+
className: styles$3.overlayHeader,
|
|
2556
2570
|
style: styleHeader
|
|
2557
2571
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2558
|
-
className: styles$
|
|
2572
|
+
className: styles$3.tag
|
|
2559
2573
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2560
2574
|
size: "small",
|
|
2561
2575
|
theme: "inherit",
|
|
2562
2576
|
styleContext: "richRelated"
|
|
2563
2577
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2564
|
-
className: styles$
|
|
2578
|
+
className: styles$3.cover
|
|
2565
2579
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2566
|
-
className: styles$
|
|
2580
|
+
className: styles$3.picture
|
|
2567
2581
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2568
2582
|
optimized: urls,
|
|
2569
2583
|
ratio: ratio,
|
|
2570
2584
|
display: "narrow"
|
|
2571
2585
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2572
|
-
className: styles$
|
|
2586
|
+
className: styles$3.body
|
|
2573
2587
|
}, /*#__PURE__*/React.createElement("h2", {
|
|
2574
|
-
className: styles$
|
|
2588
|
+
className: styles$3.title
|
|
2575
2589
|
}, firstTitle, /*#__PURE__*/React.createElement("span", {
|
|
2576
|
-
className: styles$
|
|
2590
|
+
className: styles$3.price
|
|
2577
2591
|
}, secondTitle))));
|
|
2578
2592
|
};
|
|
2579
2593
|
|
|
2580
|
-
var styles$
|
|
2594
|
+
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
2595
|
|
|
2582
2596
|
const RelatedBook = ({
|
|
2583
2597
|
block,
|
|
2584
2598
|
styleContext
|
|
2585
2599
|
}) => {
|
|
2586
2600
|
const theme = block.data.theme.text_color === '0,0,0' ? 'isDark' : 'isLight';
|
|
2587
|
-
let classNames = [[styles$
|
|
2601
|
+
let classNames = [[styles$2.root, true], [styles$2[theme], theme], [styles$2[block.data.onlyOn], !!block.data.onlyOn && !!styles$2[block.data.onlyOn]]];
|
|
2588
2602
|
if (styleContext) {
|
|
2589
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2603
|
+
classNames = makeStyleContext(classNames, styleContext, styles$2);
|
|
2590
2604
|
}
|
|
2591
2605
|
const cssProps = {
|
|
2592
2606
|
'--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
|
|
@@ -2596,13 +2610,13 @@ const RelatedBook = ({
|
|
|
2596
2610
|
className: makeClassName(classNames),
|
|
2597
2611
|
style: cssProps
|
|
2598
2612
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2599
|
-
className: styles$
|
|
2613
|
+
className: styles$2.container
|
|
2600
2614
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2601
|
-
className: styles$
|
|
2615
|
+
className: styles$2.imageWrap
|
|
2602
2616
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2603
|
-
className: styles$
|
|
2617
|
+
className: styles$2.image
|
|
2604
2618
|
}, /*#__PURE__*/React.createElement("picture", {
|
|
2605
|
-
className: styles$
|
|
2619
|
+
className: styles$2.picture
|
|
2606
2620
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2607
2621
|
optimized: block.data.cover.urls,
|
|
2608
2622
|
ratio: 0,
|
|
@@ -2610,9 +2624,9 @@ const RelatedBook = ({
|
|
|
2610
2624
|
styleContext: ['isStatic'],
|
|
2611
2625
|
lazy: true
|
|
2612
2626
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2613
|
-
className: styles$
|
|
2627
|
+
className: styles$2.contentWrap
|
|
2614
2628
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2615
|
-
className: styles$
|
|
2629
|
+
className: styles$2.content
|
|
2616
2630
|
}, block.data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2617
2631
|
key: item.id,
|
|
2618
2632
|
block: item,
|
|
@@ -2702,28 +2716,6 @@ const RawHtmlBlock = ({
|
|
|
2702
2716
|
}
|
|
2703
2717
|
};
|
|
2704
2718
|
|
|
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
2719
|
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
2720
|
|
|
2729
2721
|
const ToolbarButton = ({
|
|
@@ -2797,7 +2789,6 @@ exports.Image = Image;
|
|
|
2797
2789
|
exports.ImportantLead = ImportantLead;
|
|
2798
2790
|
exports.Lazy = Lazy;
|
|
2799
2791
|
exports.ListBlock = ListBlock;
|
|
2800
|
-
exports.ListViewSwitcher = ListViewSwitcher;
|
|
2801
2792
|
exports.MaterialNote = MaterialNote;
|
|
2802
2793
|
exports.MaterialTitle = MaterialTitle;
|
|
2803
2794
|
exports.MediaCaption = MediaCaption;
|