@meduza/ui-kit-2 0.7.0 → 0.7.2
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/VersesBlock/VersesBlock.types.d.ts +9 -0
- package/dist/VersesBlock/index.d.ts +3 -0
- package/dist/ui-kit-2.cjs.development.js +197 -165
- 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 +197 -165
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +168 -0
- package/package.json +1 -1
- package/src/RenderBlocks/index.tsx +5 -0
- package/src/VersesBlock/VersesBlock.module.css +168 -0
- package/src/VersesBlock/VersesBlock.stories.module.css +9 -0
- package/src/VersesBlock/VersesBlock.stories.tsx +39 -0
- package/src/VersesBlock/VersesBlock.test.tsx +24 -0
- package/src/VersesBlock/VersesBlock.types.ts +9 -0
- package/src/VersesBlock/index.tsx +30 -0
- package/src/VersesBlock/mock.json +18 -0
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$H = {"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$H.root, true], [styles$H[size], !!size], [styles$H[theme], !!theme], [styles$H[appearance], !!appearance], [styles$H[state], !!state && !!styles$H[state]], [styles$H[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$H.loader
|
|
59
59
|
}, /*#__PURE__*/React.createElement(ButtonLoader, null)) : children);
|
|
60
60
|
};
|
|
61
61
|
|
|
@@ -227,7 +227,7 @@ const icons = {
|
|
|
227
227
|
}
|
|
228
228
|
};
|
|
229
229
|
|
|
230
|
-
var styles$
|
|
230
|
+
var styles$G = {"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
231
|
|
|
232
232
|
const SvgSymbol = ({
|
|
233
233
|
icon,
|
|
@@ -239,7 +239,7 @@ const SvgSymbol = ({
|
|
|
239
239
|
"data-testid": "svg-symbol",
|
|
240
240
|
xmlns: "http://www.w3.org/2000/svg",
|
|
241
241
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
242
|
-
className: makeClassName([[styles$
|
|
242
|
+
className: makeClassName([[styles$G.root, true], [styles$G[size], !!styles$G[size]], [styles$G[icon], !!styles$G[icon]], [styles$G[styleContext], !!styles$G[styleContext]]]),
|
|
243
243
|
width: data.width,
|
|
244
244
|
height: data.height,
|
|
245
245
|
viewBox: `0 0 ${data.width} ${data.height}`,
|
|
@@ -249,7 +249,7 @@ const SvgSymbol = ({
|
|
|
249
249
|
});
|
|
250
250
|
};
|
|
251
251
|
|
|
252
|
-
var styles$
|
|
252
|
+
var styles$F = {"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
253
|
|
|
254
254
|
const Switcher = ({
|
|
255
255
|
enabled,
|
|
@@ -260,20 +260,20 @@ const Switcher = ({
|
|
|
260
260
|
theme = 'light'
|
|
261
261
|
}) => /*#__PURE__*/React.createElement("label", {
|
|
262
262
|
"data-testid": "switcher",
|
|
263
|
-
className: makeClassName([[styles$
|
|
263
|
+
className: makeClassName([[styles$F.root, true], [styles$F[theme], !!styles$F[theme]], [styles$F[styleContext], !!styles$F[styleContext]]])
|
|
264
264
|
}, children && childrenPosition === 'left' && /*#__PURE__*/React.createElement("div", {
|
|
265
|
-
className: makeClassName([[styles$
|
|
265
|
+
className: makeClassName([[styles$F.children, true], [styles$F.left, true]])
|
|
266
266
|
}, children), /*#__PURE__*/React.createElement("input", {
|
|
267
|
-
className: styles$
|
|
267
|
+
className: styles$F.input,
|
|
268
268
|
type: "checkbox",
|
|
269
269
|
checked: enabled,
|
|
270
270
|
onChange: onChange
|
|
271
271
|
}), /*#__PURE__*/React.createElement("span", {
|
|
272
|
-
className: styles$
|
|
272
|
+
className: styles$F.control
|
|
273
273
|
}, /*#__PURE__*/React.createElement("span", {
|
|
274
|
-
className: styles$
|
|
274
|
+
className: styles$F.knob
|
|
275
275
|
})), children && childrenPosition === 'right' && /*#__PURE__*/React.createElement("div", {
|
|
276
|
-
className: makeClassName([[styles$
|
|
276
|
+
className: makeClassName([[styles$F.children, true], [styles$F.right, true]])
|
|
277
277
|
}, children));
|
|
278
278
|
|
|
279
279
|
const makeStyleContext = (classNames, styleContext, styles) => {
|
|
@@ -299,7 +299,7 @@ const postMessage = (category, element, action) => {
|
|
|
299
299
|
}
|
|
300
300
|
};
|
|
301
301
|
|
|
302
|
-
var styles$
|
|
302
|
+
var styles$E = {"root":"Lazy-module_root__DWw8D"};
|
|
303
303
|
|
|
304
304
|
const Lazy = ({
|
|
305
305
|
children,
|
|
@@ -320,7 +320,7 @@ const Lazy = ({
|
|
|
320
320
|
}
|
|
321
321
|
}, [inView]);
|
|
322
322
|
return /*#__PURE__*/React.createElement("div", {
|
|
323
|
-
className: makeClassName([[styles$
|
|
323
|
+
className: makeClassName([[styles$E.root, true], [styles$E.visible, visible]]),
|
|
324
324
|
ref: ref,
|
|
325
325
|
"data-testid": "lazy"
|
|
326
326
|
}, visible && children);
|
|
@@ -413,7 +413,7 @@ const RenderPicture = ({
|
|
|
413
413
|
}));
|
|
414
414
|
};
|
|
415
415
|
|
|
416
|
-
var styles$
|
|
416
|
+
var styles$D = {"root":"Image-module_root__H5wAh","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
|
|
417
417
|
|
|
418
418
|
const Image = ({
|
|
419
419
|
alt,
|
|
@@ -446,16 +446,16 @@ const Image = ({
|
|
|
446
446
|
};
|
|
447
447
|
/* fallback w325 url until w6 was released */
|
|
448
448
|
const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
|
|
449
|
-
let classNames = [[styles$
|
|
449
|
+
let classNames = [[styles$D.root, true], [styles$D.isLoaded, isLoaded], [styles$D.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
|
|
450
450
|
if (styleContext) {
|
|
451
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
451
|
+
classNames = makeStyleContext(classNames, styleContext, styles$D);
|
|
452
452
|
}
|
|
453
453
|
return /*#__PURE__*/React.createElement("div", {
|
|
454
454
|
className: makeClassName(classNames),
|
|
455
455
|
style: blockStyles,
|
|
456
456
|
"data-testid": "image"
|
|
457
457
|
}, /*#__PURE__*/React.createElement("div", {
|
|
458
|
-
className: styles$
|
|
458
|
+
className: styles$D.wrapper,
|
|
459
459
|
style: pictureStyles,
|
|
460
460
|
onClick: () => handleClick(),
|
|
461
461
|
onKeyPress: () => handleClick(),
|
|
@@ -483,7 +483,7 @@ const Image = ({
|
|
|
483
483
|
})));
|
|
484
484
|
};
|
|
485
485
|
|
|
486
|
-
var styles$
|
|
486
|
+
var styles$C = {"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
487
|
|
|
488
488
|
const Popover = ({
|
|
489
489
|
children,
|
|
@@ -515,20 +515,20 @@ const Popover = ({
|
|
|
515
515
|
/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
|
|
516
516
|
return /*#__PURE__*/React.createElement("div", {
|
|
517
517
|
"data-testid": "popover",
|
|
518
|
-
className: makeClassName([[styles$
|
|
518
|
+
className: makeClassName([[styles$C.root, true], [styles$C.visible, visible]])
|
|
519
519
|
}, /*#__PURE__*/React.createElement("div", {
|
|
520
|
-
className: styles$
|
|
520
|
+
className: styles$C.overlay,
|
|
521
521
|
onClick: () => handleClose()
|
|
522
522
|
}), /*#__PURE__*/React.createElement("div", {
|
|
523
|
-
className: styles$
|
|
523
|
+
className: styles$C.container
|
|
524
524
|
}, /*#__PURE__*/React.createElement("button", {
|
|
525
525
|
type: "button",
|
|
526
|
-
className: styles$
|
|
526
|
+
className: styles$C.dismiss,
|
|
527
527
|
onClick: () => handleClose(),
|
|
528
528
|
"aria-label": "dismiss"
|
|
529
529
|
}), /*#__PURE__*/React.createElement("svg", {
|
|
530
530
|
width: "100%",
|
|
531
|
-
className: styles$
|
|
531
|
+
className: styles$C.background
|
|
532
532
|
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
|
|
533
533
|
id: "myMask",
|
|
534
534
|
x: "0",
|
|
@@ -557,11 +557,11 @@ const Popover = ({
|
|
|
557
557
|
width: "100%",
|
|
558
558
|
height: "100%"
|
|
559
559
|
})), /*#__PURE__*/React.createElement("div", {
|
|
560
|
-
className: styles$
|
|
560
|
+
className: styles$C.body
|
|
561
561
|
}, children)));
|
|
562
562
|
};
|
|
563
563
|
|
|
564
|
-
var styles$
|
|
564
|
+
var styles$B = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
|
|
565
565
|
|
|
566
566
|
const Footnote = ({
|
|
567
567
|
children,
|
|
@@ -569,16 +569,16 @@ const Footnote = ({
|
|
|
569
569
|
}) => {
|
|
570
570
|
return /*#__PURE__*/React.createElement("div", {
|
|
571
571
|
"data-testid": "footnote",
|
|
572
|
-
className: makeClassName([[styles$
|
|
572
|
+
className: makeClassName([[styles$B.root, true]])
|
|
573
573
|
}, /*#__PURE__*/React.createElement("button", {
|
|
574
|
-
className: styles$
|
|
574
|
+
className: styles$B.dismiss,
|
|
575
575
|
type: "button",
|
|
576
576
|
onClick: () => onClose()
|
|
577
577
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
578
578
|
icon: "cross",
|
|
579
579
|
size: "unset"
|
|
580
580
|
})), /*#__PURE__*/React.createElement("div", {
|
|
581
|
-
className: styles$
|
|
581
|
+
className: styles$B.body
|
|
582
582
|
}, children));
|
|
583
583
|
};
|
|
584
584
|
|
|
@@ -587,7 +587,7 @@ var viewportSize = (() => ({
|
|
|
587
587
|
height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
|
|
588
588
|
}));
|
|
589
589
|
|
|
590
|
-
var styles$
|
|
590
|
+
var styles$A = {"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
591
|
|
|
592
592
|
const DotsOnImage = ({
|
|
593
593
|
block: {
|
|
@@ -669,7 +669,7 @@ const DotsOnImage = ({
|
|
|
669
669
|
});
|
|
670
670
|
};
|
|
671
671
|
return /*#__PURE__*/React.createElement("div", {
|
|
672
|
-
className: makeClassName([[styles$
|
|
672
|
+
className: makeClassName([[styles$A.root, true], [styles$A.isVisible, visible]]),
|
|
673
673
|
"data-testid": "dots-on-image",
|
|
674
674
|
ref: ref
|
|
675
675
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
@@ -682,7 +682,7 @@ const DotsOnImage = ({
|
|
|
682
682
|
}), /*#__PURE__*/React.createElement("div", {
|
|
683
683
|
ref: container
|
|
684
684
|
}, dots.map(dot => /*#__PURE__*/React.createElement("div", {
|
|
685
|
-
className: styles$
|
|
685
|
+
className: styles$A.dot,
|
|
686
686
|
key: dot.id,
|
|
687
687
|
style: {
|
|
688
688
|
top: `${dot.position.y}%`,
|
|
@@ -690,7 +690,7 @@ const DotsOnImage = ({
|
|
|
690
690
|
transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
|
|
691
691
|
}
|
|
692
692
|
}, /*#__PURE__*/React.createElement("button", {
|
|
693
|
-
className: makeClassName([[styles$
|
|
693
|
+
className: makeClassName([[styles$A.marker, true], [styles$A.isActive, dot.id === popover.id]]),
|
|
694
694
|
type: "button",
|
|
695
695
|
style: {
|
|
696
696
|
backgroundColor: dot.icon.color
|
|
@@ -701,7 +701,7 @@ const DotsOnImage = ({
|
|
|
701
701
|
__html: dot.icon.svg_string
|
|
702
702
|
}
|
|
703
703
|
}), 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$
|
|
704
|
+
className: makeClassName([[styles$A.popover, true], [styles$A[popover.side], !!popover.side], [styles$A[popover.align], !!popover.align]]),
|
|
705
705
|
style: popover.style
|
|
706
706
|
}, /*#__PURE__*/React.createElement(Footnote, {
|
|
707
707
|
onClose: () => {
|
|
@@ -726,7 +726,7 @@ const DotsOnImage = ({
|
|
|
726
726
|
})))));
|
|
727
727
|
};
|
|
728
728
|
|
|
729
|
-
var styles$
|
|
729
|
+
var styles$z = {"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","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
730
|
|
|
731
731
|
const Tag = ({
|
|
732
732
|
children,
|
|
@@ -736,9 +736,9 @@ const Tag = ({
|
|
|
736
736
|
correlation,
|
|
737
737
|
onlyOn
|
|
738
738
|
}) => {
|
|
739
|
-
let classNames = [[styles$
|
|
739
|
+
let classNames = [[styles$z.root, true], [styles$z[size], !!size && !!styles$z[size]], [styles$z[theme], !!theme && !!styles$z[theme]], [styles$z[onlyOn], !!onlyOn && !!styles$z[onlyOn]], [styles$z[correlation], !!correlation && !!styles$z[correlation]]];
|
|
740
740
|
if (styleContext) {
|
|
741
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
741
|
+
classNames = makeStyleContext(classNames, styleContext, styles$z);
|
|
742
742
|
}
|
|
743
743
|
return /*#__PURE__*/React.createElement("div", {
|
|
744
744
|
"data-testid": "tag",
|
|
@@ -746,34 +746,34 @@ const Tag = ({
|
|
|
746
746
|
}, children);
|
|
747
747
|
};
|
|
748
748
|
|
|
749
|
-
var styles$
|
|
749
|
+
var styles$y = {"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
750
|
|
|
751
751
|
const MediaCaption = ({
|
|
752
752
|
credit,
|
|
753
753
|
caption,
|
|
754
754
|
styleContext
|
|
755
755
|
}) => {
|
|
756
|
-
let classNames = [[styles$
|
|
756
|
+
let classNames = [[styles$y.root, true]];
|
|
757
757
|
if (styleContext) {
|
|
758
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
758
|
+
classNames = makeStyleContext(classNames, styleContext, styles$y);
|
|
759
759
|
}
|
|
760
760
|
return /*#__PURE__*/React.createElement("div", {
|
|
761
761
|
"data-testid": "media-caption",
|
|
762
762
|
className: makeClassName(classNames)
|
|
763
763
|
}, caption && /*#__PURE__*/React.createElement("div", {
|
|
764
|
-
className: styles$
|
|
764
|
+
className: styles$y.caption,
|
|
765
765
|
dangerouslySetInnerHTML: {
|
|
766
766
|
__html: caption
|
|
767
767
|
}
|
|
768
768
|
}), credit && /*#__PURE__*/React.createElement("div", {
|
|
769
|
-
className: styles$
|
|
769
|
+
className: styles$y.credit,
|
|
770
770
|
dangerouslySetInnerHTML: {
|
|
771
771
|
__html: credit
|
|
772
772
|
}
|
|
773
773
|
}));
|
|
774
774
|
};
|
|
775
775
|
|
|
776
|
-
var styles$
|
|
776
|
+
var styles$x = {"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
777
|
|
|
778
778
|
const Table = ({
|
|
779
779
|
styleContext,
|
|
@@ -795,26 +795,26 @@ const Table = ({
|
|
|
795
795
|
'#e7f2ef': 'green',
|
|
796
796
|
'#f4f0f8': 'violet'
|
|
797
797
|
};
|
|
798
|
-
let classNames = [[styles$
|
|
798
|
+
let classNames = [[styles$x.root, true], [styles$x[display], !!display && !!styles$x[display]]];
|
|
799
799
|
if (styleContext) {
|
|
800
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
800
|
+
classNames = makeStyleContext(classNames, styleContext, styles$x);
|
|
801
801
|
}
|
|
802
802
|
return /*#__PURE__*/React.createElement("div", {
|
|
803
803
|
"data-testid": "table",
|
|
804
804
|
className: makeClassName(classNames)
|
|
805
805
|
}, /*#__PURE__*/React.createElement("div", {
|
|
806
|
-
className: styles$
|
|
806
|
+
className: styles$x.wrapper
|
|
807
807
|
}, /*#__PURE__*/React.createElement("div", {
|
|
808
|
-
className: styles$
|
|
808
|
+
className: styles$x.table
|
|
809
809
|
}, /*#__PURE__*/React.createElement("div", {
|
|
810
|
-
className: styles$
|
|
810
|
+
className: styles$x.tracks
|
|
811
811
|
}, rows.map((row, i) => {
|
|
812
812
|
return /*#__PURE__*/React.createElement("div", {
|
|
813
813
|
key: row.key,
|
|
814
|
-
className: styles$
|
|
814
|
+
className: styles$x.row
|
|
815
815
|
}, row.cells.map((cell, j) => /*#__PURE__*/React.createElement("div", {
|
|
816
816
|
key: cell.key,
|
|
817
|
-
className: makeClassName([[styles$
|
|
817
|
+
className: makeClassName([[styles$x.cell, true], [styles$x.header, options.header && i === 0], [styles$x[colors[cell.color]], true], [styles$x[columnsWidth[j]], true], [styles$x.fixedColumn, options.fixed_first_column && j === 0]]),
|
|
818
818
|
dangerouslySetInnerHTML: {
|
|
819
819
|
__html: cell.val
|
|
820
820
|
}
|
|
@@ -825,7 +825,7 @@ const Table = ({
|
|
|
825
825
|
}));
|
|
826
826
|
};
|
|
827
827
|
|
|
828
|
-
var styles$
|
|
828
|
+
var styles$w = {"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
829
|
|
|
830
830
|
const MaterialNote = ({
|
|
831
831
|
block: {
|
|
@@ -833,15 +833,15 @@ const MaterialNote = ({
|
|
|
833
833
|
},
|
|
834
834
|
styleContext
|
|
835
835
|
}) => {
|
|
836
|
-
let classNames = [[styles$
|
|
836
|
+
let classNames = [[styles$w.root, true]];
|
|
837
837
|
if (styleContext) {
|
|
838
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
838
|
+
classNames = makeStyleContext(classNames, styleContext, styles$w);
|
|
839
839
|
}
|
|
840
840
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
841
841
|
"data-testid": "material-note",
|
|
842
842
|
className: makeClassName(classNames)
|
|
843
843
|
}, data && data.map(item => /*#__PURE__*/React.createElement("p", {
|
|
844
|
-
className: styles$
|
|
844
|
+
className: styles$w[item.type],
|
|
845
845
|
key: item.id,
|
|
846
846
|
dangerouslySetInnerHTML: {
|
|
847
847
|
__html: item.data
|
|
@@ -849,7 +849,7 @@ const MaterialNote = ({
|
|
|
849
849
|
}))));
|
|
850
850
|
};
|
|
851
851
|
|
|
852
|
-
var styles$
|
|
852
|
+
var styles$v = {"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
853
|
|
|
854
854
|
const BookmarkButton = ({
|
|
855
855
|
styleContext,
|
|
@@ -857,15 +857,15 @@ const BookmarkButton = ({
|
|
|
857
857
|
isInBookmarks,
|
|
858
858
|
onClick
|
|
859
859
|
}) => {
|
|
860
|
-
let classNames = [[styles$
|
|
860
|
+
let classNames = [[styles$v.root, true], [styles$v.isInBookmarks, isInBookmarks], [styles$v[theme], !!theme && !!styles$v[theme]]];
|
|
861
861
|
if (styleContext) {
|
|
862
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
862
|
+
classNames = makeStyleContext(classNames, styleContext, styles$v);
|
|
863
863
|
}
|
|
864
864
|
return /*#__PURE__*/React.createElement("div", {
|
|
865
865
|
"data-testid": "bookmark-button",
|
|
866
866
|
className: makeClassName(classNames)
|
|
867
867
|
}, /*#__PURE__*/React.createElement("button", {
|
|
868
|
-
className: styles$
|
|
868
|
+
className: styles$v.control,
|
|
869
869
|
onClick: () => onClick(),
|
|
870
870
|
type: "button"
|
|
871
871
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
@@ -874,39 +874,39 @@ const BookmarkButton = ({
|
|
|
874
874
|
})));
|
|
875
875
|
};
|
|
876
876
|
|
|
877
|
-
var styles$
|
|
877
|
+
var styles$u = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
|
|
878
878
|
|
|
879
879
|
const Primary = ({
|
|
880
880
|
children
|
|
881
881
|
}) => {
|
|
882
882
|
return /*#__PURE__*/React.createElement("span", {
|
|
883
|
-
className: styles$
|
|
883
|
+
className: styles$u.primary
|
|
884
884
|
}, children);
|
|
885
885
|
};
|
|
886
886
|
const Secondary = ({
|
|
887
887
|
children
|
|
888
888
|
}) => {
|
|
889
889
|
return /*#__PURE__*/React.createElement("span", {
|
|
890
|
-
className: styles$
|
|
890
|
+
className: styles$u.secondary
|
|
891
891
|
}, children);
|
|
892
892
|
};
|
|
893
893
|
const MaterialTitle = ({
|
|
894
894
|
children
|
|
895
895
|
}) => {
|
|
896
896
|
return /*#__PURE__*/React.createElement("h1", {
|
|
897
|
-
className: styles$
|
|
897
|
+
className: styles$u.root,
|
|
898
898
|
"data-testid": "material-title"
|
|
899
899
|
}, children);
|
|
900
900
|
};
|
|
901
901
|
|
|
902
|
-
var styles$
|
|
902
|
+
var styles$t = {"root":"Dropdown-module_root__Wv7S-","active":"Dropdown-module_active__jEkE7","menu":"Dropdown-module_menu__11IQL","isInAudioPanel":"Dropdown-module_isInAudioPanel__UniSV"};
|
|
903
903
|
|
|
904
904
|
const Menu = ({
|
|
905
905
|
children
|
|
906
906
|
}) => {
|
|
907
907
|
return /*#__PURE__*/React.createElement("div", {
|
|
908
908
|
"data-testid": "dropdown",
|
|
909
|
-
className: styles$
|
|
909
|
+
className: styles$t.menu
|
|
910
910
|
}, children);
|
|
911
911
|
};
|
|
912
912
|
const Dropdown = ({
|
|
@@ -914,9 +914,9 @@ const Dropdown = ({
|
|
|
914
914
|
active,
|
|
915
915
|
styleContext
|
|
916
916
|
}) => {
|
|
917
|
-
let classNames = [[styles$
|
|
917
|
+
let classNames = [[styles$t.root, true], [styles$t.active, !!active && !!styles$t.active]];
|
|
918
918
|
if (styleContext) {
|
|
919
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
919
|
+
classNames = makeStyleContext(classNames, styleContext, styles$t);
|
|
920
920
|
}
|
|
921
921
|
return /*#__PURE__*/React.createElement("div", {
|
|
922
922
|
"data-testid": "dropdown",
|
|
@@ -924,13 +924,13 @@ const Dropdown = ({
|
|
|
924
924
|
}, children);
|
|
925
925
|
};
|
|
926
926
|
|
|
927
|
-
var styles$
|
|
927
|
+
var styles$s = {"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
928
|
|
|
929
929
|
const ToolbarItem = ({
|
|
930
930
|
children
|
|
931
931
|
}) => {
|
|
932
932
|
return /*#__PURE__*/React.createElement("li", {
|
|
933
|
-
className: styles$
|
|
933
|
+
className: styles$s.item
|
|
934
934
|
}, children);
|
|
935
935
|
};
|
|
936
936
|
|
|
@@ -938,19 +938,19 @@ const Toolbar = ({
|
|
|
938
938
|
children,
|
|
939
939
|
styleContext
|
|
940
940
|
}) => {
|
|
941
|
-
let classNames = [[styles$
|
|
941
|
+
let classNames = [[styles$s.root, true]];
|
|
942
942
|
if (styleContext) {
|
|
943
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
943
|
+
classNames = makeStyleContext(classNames, styleContext, styles$s);
|
|
944
944
|
}
|
|
945
945
|
return /*#__PURE__*/React.createElement("div", {
|
|
946
946
|
"data-testid": "toolbar",
|
|
947
947
|
className: makeClassName(classNames)
|
|
948
948
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
949
|
-
className: styles$
|
|
949
|
+
className: styles$s.list
|
|
950
950
|
}, children));
|
|
951
951
|
};
|
|
952
952
|
|
|
953
|
-
var styles$
|
|
953
|
+
var styles$r = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","bookmark":"Meta-module_bookmark__jcFWn","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
|
|
954
954
|
|
|
955
955
|
const Meta = ({
|
|
956
956
|
hasSource,
|
|
@@ -959,9 +959,9 @@ const Meta = ({
|
|
|
959
959
|
onlyOn,
|
|
960
960
|
styleContext
|
|
961
961
|
}) => {
|
|
962
|
-
let classNames = [[styles$
|
|
962
|
+
let classNames = [[styles$r.root, true], [styles$r[theme], !!theme && !!styles$r[theme]], [styles$r[onlyOn], !!onlyOn], [styles$r.hasSource, hasSource]];
|
|
963
963
|
if (styleContext) {
|
|
964
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
964
|
+
classNames = makeStyleContext(classNames, styleContext, styles$r);
|
|
965
965
|
}
|
|
966
966
|
return /*#__PURE__*/React.createElement("div", {
|
|
967
967
|
"data-testid": "meta",
|
|
@@ -969,7 +969,7 @@ const Meta = ({
|
|
|
969
969
|
}, children);
|
|
970
970
|
};
|
|
971
971
|
|
|
972
|
-
var styles$
|
|
972
|
+
var styles$q = {"root":"Timestamp-module_root__jPJ6w"};
|
|
973
973
|
|
|
974
974
|
const Timestamp = ({
|
|
975
975
|
publishedAt,
|
|
@@ -993,7 +993,7 @@ const Timestamp = ({
|
|
|
993
993
|
return /*#__PURE__*/React.createElement("time", {
|
|
994
994
|
suppressHydrationWarning: true,
|
|
995
995
|
"data-testid": "timestamp",
|
|
996
|
-
className: styles$
|
|
996
|
+
className: styles$q.root
|
|
997
997
|
}, published);
|
|
998
998
|
};
|
|
999
999
|
|
|
@@ -1053,7 +1053,7 @@ const DangerousHTML = ({
|
|
|
1053
1053
|
}));
|
|
1054
1054
|
};
|
|
1055
1055
|
|
|
1056
|
-
var styles$
|
|
1056
|
+
var styles$p = {"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
1057
|
|
|
1058
1058
|
const EmbedGif = ({
|
|
1059
1059
|
gif,
|
|
@@ -1091,9 +1091,9 @@ const EmbedGif = ({
|
|
|
1091
1091
|
};
|
|
1092
1092
|
}, []);
|
|
1093
1093
|
return /*#__PURE__*/React.createElement("div", {
|
|
1094
|
-
className: styles$
|
|
1094
|
+
className: styles$p.figure
|
|
1095
1095
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1096
|
-
className: styles$
|
|
1096
|
+
className: styles$p.objectWrap,
|
|
1097
1097
|
style: style,
|
|
1098
1098
|
"data-frozen": videoFrozen
|
|
1099
1099
|
}, /*#__PURE__*/React.createElement("video", {
|
|
@@ -1153,7 +1153,7 @@ const EmbedBlock = ({
|
|
|
1153
1153
|
case 'image':
|
|
1154
1154
|
{
|
|
1155
1155
|
return /*#__PURE__*/React.createElement("div", {
|
|
1156
|
-
className: styles$
|
|
1156
|
+
className: styles$p.figure
|
|
1157
1157
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
1158
1158
|
source: !optimized && [small, large],
|
|
1159
1159
|
optimized: block.data.optimized,
|
|
@@ -1168,7 +1168,7 @@ const EmbedBlock = ({
|
|
|
1168
1168
|
case 'game_embed':
|
|
1169
1169
|
{
|
|
1170
1170
|
return /*#__PURE__*/React.createElement("div", {
|
|
1171
|
-
className: styles$
|
|
1171
|
+
className: styles$p.gameEmbed
|
|
1172
1172
|
}, /*#__PURE__*/React.createElement("iframe", {
|
|
1173
1173
|
src: block.data.game_src,
|
|
1174
1174
|
id: block.data.game_id,
|
|
@@ -1178,7 +1178,7 @@ const EmbedBlock = ({
|
|
|
1178
1178
|
case 'dots_on_image':
|
|
1179
1179
|
{
|
|
1180
1180
|
return /*#__PURE__*/React.createElement("div", {
|
|
1181
|
-
className: styles$
|
|
1181
|
+
className: styles$p.figure
|
|
1182
1182
|
}, /*#__PURE__*/React.createElement(DotsOnImage, {
|
|
1183
1183
|
block: data
|
|
1184
1184
|
}));
|
|
@@ -1186,12 +1186,12 @@ const EmbedBlock = ({
|
|
|
1186
1186
|
default:
|
|
1187
1187
|
{
|
|
1188
1188
|
return /*#__PURE__*/React.createElement("div", {
|
|
1189
|
-
className: styles$
|
|
1189
|
+
className: styles$p.object
|
|
1190
1190
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1191
|
-
className: styles$
|
|
1191
|
+
className: styles$p.wrapper,
|
|
1192
1192
|
style: style
|
|
1193
1193
|
}, /*#__PURE__*/React.createElement(DangerousHTML, {
|
|
1194
|
-
className: styles$
|
|
1194
|
+
className: styles$p.objectWrap,
|
|
1195
1195
|
html: html
|
|
1196
1196
|
})));
|
|
1197
1197
|
}
|
|
@@ -1201,28 +1201,28 @@ const EmbedBlock = ({
|
|
|
1201
1201
|
style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
|
|
1202
1202
|
style.height = 0;
|
|
1203
1203
|
}
|
|
1204
|
-
let classNames = [[styles$
|
|
1204
|
+
let classNames = [[styles$p.root, true], [styles$p.cc, cc], [styles$p[display], !!display && styles$p[display]], [styles$p[provider], !!provider && !!styles$p[provider]], [styles$p[onlyOn], !!onlyOn && styles$p[onlyOn]], [styles$p.mobileFullwidth, mobileFullwidth], [styles$p.proportional, isProportional]];
|
|
1205
1205
|
// Убираем из контекста все, что не начинается с приставки isIn,
|
|
1206
1206
|
// чтобы не применились лишние модификаторы
|
|
1207
1207
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1208
1208
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1209
|
-
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$
|
|
1209
|
+
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$p[key]).reduce((acc, key) => {
|
|
1210
1210
|
acc.push(key);
|
|
1211
1211
|
return acc;
|
|
1212
1212
|
}, []);
|
|
1213
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1213
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$p);
|
|
1214
1214
|
}
|
|
1215
1215
|
return /*#__PURE__*/React.createElement("figure", {
|
|
1216
1216
|
className: makeClassName(classNames)
|
|
1217
1217
|
}, children && /*#__PURE__*/React.createElement("div", {
|
|
1218
|
-
className: styles$
|
|
1218
|
+
className: styles$p.object
|
|
1219
1219
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1220
|
-
className: styles$
|
|
1220
|
+
className: styles$p.wrapper,
|
|
1221
1221
|
style: style
|
|
1222
1222
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1223
|
-
className: styles$
|
|
1223
|
+
className: styles$p.objectWrap
|
|
1224
1224
|
}, children))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && /*#__PURE__*/React.createElement("button", {
|
|
1225
|
-
className: styles$
|
|
1225
|
+
className: styles$p.control,
|
|
1226
1226
|
type: "button",
|
|
1227
1227
|
"aria-label": "Open",
|
|
1228
1228
|
onClick: () => {
|
|
@@ -1325,7 +1325,7 @@ const EmbedBlockContainer = ({
|
|
|
1325
1325
|
});
|
|
1326
1326
|
};
|
|
1327
1327
|
|
|
1328
|
-
var styles$
|
|
1328
|
+
var styles$o = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
|
|
1329
1329
|
|
|
1330
1330
|
const QuoteBlock = ({
|
|
1331
1331
|
block: {
|
|
@@ -1333,9 +1333,9 @@ const QuoteBlock = ({
|
|
|
1333
1333
|
},
|
|
1334
1334
|
styleContext
|
|
1335
1335
|
}) => {
|
|
1336
|
-
let classNames = [[styles$
|
|
1336
|
+
let classNames = [[styles$o.root, true]];
|
|
1337
1337
|
if (styleContext) {
|
|
1338
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1338
|
+
classNames = makeStyleContext(classNames, styleContext, styles$o);
|
|
1339
1339
|
}
|
|
1340
1340
|
return /*#__PURE__*/React.createElement("div", {
|
|
1341
1341
|
"data-testid": "quote-block",
|
|
@@ -1347,7 +1347,7 @@ const QuoteBlock = ({
|
|
|
1347
1347
|
}));
|
|
1348
1348
|
};
|
|
1349
1349
|
|
|
1350
|
-
var styles$
|
|
1350
|
+
var styles$n = {"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
1351
|
|
|
1352
1352
|
const CardTitle = ({
|
|
1353
1353
|
block: {
|
|
@@ -1361,15 +1361,15 @@ const CardTitle = ({
|
|
|
1361
1361
|
}) => {
|
|
1362
1362
|
return /*#__PURE__*/React.createElement("div", {
|
|
1363
1363
|
"data-testid": "card-title",
|
|
1364
|
-
className: makeClassName([[styles$
|
|
1364
|
+
className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]])
|
|
1365
1365
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1366
|
-
className: styles$
|
|
1366
|
+
className: styles$n.index
|
|
1367
1367
|
}, index), /*#__PURE__*/React.createElement("h3", {
|
|
1368
|
-
className: styles$
|
|
1368
|
+
className: styles$n.title
|
|
1369
1369
|
}, text));
|
|
1370
1370
|
};
|
|
1371
1371
|
|
|
1372
|
-
var styles$
|
|
1372
|
+
var styles$m = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
|
|
1373
1373
|
|
|
1374
1374
|
const ChapterBlock = ({
|
|
1375
1375
|
block: {
|
|
@@ -1382,9 +1382,9 @@ const ChapterBlock = ({
|
|
|
1382
1382
|
return /*#__PURE__*/React.createElement("div", {
|
|
1383
1383
|
"data-testid": "chapter-block",
|
|
1384
1384
|
id: id,
|
|
1385
|
-
className: makeClassName([[styles$
|
|
1385
|
+
className: makeClassName([[styles$m.root, true], [styles$m[onlyOn], !!onlyOn]])
|
|
1386
1386
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1387
|
-
className: makeClassName([[styles$
|
|
1387
|
+
className: makeClassName([[styles$m.subtitle, true], [styles$m[styleContext], !!styleContext && !!styles$m[styleContext]]]),
|
|
1388
1388
|
dangerouslySetInnerHTML: {
|
|
1389
1389
|
__html: data
|
|
1390
1390
|
}
|
|
@@ -1400,7 +1400,7 @@ const generateGradient = (color, type) => {
|
|
|
1400
1400
|
return `linear-gradient(-180deg, ${gradient})`;
|
|
1401
1401
|
};
|
|
1402
1402
|
|
|
1403
|
-
var styles$
|
|
1403
|
+
var styles$l = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
|
|
1404
1404
|
|
|
1405
1405
|
const SimpleTitle = ({
|
|
1406
1406
|
block: {
|
|
@@ -1411,9 +1411,9 @@ const SimpleTitle = ({
|
|
|
1411
1411
|
},
|
|
1412
1412
|
styleContext
|
|
1413
1413
|
}) => {
|
|
1414
|
-
let classNames = [[styles$
|
|
1414
|
+
let classNames = [[styles$l.root, true], [styles$l[onlyOn], true]];
|
|
1415
1415
|
if (styleContext) {
|
|
1416
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1416
|
+
classNames = makeStyleContext(classNames, styleContext, styles$l);
|
|
1417
1417
|
}
|
|
1418
1418
|
return /*#__PURE__*/React.createElement("h1", {
|
|
1419
1419
|
"data-testid": "simple-title",
|
|
@@ -1421,7 +1421,7 @@ const SimpleTitle = ({
|
|
|
1421
1421
|
}, first);
|
|
1422
1422
|
};
|
|
1423
1423
|
|
|
1424
|
-
var styles$
|
|
1424
|
+
var styles$k = {"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","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
|
|
1425
1425
|
|
|
1426
1426
|
const RichTitle = ({
|
|
1427
1427
|
block: {
|
|
@@ -1435,9 +1435,9 @@ const RichTitle = ({
|
|
|
1435
1435
|
},
|
|
1436
1436
|
styleContext
|
|
1437
1437
|
}) => {
|
|
1438
|
-
let classNames = [[styles$
|
|
1438
|
+
let classNames = [[styles$k.root, true], [styles$k[onlyOn], true], [styles$k.featured, !!featured]];
|
|
1439
1439
|
if (styleContext) {
|
|
1440
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1440
|
+
classNames = makeStyleContext(classNames, styleContext, styles$k);
|
|
1441
1441
|
}
|
|
1442
1442
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1443
1443
|
"data-testid": "rich-title",
|
|
@@ -1445,7 +1445,7 @@ const RichTitle = ({
|
|
|
1445
1445
|
}, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
|
|
1446
1446
|
};
|
|
1447
1447
|
|
|
1448
|
-
var styles$
|
|
1448
|
+
var styles$j = {"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"};
|
|
1449
1449
|
|
|
1450
1450
|
const SimpleBlock = ({
|
|
1451
1451
|
block: {
|
|
@@ -1457,9 +1457,9 @@ const SimpleBlock = ({
|
|
|
1457
1457
|
id = null
|
|
1458
1458
|
}) => {
|
|
1459
1459
|
let TagName;
|
|
1460
|
-
let classNames = [[styles$
|
|
1460
|
+
let classNames = [[styles$j[type], !!type && !!styles$j[type]], [styles$j[onlyOn], true]];
|
|
1461
1461
|
if (styleContext) {
|
|
1462
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1462
|
+
classNames = makeStyleContext(classNames, styleContext, styles$j);
|
|
1463
1463
|
}
|
|
1464
1464
|
switch (type) {
|
|
1465
1465
|
case 'context_p':
|
|
@@ -1491,7 +1491,7 @@ const SimpleBlock = ({
|
|
|
1491
1491
|
});
|
|
1492
1492
|
};
|
|
1493
1493
|
|
|
1494
|
-
var styles$
|
|
1494
|
+
var styles$i = {"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"};
|
|
1495
1495
|
|
|
1496
1496
|
const ListBlock = ({
|
|
1497
1497
|
block: {
|
|
@@ -1502,9 +1502,9 @@ const ListBlock = ({
|
|
|
1502
1502
|
styleContext
|
|
1503
1503
|
}) => {
|
|
1504
1504
|
const TagName = type;
|
|
1505
|
-
let classNames = [[styles$
|
|
1505
|
+
let classNames = [[styles$i.root, true], [styles$i[onlyOn], true], [styles$i[type], !!type && !!styles$i[type]]];
|
|
1506
1506
|
if (styleContext) {
|
|
1507
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1507
|
+
classNames = makeStyleContext(classNames, styleContext, styles$i);
|
|
1508
1508
|
}
|
|
1509
1509
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1510
1510
|
className: makeClassName(classNames),
|
|
@@ -1517,7 +1517,7 @@ const ListBlock = ({
|
|
|
1517
1517
|
})));
|
|
1518
1518
|
};
|
|
1519
1519
|
|
|
1520
|
-
var styles$
|
|
1520
|
+
var styles$h = {"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"};
|
|
1521
1521
|
|
|
1522
1522
|
const RelatedBlock = ({
|
|
1523
1523
|
block: {
|
|
@@ -1529,28 +1529,28 @@ const RelatedBlock = ({
|
|
|
1529
1529
|
},
|
|
1530
1530
|
styleContext
|
|
1531
1531
|
}) => {
|
|
1532
|
-
let classNames = [[styles$
|
|
1532
|
+
let classNames = [[styles$h.root, true], [styles$h[onlyOn], true]];
|
|
1533
1533
|
if (styleContext) {
|
|
1534
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1534
|
+
classNames = makeStyleContext(classNames, styleContext, styles$h);
|
|
1535
1535
|
}
|
|
1536
1536
|
return /*#__PURE__*/React.createElement("div", {
|
|
1537
1537
|
"data-testid": "related-block",
|
|
1538
1538
|
className: makeClassName(classNames)
|
|
1539
1539
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1540
|
-
className: styles$
|
|
1540
|
+
className: styles$h.header
|
|
1541
1541
|
}, title), /*#__PURE__*/React.createElement("ul", {
|
|
1542
|
-
className: styles$
|
|
1542
|
+
className: styles$h.items
|
|
1543
1543
|
}, related.map((item, index) => /*#__PURE__*/React.createElement("li", {
|
|
1544
1544
|
key: item.id || index,
|
|
1545
|
-
className: styles$
|
|
1545
|
+
className: styles$h[item.layout]
|
|
1546
1546
|
}, /*#__PURE__*/React.createElement(Link, {
|
|
1547
1547
|
to: item.full_url || `/${item.url}`
|
|
1548
1548
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1549
|
-
className: styles$
|
|
1549
|
+
className: styles$h.first
|
|
1550
1550
|
}, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title))))));
|
|
1551
1551
|
};
|
|
1552
1552
|
|
|
1553
|
-
var styles$
|
|
1553
|
+
var styles$g = {"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"};
|
|
1554
1554
|
|
|
1555
1555
|
const SourceBlock = ({
|
|
1556
1556
|
block: {
|
|
@@ -1563,16 +1563,16 @@ const SourceBlock = ({
|
|
|
1563
1563
|
},
|
|
1564
1564
|
styleContext
|
|
1565
1565
|
}) => {
|
|
1566
|
-
let classNames = [[styles$
|
|
1566
|
+
let classNames = [[styles$g.root, true], [styles$g[onlyOn], true]];
|
|
1567
1567
|
if (styleContext) {
|
|
1568
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1568
|
+
classNames = makeStyleContext(classNames, styleContext, styles$g);
|
|
1569
1569
|
}
|
|
1570
1570
|
return /*#__PURE__*/React.createElement("blockquote", {
|
|
1571
1571
|
"data-testid": "source-block",
|
|
1572
1572
|
cite: url,
|
|
1573
1573
|
className: makeClassName(classNames)
|
|
1574
1574
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1575
|
-
className: styles$
|
|
1575
|
+
className: styles$g.text,
|
|
1576
1576
|
href: url,
|
|
1577
1577
|
target: "_blank",
|
|
1578
1578
|
rel: "noopener noreferrer"
|
|
@@ -1582,11 +1582,11 @@ const SourceBlock = ({
|
|
|
1582
1582
|
__html: item.data
|
|
1583
1583
|
}
|
|
1584
1584
|
})), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
|
|
1585
|
-
className: styles$
|
|
1585
|
+
className: styles$g.origin
|
|
1586
1586
|
}, origin))));
|
|
1587
1587
|
};
|
|
1588
1588
|
|
|
1589
|
-
var styles$
|
|
1589
|
+
var styles$f = {"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"};
|
|
1590
1590
|
|
|
1591
1591
|
const SensitiveBlock = ({
|
|
1592
1592
|
block,
|
|
@@ -1609,40 +1609,40 @@ const SensitiveBlock = ({
|
|
|
1609
1609
|
const handleClick = () => {
|
|
1610
1610
|
isVisible(true);
|
|
1611
1611
|
};
|
|
1612
|
-
let classNames = [[styles$
|
|
1612
|
+
let classNames = [[styles$f.root, true], [styles$f.visible, visible], [styles$f[display], display && styles$f[display]]];
|
|
1613
1613
|
let context = ['isInSensitiveBlock'];
|
|
1614
1614
|
if (styleContext) {
|
|
1615
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1615
|
+
classNames = makeStyleContext(classNames, styleContext, styles$f);
|
|
1616
1616
|
context = [...styleContext, 'isInSensitiveBlock'];
|
|
1617
1617
|
}
|
|
1618
1618
|
return /*#__PURE__*/React.createElement("div", {
|
|
1619
1619
|
"data-testid": "sensitive-block",
|
|
1620
1620
|
className: makeClassName(classNames)
|
|
1621
1621
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1622
|
-
className: styles$
|
|
1622
|
+
className: styles$f.container
|
|
1623
1623
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1624
|
-
className: styles$
|
|
1624
|
+
className: styles$f.overlay,
|
|
1625
1625
|
style: {
|
|
1626
1626
|
backgroundImage: `url(${blurredImage})`
|
|
1627
1627
|
}
|
|
1628
1628
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1629
|
-
className: styles$
|
|
1629
|
+
className: styles$f.content
|
|
1630
1630
|
}, /*#__PURE__*/React.createElement("p", {
|
|
1631
1631
|
dangerouslySetInnerHTML: {
|
|
1632
1632
|
__html: block.title
|
|
1633
1633
|
}
|
|
1634
1634
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1635
|
-
className: styles$
|
|
1635
|
+
className: styles$f.button
|
|
1636
1636
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
1637
1637
|
onClick: () => handleClick(),
|
|
1638
1638
|
theme: "light"
|
|
1639
1639
|
}, block.button.text)))), /*#__PURE__*/React.createElement("div", {
|
|
1640
|
-
className: styles$
|
|
1640
|
+
className: styles$f.media
|
|
1641
1641
|
}, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
|
|
1642
1642
|
block: block.item,
|
|
1643
1643
|
styleContext: context
|
|
1644
1644
|
}))), cc && /*#__PURE__*/React.createElement("figcaption", {
|
|
1645
|
-
className: styles$
|
|
1645
|
+
className: styles$f.figcaption
|
|
1646
1646
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1647
1647
|
credit: credit,
|
|
1648
1648
|
caption: caption,
|
|
@@ -1650,7 +1650,7 @@ const SensitiveBlock = ({
|
|
|
1650
1650
|
})));
|
|
1651
1651
|
};
|
|
1652
1652
|
|
|
1653
|
-
var styles$
|
|
1653
|
+
var styles$e = {"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"};
|
|
1654
1654
|
|
|
1655
1655
|
const GroupedBlock = ({
|
|
1656
1656
|
block,
|
|
@@ -1666,19 +1666,19 @@ const GroupedBlock = ({
|
|
|
1666
1666
|
return width / (height / maxHeight);
|
|
1667
1667
|
});
|
|
1668
1668
|
const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
|
|
1669
|
-
let classNames = [[styles$
|
|
1669
|
+
let classNames = [[styles$e.root, true], [styles$e[onlyOn], true], [styles$e.hasFigcaption, block.cc === 'default'], [styles$e[block.display], !!block.display && styles$e[block.display]]];
|
|
1670
1670
|
if (styleContext) {
|
|
1671
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1671
|
+
classNames = makeStyleContext(classNames, styleContext, styles$e);
|
|
1672
1672
|
}
|
|
1673
1673
|
return /*#__PURE__*/React.createElement("div", {
|
|
1674
1674
|
"data-testid": "grouped-block",
|
|
1675
1675
|
className: makeClassName(classNames)
|
|
1676
1676
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1677
|
-
className: styles$
|
|
1677
|
+
className: styles$e.items
|
|
1678
1678
|
}, block.data.map((item, index) => {
|
|
1679
1679
|
const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1680
1680
|
return /*#__PURE__*/React.createElement("div", {
|
|
1681
|
-
className: styles$
|
|
1681
|
+
className: styles$e.item,
|
|
1682
1682
|
key: item.id,
|
|
1683
1683
|
style: {
|
|
1684
1684
|
width: `${percentWidth}%`
|
|
@@ -1691,7 +1691,7 @@ const GroupedBlock = ({
|
|
|
1691
1691
|
styleContext: ['isInGroupedBlock']
|
|
1692
1692
|
}));
|
|
1693
1693
|
})), block.cc && /*#__PURE__*/React.createElement("figcaption", {
|
|
1694
|
-
className: styles$
|
|
1694
|
+
className: styles$e.figcaption
|
|
1695
1695
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1696
1696
|
credit: block.credit,
|
|
1697
1697
|
caption: block.caption,
|
|
@@ -1699,7 +1699,7 @@ const GroupedBlock = ({
|
|
|
1699
1699
|
})));
|
|
1700
1700
|
};
|
|
1701
1701
|
|
|
1702
|
-
var styles$
|
|
1702
|
+
var styles$d = {"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"};
|
|
1703
1703
|
|
|
1704
1704
|
const MetaItem = ({
|
|
1705
1705
|
hasSource,
|
|
@@ -1707,25 +1707,25 @@ const MetaItem = ({
|
|
|
1707
1707
|
children,
|
|
1708
1708
|
bullets
|
|
1709
1709
|
}) => {
|
|
1710
|
-
const classNames = [[styles$
|
|
1710
|
+
const classNames = [[styles$d.root, true], [styles$d[type], !!type && !!styles$d[type]], [styles$d.hasSource, !!hasSource], [styles$d.hasBullets, !!bullets]];
|
|
1711
1711
|
return /*#__PURE__*/React.createElement("div", {
|
|
1712
1712
|
"data-testid": "meta-item",
|
|
1713
1713
|
className: makeClassName(classNames)
|
|
1714
1714
|
}, children);
|
|
1715
1715
|
};
|
|
1716
1716
|
|
|
1717
|
-
var styles$
|
|
1717
|
+
var styles$c = {"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"};
|
|
1718
1718
|
|
|
1719
1719
|
const MetaItemLive = ({
|
|
1720
1720
|
theme = 'gold'
|
|
1721
1721
|
}) => {
|
|
1722
|
-
const classNames = [[styles$
|
|
1722
|
+
const classNames = [[styles$c.root, true], [styles$c[theme], !!theme && styles$c[theme]]];
|
|
1723
1723
|
return /*#__PURE__*/React.createElement("div", {
|
|
1724
1724
|
"data-testid": "meta-item-live",
|
|
1725
1725
|
"data-meta": "live",
|
|
1726
1726
|
className: makeClassName(classNames)
|
|
1727
1727
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1728
|
-
className: styles$
|
|
1728
|
+
className: styles$c.frame
|
|
1729
1729
|
}));
|
|
1730
1730
|
};
|
|
1731
1731
|
|
|
@@ -1745,7 +1745,7 @@ const pluralize = (number, one, two, five) => {
|
|
|
1745
1745
|
return five;
|
|
1746
1746
|
};
|
|
1747
1747
|
|
|
1748
|
-
var styles$
|
|
1748
|
+
var styles$b = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
|
|
1749
1749
|
|
|
1750
1750
|
const DocumentItemsCount = ({
|
|
1751
1751
|
type,
|
|
@@ -1782,9 +1782,9 @@ const DocumentItemsCount = ({
|
|
|
1782
1782
|
const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
|
|
1783
1783
|
return /*#__PURE__*/React.createElement("div", {
|
|
1784
1784
|
"data-testid": "document-items-count",
|
|
1785
|
-
className: styles$
|
|
1785
|
+
className: styles$b.root
|
|
1786
1786
|
}, children, /*#__PURE__*/React.createElement("span", {
|
|
1787
|
-
className: styles$
|
|
1787
|
+
className: styles$b.items
|
|
1788
1788
|
}, itemsCount));
|
|
1789
1789
|
};
|
|
1790
1790
|
|
|
@@ -1901,22 +1901,22 @@ const MetaContainer = ({
|
|
|
1901
1901
|
icon: isListened ? 'listened' : 'read',
|
|
1902
1902
|
size: "unset"
|
|
1903
1903
|
})), isSlides && lang === 'ru' && /*#__PURE__*/React.createElement("div", {
|
|
1904
|
-
className: styles$
|
|
1904
|
+
className: styles$r.bookmark
|
|
1905
1905
|
}, /*#__PURE__*/React.createElement(BookmarkButton, {
|
|
1906
1906
|
isInBookmarks: isInBookmarks,
|
|
1907
1907
|
onClick: () => bookmarkAction('bookmark', 'top')
|
|
1908
1908
|
})));
|
|
1909
1909
|
};
|
|
1910
1910
|
|
|
1911
|
-
var styles$
|
|
1911
|
+
var styles$a = {"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"};
|
|
1912
1912
|
|
|
1913
1913
|
const DonatesTeaser = ({
|
|
1914
1914
|
styleContext,
|
|
1915
1915
|
lang = 'ru'
|
|
1916
1916
|
}) => {
|
|
1917
|
-
let classNames = [[styles$
|
|
1917
|
+
let classNames = [[styles$a.root, true], [styles$a[lang], styles$a[lang]]];
|
|
1918
1918
|
if (styleContext) {
|
|
1919
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1919
|
+
classNames = makeStyleContext(classNames, styleContext, styles$a);
|
|
1920
1920
|
}
|
|
1921
1921
|
const data = {
|
|
1922
1922
|
ru: {
|
|
@@ -1936,20 +1936,20 @@ const DonatesTeaser = ({
|
|
|
1936
1936
|
"data-testid": "donates-teaser",
|
|
1937
1937
|
className: makeClassName(classNames)
|
|
1938
1938
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1939
|
-
className: styles$
|
|
1939
|
+
className: styles$a.main
|
|
1940
1940
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1941
|
-
className: styles$
|
|
1941
|
+
className: styles$a.title
|
|
1942
1942
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1943
1943
|
dangerouslySetInnerHTML: {
|
|
1944
1944
|
__html: data[lang].title
|
|
1945
1945
|
}
|
|
1946
1946
|
}), ` `, /*#__PURE__*/React.createElement("span", {
|
|
1947
|
-
className: styles$
|
|
1947
|
+
className: styles$a.text,
|
|
1948
1948
|
dangerouslySetInnerHTML: {
|
|
1949
1949
|
__html: data[lang].subtitle
|
|
1950
1950
|
}
|
|
1951
1951
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1952
|
-
className: styles$
|
|
1952
|
+
className: styles$a.cta
|
|
1953
1953
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1954
1954
|
href: data[lang].href,
|
|
1955
1955
|
target: "_blank",
|
|
@@ -1957,15 +1957,15 @@ const DonatesTeaser = ({
|
|
|
1957
1957
|
}, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
|
|
1958
1958
|
};
|
|
1959
1959
|
|
|
1960
|
-
var styles$
|
|
1960
|
+
var styles$9 = {"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"};
|
|
1961
1961
|
|
|
1962
1962
|
const AnnouncementInText = ({
|
|
1963
1963
|
styleContext,
|
|
1964
1964
|
lang = 'ru'
|
|
1965
1965
|
}) => {
|
|
1966
|
-
let classNames = [[styles$
|
|
1966
|
+
let classNames = [[styles$9.root, true], [styles$9[lang], styles$9[lang]]];
|
|
1967
1967
|
if (styleContext) {
|
|
1968
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1968
|
+
classNames = makeStyleContext(classNames, styleContext, styles$9);
|
|
1969
1969
|
}
|
|
1970
1970
|
const data = {
|
|
1971
1971
|
ru: {
|
|
@@ -1986,9 +1986,9 @@ const AnnouncementInText = ({
|
|
|
1986
1986
|
"data-testid": "announcement-in-text",
|
|
1987
1987
|
className: makeClassName(classNames)
|
|
1988
1988
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1989
|
-
className: styles$
|
|
1989
|
+
className: styles$9.body
|
|
1990
1990
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1991
|
-
className: styles$
|
|
1991
|
+
className: styles$9.title,
|
|
1992
1992
|
dangerouslySetInnerHTML: {
|
|
1993
1993
|
__html: localeData.title
|
|
1994
1994
|
}
|
|
@@ -1997,17 +1997,42 @@ const AnnouncementInText = ({
|
|
|
1997
1997
|
__html: localeData.text
|
|
1998
1998
|
}
|
|
1999
1999
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2000
|
-
className: styles$
|
|
2000
|
+
className: styles$9.footer
|
|
2001
2001
|
}, /*#__PURE__*/React.createElement("a", {
|
|
2002
|
-
className: styles$
|
|
2002
|
+
className: styles$9.link,
|
|
2003
2003
|
href: localeData.href,
|
|
2004
2004
|
target: "_blank",
|
|
2005
2005
|
rel: "noreferrer"
|
|
2006
2006
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
|
|
2007
|
-
className: styles$
|
|
2007
|
+
className: styles$9.button
|
|
2008
2008
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button))));
|
|
2009
2009
|
};
|
|
2010
2010
|
|
|
2011
|
+
var styles$8 = {"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"};
|
|
2012
|
+
|
|
2013
|
+
const VersesBlock = ({
|
|
2014
|
+
block: {
|
|
2015
|
+
type,
|
|
2016
|
+
data,
|
|
2017
|
+
only_on: onlyOn
|
|
2018
|
+
},
|
|
2019
|
+
styleContext
|
|
2020
|
+
}) => {
|
|
2021
|
+
let classNames = [[styles$8.root, true], [styles$8[onlyOn], true], [styles$8[type], !!type && !!styles$8[type]]];
|
|
2022
|
+
if (styleContext) {
|
|
2023
|
+
classNames = makeStyleContext(classNames, styleContext, styles$8);
|
|
2024
|
+
}
|
|
2025
|
+
return /*#__PURE__*/React.createElement("ul", {
|
|
2026
|
+
className: makeClassName(classNames),
|
|
2027
|
+
"data-testid": "verses-block"
|
|
2028
|
+
}, data.map((item, index) => /*#__PURE__*/React.createElement("li", {
|
|
2029
|
+
key: index,
|
|
2030
|
+
dangerouslySetInnerHTML: {
|
|
2031
|
+
__html: item
|
|
2032
|
+
}
|
|
2033
|
+
})));
|
|
2034
|
+
};
|
|
2035
|
+
|
|
2011
2036
|
const RenderBlocks = ({
|
|
2012
2037
|
block,
|
|
2013
2038
|
styleContext,
|
|
@@ -2089,6 +2114,13 @@ const RenderBlocks = ({
|
|
|
2089
2114
|
styleContext: styleContext
|
|
2090
2115
|
});
|
|
2091
2116
|
}
|
|
2117
|
+
case 'verses':
|
|
2118
|
+
{
|
|
2119
|
+
return /*#__PURE__*/React.createElement(VersesBlock, {
|
|
2120
|
+
block: block,
|
|
2121
|
+
styleContext: styleContext
|
|
2122
|
+
});
|
|
2123
|
+
}
|
|
2092
2124
|
case 'chapter-subtitle':
|
|
2093
2125
|
{
|
|
2094
2126
|
return /*#__PURE__*/React.createElement(ChapterBlock, {
|