@meduza/ui-kit-2 0.8.8 → 0.8.601
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/SvgSymbol/SvgSymbol.types.d.ts +1 -1
- package/dist/SvgSymbol/icons.d.ts +5 -0
- package/dist/Switcher/Switcher.types.d.ts +3 -2
- package/dist/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 +243 -254
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +244 -254
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +45 -126
- package/dist/ui-kit.css +45 -126
- package/package.json +1 -1
- package/src/Image/index.tsx +4 -1
- package/src/Meta/Meta.module.css +6 -0
- package/src/Meta/MetaContainer.tsx +12 -1
- package/src/RichTitle/RichTitle.module.css +4 -0
- package/src/Spoiler/Spoiler.module.css +9 -10
- package/src/SvgSymbol/SvgSymbol.types.ts +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,19 +943,19 @@ 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,
|
|
@@ -959,9 +964,9 @@ const Meta = ({
|
|
|
959
964
|
onlyOn,
|
|
960
965
|
styleContext
|
|
961
966
|
}) => {
|
|
962
|
-
let classNames = [[styles$
|
|
967
|
+
let classNames = [[styles$s.root, true], [styles$s[theme], !!theme && !!styles$s[theme]], [styles$s[onlyOn], !!onlyOn], [styles$s.hasSource, hasSource]];
|
|
963
968
|
if (styleContext) {
|
|
964
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
969
|
+
classNames = makeStyleContext(classNames, styleContext, styles$s);
|
|
965
970
|
}
|
|
966
971
|
return /*#__PURE__*/React.createElement("div", {
|
|
967
972
|
"data-testid": "meta",
|
|
@@ -969,7 +974,7 @@ const Meta = ({
|
|
|
969
974
|
}, children);
|
|
970
975
|
};
|
|
971
976
|
|
|
972
|
-
var styles$
|
|
977
|
+
var styles$r = {"root":"Timestamp-module_root__jPJ6w"};
|
|
973
978
|
|
|
974
979
|
const Timestamp = ({
|
|
975
980
|
publishedAt,
|
|
@@ -993,7 +998,7 @@ const Timestamp = ({
|
|
|
993
998
|
return /*#__PURE__*/React.createElement("time", {
|
|
994
999
|
suppressHydrationWarning: true,
|
|
995
1000
|
"data-testid": "timestamp",
|
|
996
|
-
className: styles$
|
|
1001
|
+
className: styles$r.root
|
|
997
1002
|
}, published);
|
|
998
1003
|
};
|
|
999
1004
|
|
|
@@ -1053,7 +1058,7 @@ const DangerousHTML = ({
|
|
|
1053
1058
|
}));
|
|
1054
1059
|
};
|
|
1055
1060
|
|
|
1056
|
-
var styles$
|
|
1061
|
+
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
1062
|
|
|
1058
1063
|
const EmbedGif = ({
|
|
1059
1064
|
gif,
|
|
@@ -1091,9 +1096,9 @@ const EmbedGif = ({
|
|
|
1091
1096
|
};
|
|
1092
1097
|
}, []);
|
|
1093
1098
|
return /*#__PURE__*/React.createElement("div", {
|
|
1094
|
-
className: styles$
|
|
1099
|
+
className: styles$q.figure
|
|
1095
1100
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1096
|
-
className: styles$
|
|
1101
|
+
className: styles$q.objectWrap,
|
|
1097
1102
|
style: style,
|
|
1098
1103
|
"data-frozen": videoFrozen
|
|
1099
1104
|
}, /*#__PURE__*/React.createElement("video", {
|
|
@@ -1153,7 +1158,7 @@ const EmbedBlock = ({
|
|
|
1153
1158
|
case 'image':
|
|
1154
1159
|
{
|
|
1155
1160
|
return /*#__PURE__*/React.createElement("div", {
|
|
1156
|
-
className: styles$
|
|
1161
|
+
className: styles$q.figure
|
|
1157
1162
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
1158
1163
|
source: !optimized && [small, large],
|
|
1159
1164
|
optimized: block.data.optimized,
|
|
@@ -1168,7 +1173,7 @@ const EmbedBlock = ({
|
|
|
1168
1173
|
case 'game_embed':
|
|
1169
1174
|
{
|
|
1170
1175
|
return /*#__PURE__*/React.createElement("div", {
|
|
1171
|
-
className: styles$
|
|
1176
|
+
className: styles$q.gameEmbed
|
|
1172
1177
|
}, /*#__PURE__*/React.createElement("iframe", {
|
|
1173
1178
|
src: block.data.game_src,
|
|
1174
1179
|
id: block.data.game_id,
|
|
@@ -1178,7 +1183,7 @@ const EmbedBlock = ({
|
|
|
1178
1183
|
case 'dots_on_image':
|
|
1179
1184
|
{
|
|
1180
1185
|
return /*#__PURE__*/React.createElement("div", {
|
|
1181
|
-
className: styles$
|
|
1186
|
+
className: styles$q.figure
|
|
1182
1187
|
}, /*#__PURE__*/React.createElement(DotsOnImage, {
|
|
1183
1188
|
block: data
|
|
1184
1189
|
}));
|
|
@@ -1186,12 +1191,12 @@ const EmbedBlock = ({
|
|
|
1186
1191
|
default:
|
|
1187
1192
|
{
|
|
1188
1193
|
return /*#__PURE__*/React.createElement("div", {
|
|
1189
|
-
className: styles$
|
|
1194
|
+
className: styles$q.object
|
|
1190
1195
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1191
|
-
className: styles$
|
|
1196
|
+
className: styles$q.wrapper,
|
|
1192
1197
|
style: style
|
|
1193
1198
|
}, /*#__PURE__*/React.createElement(DangerousHTML, {
|
|
1194
|
-
className: styles$
|
|
1199
|
+
className: styles$q.objectWrap,
|
|
1195
1200
|
html: html
|
|
1196
1201
|
})));
|
|
1197
1202
|
}
|
|
@@ -1201,28 +1206,28 @@ const EmbedBlock = ({
|
|
|
1201
1206
|
style.paddingBottom = `${block.data.height / block.data.width * 100}%`;
|
|
1202
1207
|
style.height = 0;
|
|
1203
1208
|
}
|
|
1204
|
-
let classNames = [[styles$
|
|
1209
|
+
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
1210
|
// Убираем из контекста все, что не начинается с приставки isIn,
|
|
1206
1211
|
// чтобы не применились лишние модификаторы
|
|
1207
1212
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1208
1213
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1209
|
-
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$
|
|
1214
|
+
const filteredContext = styleContext.filter(key => key.startsWith('isIn') && styles$q[key]).reduce((acc, key) => {
|
|
1210
1215
|
acc.push(key);
|
|
1211
1216
|
return acc;
|
|
1212
1217
|
}, []);
|
|
1213
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1218
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$q);
|
|
1214
1219
|
}
|
|
1215
1220
|
return /*#__PURE__*/React.createElement("figure", {
|
|
1216
1221
|
className: makeClassName(classNames)
|
|
1217
1222
|
}, children && ( /*#__PURE__*/React.createElement("div", {
|
|
1218
|
-
className: styles$
|
|
1223
|
+
className: styles$q.object
|
|
1219
1224
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1220
|
-
className: styles$
|
|
1225
|
+
className: styles$q.wrapper,
|
|
1221
1226
|
style: style
|
|
1222
1227
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1223
|
-
className: styles$
|
|
1228
|
+
className: styles$q.objectWrap
|
|
1224
1229
|
}, children)))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
1225
|
-
className: styles$
|
|
1230
|
+
className: styles$q.control,
|
|
1226
1231
|
type: "button",
|
|
1227
1232
|
"aria-label": "Open",
|
|
1228
1233
|
onClick: () => {
|
|
@@ -1325,7 +1330,7 @@ const EmbedBlockContainer = ({
|
|
|
1325
1330
|
});
|
|
1326
1331
|
};
|
|
1327
1332
|
|
|
1328
|
-
var styles$
|
|
1333
|
+
var styles$p = {"root":"QuoteBlock-module_root__4qa1J","center":"QuoteBlock-module_center__1f83y"};
|
|
1329
1334
|
|
|
1330
1335
|
const QuoteBlock = ({
|
|
1331
1336
|
block: {
|
|
@@ -1333,9 +1338,9 @@ const QuoteBlock = ({
|
|
|
1333
1338
|
},
|
|
1334
1339
|
styleContext
|
|
1335
1340
|
}) => {
|
|
1336
|
-
let classNames = [[styles$
|
|
1341
|
+
let classNames = [[styles$p.root, true]];
|
|
1337
1342
|
if (styleContext) {
|
|
1338
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1343
|
+
classNames = makeStyleContext(classNames, styleContext, styles$p);
|
|
1339
1344
|
}
|
|
1340
1345
|
return /*#__PURE__*/React.createElement("div", {
|
|
1341
1346
|
"data-testid": "quote-block",
|
|
@@ -1347,7 +1352,7 @@ const QuoteBlock = ({
|
|
|
1347
1352
|
}));
|
|
1348
1353
|
};
|
|
1349
1354
|
|
|
1350
|
-
var styles$
|
|
1355
|
+
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
1356
|
|
|
1352
1357
|
const CardTitle = ({
|
|
1353
1358
|
block: {
|
|
@@ -1363,15 +1368,15 @@ const CardTitle = ({
|
|
|
1363
1368
|
return /*#__PURE__*/React.createElement("div", {
|
|
1364
1369
|
"data-testid": "card-title",
|
|
1365
1370
|
id: id,
|
|
1366
|
-
className: makeClassName([[styles$
|
|
1371
|
+
className: makeClassName([[styles$o.root, true], [styles$o[onlyOn], !!onlyOn], [styles$o[styleContext], !!styleContext && !!styles$o[styleContext]]])
|
|
1367
1372
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1368
|
-
className: styles$
|
|
1373
|
+
className: styles$o.index
|
|
1369
1374
|
}, index), /*#__PURE__*/React.createElement("h3", {
|
|
1370
|
-
className: styles$
|
|
1375
|
+
className: styles$o.title
|
|
1371
1376
|
}, text));
|
|
1372
1377
|
};
|
|
1373
1378
|
|
|
1374
|
-
var styles$
|
|
1379
|
+
var styles$n = {"root":"ChapterBlock-module_root__iw7d2","subtitle":"ChapterBlock-module_subtitle__IpWgz","mobile":"ChapterBlock-module_mobile__V1Eye","desktop":"ChapterBlock-module_desktop__9xWf4"};
|
|
1375
1380
|
|
|
1376
1381
|
const ChapterBlock = ({
|
|
1377
1382
|
block: {
|
|
@@ -1384,9 +1389,9 @@ const ChapterBlock = ({
|
|
|
1384
1389
|
return /*#__PURE__*/React.createElement("div", {
|
|
1385
1390
|
"data-testid": "chapter-block",
|
|
1386
1391
|
id: id,
|
|
1387
|
-
className: makeClassName([[styles$
|
|
1392
|
+
className: makeClassName([[styles$n.root, true], [styles$n[onlyOn], !!onlyOn]])
|
|
1388
1393
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1389
|
-
className: makeClassName([[styles$
|
|
1394
|
+
className: makeClassName([[styles$n.subtitle, true], [styles$n[styleContext], !!styleContext && !!styles$n[styleContext]]]),
|
|
1390
1395
|
dangerouslySetInnerHTML: {
|
|
1391
1396
|
__html: data
|
|
1392
1397
|
}
|
|
@@ -1402,7 +1407,7 @@ const generateGradient = (color, type) => {
|
|
|
1402
1407
|
return `linear-gradient(-180deg, ${gradient})`;
|
|
1403
1408
|
};
|
|
1404
1409
|
|
|
1405
|
-
var styles$
|
|
1410
|
+
var styles$m = {"root":"SimpleTitle-module_root__YOzNn","mobile":"SimpleTitle-module_mobile__1QiJd","desktop":"SimpleTitle-module_desktop__ZF5Af"};
|
|
1406
1411
|
|
|
1407
1412
|
const SimpleTitle = ({
|
|
1408
1413
|
block: {
|
|
@@ -1413,9 +1418,9 @@ const SimpleTitle = ({
|
|
|
1413
1418
|
},
|
|
1414
1419
|
styleContext
|
|
1415
1420
|
}) => {
|
|
1416
|
-
let classNames = [[styles$
|
|
1421
|
+
let classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
|
|
1417
1422
|
if (styleContext) {
|
|
1418
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1423
|
+
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1419
1424
|
}
|
|
1420
1425
|
return /*#__PURE__*/React.createElement("h1", {
|
|
1421
1426
|
"data-testid": "simple-title",
|
|
@@ -1423,7 +1428,7 @@ const SimpleTitle = ({
|
|
|
1423
1428
|
}, first);
|
|
1424
1429
|
};
|
|
1425
1430
|
|
|
1426
|
-
var styles$
|
|
1431
|
+
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
1432
|
|
|
1428
1433
|
const RichTitle = ({
|
|
1429
1434
|
block: {
|
|
@@ -1437,9 +1442,9 @@ const RichTitle = ({
|
|
|
1437
1442
|
},
|
|
1438
1443
|
styleContext
|
|
1439
1444
|
}) => {
|
|
1440
|
-
let classNames = [[styles$
|
|
1445
|
+
let classNames = [[styles$l.root, true], [styles$l[onlyOn], true], [styles$l.featured, !!featured]];
|
|
1441
1446
|
if (styleContext) {
|
|
1442
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1447
|
+
classNames = makeStyleContext(classNames, styleContext, styles$l);
|
|
1443
1448
|
}
|
|
1444
1449
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1445
1450
|
"data-testid": "rich-title",
|
|
@@ -1447,7 +1452,7 @@ const RichTitle = ({
|
|
|
1447
1452
|
}, first, second && /*#__PURE__*/React.createElement("span", null, " ", second));
|
|
1448
1453
|
};
|
|
1449
1454
|
|
|
1450
|
-
var styles$
|
|
1455
|
+
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
1456
|
|
|
1452
1457
|
const SimpleBlock = ({
|
|
1453
1458
|
block: {
|
|
@@ -1459,9 +1464,9 @@ const SimpleBlock = ({
|
|
|
1459
1464
|
id = null
|
|
1460
1465
|
}) => {
|
|
1461
1466
|
let TagName;
|
|
1462
|
-
let classNames = [[styles$
|
|
1467
|
+
let classNames = [[styles$k[type], !!type && !!styles$k[type]], [styles$k[onlyOn], true]];
|
|
1463
1468
|
if (styleContext) {
|
|
1464
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1469
|
+
classNames = makeStyleContext(classNames, styleContext, styles$k);
|
|
1465
1470
|
}
|
|
1466
1471
|
switch (type) {
|
|
1467
1472
|
case 'context_p':
|
|
@@ -1493,7 +1498,7 @@ const SimpleBlock = ({
|
|
|
1493
1498
|
});
|
|
1494
1499
|
};
|
|
1495
1500
|
|
|
1496
|
-
var styles$
|
|
1501
|
+
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
1502
|
|
|
1498
1503
|
const ListBlock = ({
|
|
1499
1504
|
block: {
|
|
@@ -1504,9 +1509,9 @@ const ListBlock = ({
|
|
|
1504
1509
|
styleContext
|
|
1505
1510
|
}) => {
|
|
1506
1511
|
const TagName = type;
|
|
1507
|
-
let classNames = [[styles$
|
|
1512
|
+
let classNames = [[styles$j.root, true], [styles$j[onlyOn], true], [styles$j[type], !!type && !!styles$j[type]]];
|
|
1508
1513
|
if (styleContext) {
|
|
1509
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1514
|
+
classNames = makeStyleContext(classNames, styleContext, styles$j);
|
|
1510
1515
|
}
|
|
1511
1516
|
return /*#__PURE__*/React.createElement(TagName, {
|
|
1512
1517
|
className: makeClassName(classNames),
|
|
@@ -1519,7 +1524,7 @@ const ListBlock = ({
|
|
|
1519
1524
|
}))));
|
|
1520
1525
|
};
|
|
1521
1526
|
|
|
1522
|
-
var styles$
|
|
1527
|
+
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
1528
|
|
|
1524
1529
|
const RelatedBlock = ({
|
|
1525
1530
|
block: {
|
|
@@ -1531,28 +1536,28 @@ const RelatedBlock = ({
|
|
|
1531
1536
|
},
|
|
1532
1537
|
styleContext
|
|
1533
1538
|
}) => {
|
|
1534
|
-
let classNames = [[styles$
|
|
1539
|
+
let classNames = [[styles$i.root, true], [styles$i[onlyOn], true]];
|
|
1535
1540
|
if (styleContext) {
|
|
1536
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1541
|
+
classNames = makeStyleContext(classNames, styleContext, styles$i);
|
|
1537
1542
|
}
|
|
1538
1543
|
return /*#__PURE__*/React.createElement("div", {
|
|
1539
1544
|
"data-testid": "related-block",
|
|
1540
1545
|
className: makeClassName(classNames)
|
|
1541
1546
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1542
|
-
className: styles$
|
|
1547
|
+
className: styles$i.header
|
|
1543
1548
|
}, title), /*#__PURE__*/React.createElement("ul", {
|
|
1544
|
-
className: styles$
|
|
1549
|
+
className: styles$i.items
|
|
1545
1550
|
}, related.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
|
|
1546
1551
|
key: item.id || index,
|
|
1547
|
-
className: styles$
|
|
1552
|
+
className: styles$i[item.layout]
|
|
1548
1553
|
}, /*#__PURE__*/React.createElement(Link, {
|
|
1549
1554
|
to: item.full_url || `/${item.url}`
|
|
1550
1555
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1551
|
-
className: styles$
|
|
1556
|
+
className: styles$i.first
|
|
1552
1557
|
}, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title)))))));
|
|
1553
1558
|
};
|
|
1554
1559
|
|
|
1555
|
-
var styles$
|
|
1560
|
+
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
1561
|
|
|
1557
1562
|
const SourceBlock = ({
|
|
1558
1563
|
block: {
|
|
@@ -1565,16 +1570,16 @@ const SourceBlock = ({
|
|
|
1565
1570
|
},
|
|
1566
1571
|
styleContext
|
|
1567
1572
|
}) => {
|
|
1568
|
-
let classNames = [[styles$
|
|
1573
|
+
let classNames = [[styles$h.root, true], [styles$h[onlyOn], true]];
|
|
1569
1574
|
if (styleContext) {
|
|
1570
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1575
|
+
classNames = makeStyleContext(classNames, styleContext, styles$h);
|
|
1571
1576
|
}
|
|
1572
1577
|
return /*#__PURE__*/React.createElement("blockquote", {
|
|
1573
1578
|
"data-testid": "source-block",
|
|
1574
1579
|
cite: url,
|
|
1575
1580
|
className: makeClassName(classNames)
|
|
1576
1581
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1577
|
-
className: styles$
|
|
1582
|
+
className: styles$h.text,
|
|
1578
1583
|
href: url,
|
|
1579
1584
|
target: "_blank",
|
|
1580
1585
|
rel: "noopener noreferrer"
|
|
@@ -1584,11 +1589,11 @@ const SourceBlock = ({
|
|
|
1584
1589
|
__html: item.data
|
|
1585
1590
|
}
|
|
1586
1591
|
}))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
|
|
1587
|
-
className: styles$
|
|
1592
|
+
className: styles$h.origin
|
|
1588
1593
|
}, origin))));
|
|
1589
1594
|
};
|
|
1590
1595
|
|
|
1591
|
-
var styles$
|
|
1596
|
+
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
1597
|
|
|
1593
1598
|
const SensitiveBlock = ({
|
|
1594
1599
|
block,
|
|
@@ -1611,40 +1616,40 @@ const SensitiveBlock = ({
|
|
|
1611
1616
|
const handleClick = () => {
|
|
1612
1617
|
isVisible(true);
|
|
1613
1618
|
};
|
|
1614
|
-
let classNames = [[styles$
|
|
1619
|
+
let classNames = [[styles$g.root, true], [styles$g.visible, visible], [styles$g[display], display && styles$g[display]]];
|
|
1615
1620
|
let context = ['isInSensitiveBlock'];
|
|
1616
1621
|
if (styleContext) {
|
|
1617
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1622
|
+
classNames = makeStyleContext(classNames, styleContext, styles$g);
|
|
1618
1623
|
context = [...styleContext, 'isInSensitiveBlock'];
|
|
1619
1624
|
}
|
|
1620
1625
|
return /*#__PURE__*/React.createElement("div", {
|
|
1621
1626
|
"data-testid": "sensitive-block",
|
|
1622
1627
|
className: makeClassName(classNames)
|
|
1623
1628
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1624
|
-
className: styles$
|
|
1629
|
+
className: styles$g.container
|
|
1625
1630
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1626
|
-
className: styles$
|
|
1631
|
+
className: styles$g.overlay,
|
|
1627
1632
|
style: {
|
|
1628
1633
|
backgroundImage: `url(${blurredImage})`
|
|
1629
1634
|
}
|
|
1630
1635
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1631
|
-
className: styles$
|
|
1636
|
+
className: styles$g.content
|
|
1632
1637
|
}, /*#__PURE__*/React.createElement("p", {
|
|
1633
1638
|
dangerouslySetInnerHTML: {
|
|
1634
1639
|
__html: block.title
|
|
1635
1640
|
}
|
|
1636
1641
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1637
|
-
className: styles$
|
|
1642
|
+
className: styles$g.button
|
|
1638
1643
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
1639
1644
|
onClick: () => handleClick(),
|
|
1640
1645
|
theme: "light"
|
|
1641
1646
|
}, block.button.text)))), /*#__PURE__*/React.createElement("div", {
|
|
1642
|
-
className: styles$
|
|
1647
|
+
className: styles$g.media
|
|
1643
1648
|
}, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
|
|
1644
1649
|
block: block.item,
|
|
1645
1650
|
styleContext: context
|
|
1646
1651
|
}))), cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1647
|
-
className: styles$
|
|
1652
|
+
className: styles$g.figcaption
|
|
1648
1653
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1649
1654
|
credit: credit,
|
|
1650
1655
|
caption: caption,
|
|
@@ -1652,7 +1657,7 @@ const SensitiveBlock = ({
|
|
|
1652
1657
|
}))));
|
|
1653
1658
|
};
|
|
1654
1659
|
|
|
1655
|
-
var styles$
|
|
1660
|
+
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
1661
|
|
|
1657
1662
|
const GroupedBlock = ({
|
|
1658
1663
|
block,
|
|
@@ -1668,19 +1673,19 @@ const GroupedBlock = ({
|
|
|
1668
1673
|
return width / (height / maxHeight);
|
|
1669
1674
|
});
|
|
1670
1675
|
const sumWidth = normalizedBoxesWidth.reduce((sum, x) => sum + x);
|
|
1671
|
-
let classNames = [[styles$
|
|
1676
|
+
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
1677
|
if (styleContext) {
|
|
1673
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1678
|
+
classNames = makeStyleContext(classNames, styleContext, styles$f);
|
|
1674
1679
|
}
|
|
1675
1680
|
return /*#__PURE__*/React.createElement("div", {
|
|
1676
1681
|
"data-testid": "grouped-block",
|
|
1677
1682
|
className: makeClassName(classNames)
|
|
1678
1683
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1679
|
-
className: styles$
|
|
1684
|
+
className: styles$f.items
|
|
1680
1685
|
}, block.data.map((item, index) => {
|
|
1681
1686
|
const percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1682
1687
|
return /*#__PURE__*/React.createElement("div", {
|
|
1683
|
-
className: styles$
|
|
1688
|
+
className: styles$f.item,
|
|
1684
1689
|
key: item.id,
|
|
1685
1690
|
style: {
|
|
1686
1691
|
width: `${percentWidth}%`
|
|
@@ -1693,7 +1698,7 @@ const GroupedBlock = ({
|
|
|
1693
1698
|
styleContext: ['isInGroupedBlock']
|
|
1694
1699
|
})));
|
|
1695
1700
|
})), block.cc && ( /*#__PURE__*/React.createElement("figcaption", {
|
|
1696
|
-
className: styles$
|
|
1701
|
+
className: styles$f.figcaption
|
|
1697
1702
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
1698
1703
|
credit: block.credit,
|
|
1699
1704
|
caption: block.caption,
|
|
@@ -1701,7 +1706,7 @@ const GroupedBlock = ({
|
|
|
1701
1706
|
}))));
|
|
1702
1707
|
};
|
|
1703
1708
|
|
|
1704
|
-
var styles$
|
|
1709
|
+
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
1710
|
|
|
1706
1711
|
const MetaItem = ({
|
|
1707
1712
|
hasSource,
|
|
@@ -1709,25 +1714,25 @@ const MetaItem = ({
|
|
|
1709
1714
|
children,
|
|
1710
1715
|
bullets
|
|
1711
1716
|
}) => {
|
|
1712
|
-
const classNames = [[styles$
|
|
1717
|
+
const classNames = [[styles$e.root, true], [styles$e[type], !!type && !!styles$e[type]], [styles$e.hasSource, !!hasSource], [styles$e.hasBullets, !!bullets]];
|
|
1713
1718
|
return /*#__PURE__*/React.createElement("div", {
|
|
1714
1719
|
"data-testid": "meta-item",
|
|
1715
1720
|
className: makeClassName(classNames)
|
|
1716
1721
|
}, children);
|
|
1717
1722
|
};
|
|
1718
1723
|
|
|
1719
|
-
var styles$
|
|
1724
|
+
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
1725
|
|
|
1721
1726
|
const MetaItemLive = ({
|
|
1722
1727
|
theme = 'gold'
|
|
1723
1728
|
}) => {
|
|
1724
|
-
const classNames = [[styles$
|
|
1729
|
+
const classNames = [[styles$d.root, true], [styles$d[theme], !!theme && styles$d[theme]]];
|
|
1725
1730
|
return /*#__PURE__*/React.createElement("div", {
|
|
1726
1731
|
"data-testid": "meta-item-live",
|
|
1727
1732
|
"data-meta": "live",
|
|
1728
1733
|
className: makeClassName(classNames)
|
|
1729
1734
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1730
|
-
className: styles$
|
|
1735
|
+
className: styles$d.frame
|
|
1731
1736
|
}));
|
|
1732
1737
|
};
|
|
1733
1738
|
|
|
@@ -1747,7 +1752,7 @@ const pluralize = (number, one, two, five) => {
|
|
|
1747
1752
|
return five;
|
|
1748
1753
|
};
|
|
1749
1754
|
|
|
1750
|
-
var styles$
|
|
1755
|
+
var styles$c = {"root":"DocumentItemsCount-module_root__u4M3y","items":"DocumentItemsCount-module_items__OE-hf"};
|
|
1751
1756
|
|
|
1752
1757
|
const DocumentItemsCount = ({
|
|
1753
1758
|
type,
|
|
@@ -1784,9 +1789,9 @@ const DocumentItemsCount = ({
|
|
|
1784
1789
|
const itemsCount = `${items} ${pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five)}`;
|
|
1785
1790
|
return /*#__PURE__*/React.createElement("div", {
|
|
1786
1791
|
"data-testid": "document-items-count",
|
|
1787
|
-
className: styles$
|
|
1792
|
+
className: styles$c.root
|
|
1788
1793
|
}, children, /*#__PURE__*/React.createElement("span", {
|
|
1789
|
-
className: styles$
|
|
1794
|
+
className: styles$c.items
|
|
1790
1795
|
}, itemsCount));
|
|
1791
1796
|
};
|
|
1792
1797
|
|
|
@@ -1836,6 +1841,13 @@ const MetaContainer = ({
|
|
|
1836
1841
|
}
|
|
1837
1842
|
case 'duration':
|
|
1838
1843
|
{
|
|
1844
|
+
if (styleContext === 'isInDynamicBlock') {
|
|
1845
|
+
return /*#__PURE__*/React.createElement(MetaItem, {
|
|
1846
|
+
hasSource: hasSource,
|
|
1847
|
+
bullets: true,
|
|
1848
|
+
key: component.id
|
|
1849
|
+
}, component.text);
|
|
1850
|
+
}
|
|
1839
1851
|
return /*#__PURE__*/React.createElement(MetaItem, {
|
|
1840
1852
|
hasSource: hasSource,
|
|
1841
1853
|
bullets: true,
|
|
@@ -1855,7 +1867,7 @@ const MetaContainer = ({
|
|
|
1855
1867
|
type: "datetime"
|
|
1856
1868
|
}, /*#__PURE__*/React.createElement(Timestamp, {
|
|
1857
1869
|
publishedAt: component.datetime,
|
|
1858
|
-
type: format || 'date',
|
|
1870
|
+
type: styleContext === 'isInDynamicBlock' ? 'fromNow' : format || 'date',
|
|
1859
1871
|
locale: lang
|
|
1860
1872
|
}));
|
|
1861
1873
|
}
|
|
@@ -1911,22 +1923,22 @@ const MetaContainer = ({
|
|
|
1911
1923
|
icon: isListened ? 'listened' : 'read',
|
|
1912
1924
|
size: "unset"
|
|
1913
1925
|
}))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
|
|
1914
|
-
className: styles$
|
|
1926
|
+
className: styles$s.bookmark
|
|
1915
1927
|
}, /*#__PURE__*/React.createElement(BookmarkButton, {
|
|
1916
1928
|
isInBookmarks: isInBookmarks,
|
|
1917
1929
|
onClick: () => bookmarkAction('bookmark', 'top')
|
|
1918
1930
|
}))));
|
|
1919
1931
|
};
|
|
1920
1932
|
|
|
1921
|
-
var styles$
|
|
1933
|
+
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
1934
|
|
|
1923
1935
|
const DonatesTeaser = ({
|
|
1924
1936
|
styleContext,
|
|
1925
1937
|
lang = 'ru'
|
|
1926
1938
|
}) => {
|
|
1927
|
-
let classNames = [[styles$
|
|
1939
|
+
let classNames = [[styles$b.root, true], [styles$b[lang], styles$b[lang]]];
|
|
1928
1940
|
if (styleContext) {
|
|
1929
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1941
|
+
classNames = makeStyleContext(classNames, styleContext, styles$b);
|
|
1930
1942
|
}
|
|
1931
1943
|
const data = {
|
|
1932
1944
|
ru: {
|
|
@@ -1946,20 +1958,20 @@ const DonatesTeaser = ({
|
|
|
1946
1958
|
"data-testid": "donates-teaser",
|
|
1947
1959
|
className: makeClassName(classNames)
|
|
1948
1960
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1949
|
-
className: styles$
|
|
1961
|
+
className: styles$b.main
|
|
1950
1962
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
1951
|
-
className: styles$
|
|
1963
|
+
className: styles$b.title
|
|
1952
1964
|
}, /*#__PURE__*/React.createElement("span", {
|
|
1953
1965
|
dangerouslySetInnerHTML: {
|
|
1954
1966
|
__html: data[lang].title
|
|
1955
1967
|
}
|
|
1956
1968
|
}), ` `, /*#__PURE__*/React.createElement("span", {
|
|
1957
|
-
className: styles$
|
|
1969
|
+
className: styles$b.text,
|
|
1958
1970
|
dangerouslySetInnerHTML: {
|
|
1959
1971
|
__html: data[lang].subtitle
|
|
1960
1972
|
}
|
|
1961
1973
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1962
|
-
className: styles$
|
|
1974
|
+
className: styles$b.cta
|
|
1963
1975
|
}, /*#__PURE__*/React.createElement("a", {
|
|
1964
1976
|
href: data[lang].href,
|
|
1965
1977
|
target: "_blank",
|
|
@@ -1967,15 +1979,15 @@ const DonatesTeaser = ({
|
|
|
1967
1979
|
}, /*#__PURE__*/React.createElement("span", null, data[lang].button))));
|
|
1968
1980
|
};
|
|
1969
1981
|
|
|
1970
|
-
var styles$
|
|
1982
|
+
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
1983
|
|
|
1972
1984
|
const AnnouncementInText = ({
|
|
1973
1985
|
styleContext,
|
|
1974
1986
|
lang = 'ru'
|
|
1975
1987
|
}) => {
|
|
1976
|
-
let classNames = [[styles$
|
|
1988
|
+
let classNames = [[styles$a.root, true], [styles$a[lang], styles$a[lang]]];
|
|
1977
1989
|
if (styleContext) {
|
|
1978
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1990
|
+
classNames = makeStyleContext(classNames, styleContext, styles$a);
|
|
1979
1991
|
}
|
|
1980
1992
|
const data = {
|
|
1981
1993
|
ru: {
|
|
@@ -1996,9 +2008,9 @@ const AnnouncementInText = ({
|
|
|
1996
2008
|
"data-testid": "announcement-in-text",
|
|
1997
2009
|
className: makeClassName(classNames)
|
|
1998
2010
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1999
|
-
className: styles$
|
|
2011
|
+
className: styles$a.body
|
|
2000
2012
|
}, /*#__PURE__*/React.createElement("h3", {
|
|
2001
|
-
className: styles$
|
|
2013
|
+
className: styles$a.title,
|
|
2002
2014
|
dangerouslySetInnerHTML: {
|
|
2003
2015
|
__html: localeData.title
|
|
2004
2016
|
}
|
|
@@ -2007,18 +2019,18 @@ const AnnouncementInText = ({
|
|
|
2007
2019
|
__html: localeData.text
|
|
2008
2020
|
}
|
|
2009
2021
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2010
|
-
className: styles$
|
|
2022
|
+
className: styles$a.footer
|
|
2011
2023
|
}, /*#__PURE__*/React.createElement("a", {
|
|
2012
|
-
className: styles$
|
|
2024
|
+
className: styles$a.link,
|
|
2013
2025
|
href: localeData.href,
|
|
2014
2026
|
target: "_blank",
|
|
2015
2027
|
rel: "noreferrer"
|
|
2016
2028
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button)), /*#__PURE__*/React.createElement("span", {
|
|
2017
|
-
className: styles$
|
|
2029
|
+
className: styles$a.button
|
|
2018
2030
|
}, /*#__PURE__*/React.createElement("span", null, localeData.button))));
|
|
2019
2031
|
};
|
|
2020
2032
|
|
|
2021
|
-
var styles$
|
|
2033
|
+
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
2034
|
|
|
2023
2035
|
const VersesBlock = ({
|
|
2024
2036
|
block: {
|
|
@@ -2028,9 +2040,9 @@ const VersesBlock = ({
|
|
|
2028
2040
|
},
|
|
2029
2041
|
styleContext
|
|
2030
2042
|
}) => {
|
|
2031
|
-
let classNames = [[styles$
|
|
2043
|
+
let classNames = [[styles$9.root, true], [styles$9[onlyOn], true], [styles$9[type], !!type && !!styles$9[type]]];
|
|
2032
2044
|
if (styleContext) {
|
|
2033
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2045
|
+
classNames = makeStyleContext(classNames, styleContext, styles$9);
|
|
2034
2046
|
}
|
|
2035
2047
|
return /*#__PURE__*/React.createElement("ul", {
|
|
2036
2048
|
className: makeClassName(classNames),
|
|
@@ -2206,7 +2218,7 @@ const RenderBlocks = ({
|
|
|
2206
2218
|
}
|
|
2207
2219
|
};
|
|
2208
2220
|
|
|
2209
|
-
var styles$
|
|
2221
|
+
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
2222
|
|
|
2211
2223
|
const Cover = ({
|
|
2212
2224
|
block: {
|
|
@@ -2227,13 +2239,13 @@ const Cover = ({
|
|
|
2227
2239
|
}) => {
|
|
2228
2240
|
const [isPopoverShown, setIsPopoverShown] = useState(false);
|
|
2229
2241
|
const style = {};
|
|
2230
|
-
let classNames = [[styles$
|
|
2242
|
+
let classNames = [[styles$8.root, true], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]]];
|
|
2231
2243
|
if (styleContext) {
|
|
2232
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2244
|
+
classNames = makeStyleContext(classNames, styleContext, styles$8);
|
|
2233
2245
|
}
|
|
2234
2246
|
if (gradients) {
|
|
2235
2247
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2236
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2248
|
+
classNames = makeStyleContext(classNames, theme, styles$8);
|
|
2237
2249
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2238
2250
|
}
|
|
2239
2251
|
const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
|
|
@@ -2245,20 +2257,20 @@ const Cover = ({
|
|
|
2245
2257
|
"data-testid": "cover",
|
|
2246
2258
|
className: makeClassName(classNames)
|
|
2247
2259
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2248
|
-
className: styles$
|
|
2260
|
+
className: styles$8.image
|
|
2249
2261
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2250
2262
|
optimized: urls,
|
|
2251
2263
|
ratio: mobileRatio,
|
|
2252
2264
|
display: "narrow"
|
|
2253
2265
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2254
|
-
className: styles$
|
|
2266
|
+
className: styles$8.body,
|
|
2255
2267
|
style: style
|
|
2256
2268
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2257
2269
|
key: item.id,
|
|
2258
2270
|
block: item,
|
|
2259
2271
|
styleContext: styleContext
|
|
2260
2272
|
})))), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
|
|
2261
|
-
className: styles$
|
|
2273
|
+
className: styles$8.control,
|
|
2262
2274
|
type: "button",
|
|
2263
2275
|
"aria-label": "Open",
|
|
2264
2276
|
onClick: () => {
|
|
@@ -2271,7 +2283,7 @@ const Cover = ({
|
|
|
2271
2283
|
}, renderCC('isInPopover'))));
|
|
2272
2284
|
};
|
|
2273
2285
|
|
|
2274
|
-
var styles$
|
|
2286
|
+
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
2287
|
|
|
2276
2288
|
const HalfBlock = ({
|
|
2277
2289
|
block: {
|
|
@@ -2288,29 +2300,29 @@ const HalfBlock = ({
|
|
|
2288
2300
|
},
|
|
2289
2301
|
styleContext
|
|
2290
2302
|
}) => {
|
|
2291
|
-
let classNames = [[styles$
|
|
2303
|
+
let classNames = [[styles$7.root, true], [styles$7[onlyOn], true]];
|
|
2292
2304
|
if (styleContext) {
|
|
2293
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2305
|
+
classNames = makeStyleContext(classNames, styleContext, styles$7);
|
|
2294
2306
|
}
|
|
2295
2307
|
return /*#__PURE__*/React.createElement("div", {
|
|
2296
2308
|
"data-testid": "half-block",
|
|
2297
2309
|
className: makeClassName(classNames)
|
|
2298
2310
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2299
|
-
className: styles$
|
|
2311
|
+
className: styles$7.main
|
|
2300
2312
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2301
|
-
className: styles$
|
|
2313
|
+
className: styles$7.image
|
|
2302
2314
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2303
2315
|
optimized: optimized,
|
|
2304
2316
|
ratio: ratio,
|
|
2305
2317
|
display: "super_full"
|
|
2306
2318
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2307
|
-
className: styles$
|
|
2319
|
+
className: styles$7.body
|
|
2308
2320
|
}, data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2309
2321
|
key: item.id,
|
|
2310
2322
|
block: item,
|
|
2311
2323
|
styleContext: ['rich']
|
|
2312
2324
|
}))))), /*#__PURE__*/React.createElement("div", {
|
|
2313
|
-
className: styles$
|
|
2325
|
+
className: styles$7.footer
|
|
2314
2326
|
}, /*#__PURE__*/React.createElement(MediaCaption, {
|
|
2315
2327
|
credit: credit,
|
|
2316
2328
|
caption: caption,
|
|
@@ -2318,7 +2330,7 @@ const HalfBlock = ({
|
|
|
2318
2330
|
})));
|
|
2319
2331
|
};
|
|
2320
2332
|
|
|
2321
|
-
var styles$
|
|
2333
|
+
var styles$6 = {"root":"ImportantLead-module_root__-rnt6","slide":"ImportantLead-module_slide__zcovu","mobile":"ImportantLead-module_mobile__msInp","desktop":"ImportantLead-module_desktop__ELC2-"};
|
|
2322
2334
|
|
|
2323
2335
|
const ImportantLead = ({
|
|
2324
2336
|
block: {
|
|
@@ -2327,9 +2339,9 @@ const ImportantLead = ({
|
|
|
2327
2339
|
},
|
|
2328
2340
|
styleContext
|
|
2329
2341
|
}) => {
|
|
2330
|
-
let classNames = [[styles$
|
|
2342
|
+
let classNames = [[styles$6.root, true], [styles$6[onlyOn], !!onlyOn]];
|
|
2331
2343
|
if (styleContext) {
|
|
2332
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2344
|
+
classNames = makeStyleContext(classNames, styleContext, styles$6);
|
|
2333
2345
|
}
|
|
2334
2346
|
return /*#__PURE__*/React.createElement("div", {
|
|
2335
2347
|
"data-testid": "important-lead",
|
|
@@ -2341,7 +2353,7 @@ const ImportantLead = ({
|
|
|
2341
2353
|
}))));
|
|
2342
2354
|
};
|
|
2343
2355
|
|
|
2344
|
-
var styles$
|
|
2356
|
+
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
2357
|
|
|
2346
2358
|
const Spoiler = ({
|
|
2347
2359
|
block: {
|
|
@@ -2370,11 +2382,11 @@ const Spoiler = ({
|
|
|
2370
2382
|
postMessage('', 'openSpoiler', 'click');
|
|
2371
2383
|
}
|
|
2372
2384
|
};
|
|
2373
|
-
let classNames = [[styles$
|
|
2385
|
+
let classNames = [[styles$5.root, true], [styles$5[onlyOn], !!onlyOn], [styles$5[display], !!display && styles$5[display]], [[styles$5.spoiled], !!spoiled]];
|
|
2374
2386
|
const context = ['center'];
|
|
2375
2387
|
if (styleContext) {
|
|
2376
2388
|
context.concat(styleContext);
|
|
2377
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2389
|
+
classNames = makeStyleContext(classNames, styleContext, styles$5);
|
|
2378
2390
|
}
|
|
2379
2391
|
const buttonCollapse = button ? button.collapse : 'Свернуть';
|
|
2380
2392
|
const buttonExpande = button ? button.expand : buttonTitle;
|
|
@@ -2383,15 +2395,15 @@ const Spoiler = ({
|
|
|
2383
2395
|
className: makeClassName(classNames),
|
|
2384
2396
|
"data-testid": "spoiler"
|
|
2385
2397
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2386
|
-
className: styles$
|
|
2398
|
+
className: styles$5.header
|
|
2387
2399
|
}, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
|
|
2388
|
-
className: styles$
|
|
2400
|
+
className: styles$5.body
|
|
2389
2401
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2390
2402
|
key: item.id,
|
|
2391
2403
|
block: item,
|
|
2392
2404
|
styleContext: context
|
|
2393
2405
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2394
|
-
className: styles$
|
|
2406
|
+
className: styles$5.footer
|
|
2395
2407
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
2396
2408
|
size: "default",
|
|
2397
2409
|
theme: "gray",
|
|
@@ -2402,7 +2414,7 @@ const Spoiler = ({
|
|
|
2402
2414
|
}))));
|
|
2403
2415
|
};
|
|
2404
2416
|
|
|
2405
|
-
var styles$
|
|
2417
|
+
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
2418
|
|
|
2407
2419
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2408
2420
|
const RelatedRichBlock = ({
|
|
@@ -2439,16 +2451,16 @@ const RelatedRichBlock = ({
|
|
|
2439
2451
|
const handleClick = () => {
|
|
2440
2452
|
postMessage('richRelated', url, 'click');
|
|
2441
2453
|
};
|
|
2442
|
-
let classNames = [[styles$
|
|
2454
|
+
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
2455
|
let context = ['isInMediaBlock'];
|
|
2444
2456
|
if (styleContext) {
|
|
2445
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2457
|
+
classNames = makeStyleContext(classNames, styleContext, styles$4);
|
|
2446
2458
|
context = [...styleContext, 'isInMediaBlock'];
|
|
2447
2459
|
}
|
|
2448
2460
|
if (gradients) {
|
|
2449
2461
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2450
2462
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2451
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2463
|
+
classNames = makeStyleContext(classNames, theme, styles$4);
|
|
2452
2464
|
if (onlyOn === 'desktop') {
|
|
2453
2465
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2454
2466
|
}
|
|
@@ -2460,27 +2472,27 @@ const RelatedRichBlock = ({
|
|
|
2460
2472
|
onClick: () => handleClick(),
|
|
2461
2473
|
ref: ref
|
|
2462
2474
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2463
|
-
className: styles$
|
|
2475
|
+
className: styles$4.overlay,
|
|
2464
2476
|
style: style
|
|
2465
2477
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2466
|
-
className: styles$
|
|
2478
|
+
className: styles$4.overlayHeader,
|
|
2467
2479
|
style: styleHeader
|
|
2468
2480
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2469
|
-
className: styles$
|
|
2481
|
+
className: styles$4.tag
|
|
2470
2482
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2471
2483
|
size: "small",
|
|
2472
2484
|
theme: "inherit",
|
|
2473
2485
|
styleContext: "richRelated"
|
|
2474
2486
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2475
|
-
className: styles$
|
|
2487
|
+
className: styles$4.cover
|
|
2476
2488
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2477
|
-
className: styles$
|
|
2489
|
+
className: styles$4.picture
|
|
2478
2490
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2479
2491
|
optimized: urls,
|
|
2480
2492
|
ratio: ratio,
|
|
2481
2493
|
display: "narrow"
|
|
2482
2494
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2483
|
-
className: styles$
|
|
2495
|
+
className: styles$4.body
|
|
2484
2496
|
}, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2485
2497
|
key: item.id,
|
|
2486
2498
|
block: item,
|
|
@@ -2488,7 +2500,7 @@ const RelatedRichBlock = ({
|
|
|
2488
2500
|
})))));
|
|
2489
2501
|
};
|
|
2490
2502
|
|
|
2491
|
-
var styles$
|
|
2503
|
+
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
2504
|
|
|
2493
2505
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2494
2506
|
const ShopRelatedBlock = ({
|
|
@@ -2525,14 +2537,14 @@ const ShopRelatedBlock = ({
|
|
|
2525
2537
|
const handleClick = () => {
|
|
2526
2538
|
postMessage('productRelated', url, 'click');
|
|
2527
2539
|
};
|
|
2528
|
-
let classNames = [[styles$
|
|
2540
|
+
let classNames = [[styles$3.root, true], [styles$3.hasGradient, !!gradients], [styles$3[onlyOn], !!onlyOn && !!styles$3[onlyOn]]];
|
|
2529
2541
|
if (styleContext) {
|
|
2530
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2542
|
+
classNames = makeStyleContext(classNames, styleContext, styles$3);
|
|
2531
2543
|
}
|
|
2532
2544
|
if (gradients) {
|
|
2533
2545
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2534
2546
|
const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2535
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2547
|
+
classNames = makeStyleContext(classNames, theme, styles$3);
|
|
2536
2548
|
if (onlyOn === 'desktop') {
|
|
2537
2549
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2538
2550
|
}
|
|
@@ -2545,44 +2557,44 @@ const ShopRelatedBlock = ({
|
|
|
2545
2557
|
onClick: () => handleClick(),
|
|
2546
2558
|
ref: ref
|
|
2547
2559
|
}, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2548
|
-
className: styles$
|
|
2560
|
+
className: styles$3.overlay,
|
|
2549
2561
|
style: style
|
|
2550
2562
|
}), /*#__PURE__*/React.createElement("div", {
|
|
2551
|
-
className: styles$
|
|
2563
|
+
className: styles$3.overlayHeader,
|
|
2552
2564
|
style: styleHeader
|
|
2553
2565
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2554
|
-
className: styles$
|
|
2566
|
+
className: styles$3.tag
|
|
2555
2567
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
2556
2568
|
size: "small",
|
|
2557
2569
|
theme: "inherit",
|
|
2558
2570
|
styleContext: "richRelated"
|
|
2559
2571
|
}, tag)), /*#__PURE__*/React.createElement("div", {
|
|
2560
|
-
className: styles$
|
|
2572
|
+
className: styles$3.cover
|
|
2561
2573
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2562
|
-
className: styles$
|
|
2574
|
+
className: styles$3.picture
|
|
2563
2575
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2564
2576
|
optimized: urls,
|
|
2565
2577
|
ratio: ratio,
|
|
2566
2578
|
display: "narrow"
|
|
2567
2579
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
2568
|
-
className: styles$
|
|
2580
|
+
className: styles$3.body
|
|
2569
2581
|
}, /*#__PURE__*/React.createElement("h2", {
|
|
2570
|
-
className: styles$
|
|
2582
|
+
className: styles$3.title
|
|
2571
2583
|
}, firstTitle, /*#__PURE__*/React.createElement("span", {
|
|
2572
|
-
className: styles$
|
|
2584
|
+
className: styles$3.price
|
|
2573
2585
|
}, secondTitle))));
|
|
2574
2586
|
};
|
|
2575
2587
|
|
|
2576
|
-
var styles$
|
|
2588
|
+
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
2589
|
|
|
2578
2590
|
const RelatedBook = ({
|
|
2579
2591
|
block,
|
|
2580
2592
|
styleContext
|
|
2581
2593
|
}) => {
|
|
2582
2594
|
const theme = block.data.theme.text_color === '0,0,0' ? 'isDark' : 'isLight';
|
|
2583
|
-
let classNames = [[styles$
|
|
2595
|
+
let classNames = [[styles$2.root, true], [styles$2[theme], theme], [styles$2[block.data.onlyOn], !!block.data.onlyOn && !!styles$2[block.data.onlyOn]]];
|
|
2584
2596
|
if (styleContext) {
|
|
2585
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2597
|
+
classNames = makeStyleContext(classNames, styleContext, styles$2);
|
|
2586
2598
|
}
|
|
2587
2599
|
const cssProps = {
|
|
2588
2600
|
'--bgColor': `rgb(${block.data.theme.background_color || '0, 0, 0'})`
|
|
@@ -2592,13 +2604,13 @@ const RelatedBook = ({
|
|
|
2592
2604
|
className: makeClassName(classNames),
|
|
2593
2605
|
style: cssProps
|
|
2594
2606
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2595
|
-
className: styles$
|
|
2607
|
+
className: styles$2.container
|
|
2596
2608
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2597
|
-
className: styles$
|
|
2609
|
+
className: styles$2.imageWrap
|
|
2598
2610
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2599
|
-
className: styles$
|
|
2611
|
+
className: styles$2.image
|
|
2600
2612
|
}, /*#__PURE__*/React.createElement("picture", {
|
|
2601
|
-
className: styles$
|
|
2613
|
+
className: styles$2.picture
|
|
2602
2614
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
2603
2615
|
optimized: block.data.cover.urls,
|
|
2604
2616
|
ratio: 0,
|
|
@@ -2606,9 +2618,9 @@ const RelatedBook = ({
|
|
|
2606
2618
|
styleContext: ['isStatic'],
|
|
2607
2619
|
lazy: true
|
|
2608
2620
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
2609
|
-
className: styles$
|
|
2621
|
+
className: styles$2.contentWrap
|
|
2610
2622
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2611
|
-
className: styles$
|
|
2623
|
+
className: styles$2.content
|
|
2612
2624
|
}, block.data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2613
2625
|
key: item.id,
|
|
2614
2626
|
block: item,
|
|
@@ -2698,28 +2710,6 @@ const RawHtmlBlock = ({
|
|
|
2698
2710
|
}
|
|
2699
2711
|
};
|
|
2700
2712
|
|
|
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
2713
|
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
2714
|
|
|
2725
2715
|
const ToolbarButton = ({
|
|
@@ -2774,5 +2764,5 @@ const TooltipFooter = ({
|
|
|
2774
2764
|
}, children);
|
|
2775
2765
|
};
|
|
2776
2766
|
|
|
2777
|
-
export { AnnouncementInText, BookmarkButton, Button, ButtonLoader, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock,
|
|
2767
|
+
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
2768
|
//# sourceMappingURL=ui-kit-2.esm.js.map
|