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