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