@meduza/ui-kit-2 0.1.93 → 0.1.94
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/MaterialNote/MaterialNote.types.d.ts +0 -1
- package/dist/ui-kit-2.cjs.development.js +151 -150
- 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 +151 -150
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +1420 -1416
- package/package.json +1 -1
- package/src/DonatesTeaser/DonatesTeaser.module.css +24 -20
- package/src/MaterialNote/MaterialNote.types.ts +0 -1
- package/src/MaterialNote/index.tsx +0 -4
- package/src/RawHtmlBlock/mock.json +4 -0
- package/src/RenderBlocks/index.tsx +5 -7
package/dist/ui-kit-2.esm.js
CHANGED
|
@@ -900,76 +900,23 @@ var Table = function Table(_ref) {
|
|
|
900
900
|
}));
|
|
901
901
|
};
|
|
902
902
|
|
|
903
|
-
var styles$b = {"root":"
|
|
904
|
-
|
|
905
|
-
var DonatesTeaser = function DonatesTeaser(_ref) {
|
|
906
|
-
var styleContext = _ref.styleContext,
|
|
907
|
-
_ref$lang = _ref.lang,
|
|
908
|
-
lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
|
|
909
|
-
var classNames = [[styles$b.root, true]];
|
|
910
|
-
|
|
911
|
-
if (styleContext) {
|
|
912
|
-
classNames = makeStyleContext(classNames, styleContext, styles$b);
|
|
913
|
-
}
|
|
914
|
-
|
|
915
|
-
var data = {
|
|
916
|
-
ru: {
|
|
917
|
-
title: 'Слушайте музыку, помогайте «Медузе»',
|
|
918
|
-
// subtitle:
|
|
919
|
-
// '«Медуза» продолжает работать, потому что есть вы',
|
|
920
|
-
button: 'Дать денег',
|
|
921
|
-
href: 'https://support.meduza.io'
|
|
922
|
-
},
|
|
923
|
-
en: {
|
|
924
|
-
title: 'Tune in and help Meduza!',
|
|
925
|
-
// subtitle: 'We’re only here thanks to you.',
|
|
926
|
-
button: 'Pledge today',
|
|
927
|
-
href: 'https://support.meduza.io/en'
|
|
928
|
-
}
|
|
929
|
-
};
|
|
930
|
-
return React.createElement("div", {
|
|
931
|
-
"data-testid": "donates-teaser",
|
|
932
|
-
className: makeClassName(classNames)
|
|
933
|
-
}, React.createElement("div", {
|
|
934
|
-
className: styles$b.main
|
|
935
|
-
}, React.createElement("h3", {
|
|
936
|
-
className: styles$b.title
|
|
937
|
-
}, React.createElement("span", {
|
|
938
|
-
dangerouslySetInnerHTML: {
|
|
939
|
-
__html: data[lang].title
|
|
940
|
-
}
|
|
941
|
-
}))), React.createElement("div", {
|
|
942
|
-
className: styles$b.cta
|
|
943
|
-
}, React.createElement("a", {
|
|
944
|
-
href: data[lang].href,
|
|
945
|
-
target: "_blank",
|
|
946
|
-
rel: "noreferrer"
|
|
947
|
-
}, React.createElement("span", {
|
|
948
|
-
className: styles$b.ctaInner
|
|
949
|
-
}, data[lang].button))));
|
|
950
|
-
};
|
|
951
|
-
|
|
952
|
-
var styles$c = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
|
|
903
|
+
var styles$b = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
|
|
953
904
|
|
|
954
905
|
var MaterialNote = function MaterialNote(_ref) {
|
|
955
906
|
var data = _ref.block.data,
|
|
956
|
-
lang = _ref.lang,
|
|
957
907
|
styleContext = _ref.styleContext;
|
|
958
|
-
var classNames = [[styles$
|
|
908
|
+
var classNames = [[styles$b.root, true]];
|
|
959
909
|
|
|
960
910
|
if (styleContext) {
|
|
961
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
911
|
+
classNames = makeStyleContext(classNames, styleContext, styles$b);
|
|
962
912
|
}
|
|
963
913
|
|
|
964
|
-
return React.createElement(React.Fragment, null, React.createElement(
|
|
965
|
-
styleContext: styleContext,
|
|
966
|
-
lang: lang
|
|
967
|
-
}), React.createElement("div", {
|
|
914
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
968
915
|
"data-testid": "material-note",
|
|
969
916
|
className: makeClassName(classNames)
|
|
970
917
|
}, data && data.map(function (item) {
|
|
971
918
|
return React.createElement("p", {
|
|
972
|
-
className: styles$
|
|
919
|
+
className: styles$b[item.type],
|
|
973
920
|
key: item.id,
|
|
974
921
|
dangerouslySetInnerHTML: {
|
|
975
922
|
__html: item.data
|
|
@@ -978,24 +925,24 @@ var MaterialNote = function MaterialNote(_ref) {
|
|
|
978
925
|
})));
|
|
979
926
|
};
|
|
980
927
|
|
|
981
|
-
var styles$
|
|
928
|
+
var styles$c = {"root":"BookmarkButton-module_root__3KmuY","control":"BookmarkButton-module_control__1A0ea","dark":"BookmarkButton-module_dark__1cwyi","light":"BookmarkButton-module_light__1uQyH","isInBookmarks":"BookmarkButton-module_isInBookmarks__1_5kB","isInGrid":"BookmarkButton-module_isInGrid__2pQ2B"};
|
|
982
929
|
|
|
983
930
|
var BookmarkButton = function BookmarkButton(_ref) {
|
|
984
931
|
var styleContext = _ref.styleContext,
|
|
985
932
|
theme = _ref.theme,
|
|
986
933
|
isInBookmarks = _ref.isInBookmarks,
|
|
987
934
|
_onClick = _ref.onClick;
|
|
988
|
-
var classNames = [[styles$
|
|
935
|
+
var classNames = [[styles$c.root, true], [styles$c.isInBookmarks, isInBookmarks], [styles$c[theme], !!theme && !!styles$c[theme]]];
|
|
989
936
|
|
|
990
937
|
if (styleContext) {
|
|
991
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
938
|
+
classNames = makeStyleContext(classNames, styleContext, styles$c);
|
|
992
939
|
}
|
|
993
940
|
|
|
994
941
|
return React.createElement("div", {
|
|
995
942
|
"data-testid": "bookmark-button",
|
|
996
943
|
className: makeClassName(classNames)
|
|
997
944
|
}, React.createElement("button", {
|
|
998
|
-
className: styles$
|
|
945
|
+
className: styles$c.control,
|
|
999
946
|
onClick: function onClick() {
|
|
1000
947
|
return _onClick();
|
|
1001
948
|
},
|
|
@@ -1006,45 +953,45 @@ var BookmarkButton = function BookmarkButton(_ref) {
|
|
|
1006
953
|
})));
|
|
1007
954
|
};
|
|
1008
955
|
|
|
1009
|
-
var styles$
|
|
956
|
+
var styles$d = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
|
|
1010
957
|
|
|
1011
958
|
var Primary = function Primary(_ref) {
|
|
1012
959
|
var children = _ref.children;
|
|
1013
960
|
return React.createElement("span", {
|
|
1014
|
-
className: styles$
|
|
961
|
+
className: styles$d.primary
|
|
1015
962
|
}, children);
|
|
1016
963
|
};
|
|
1017
964
|
var Secondary = function Secondary(_ref2) {
|
|
1018
965
|
var children = _ref2.children;
|
|
1019
966
|
return React.createElement("span", {
|
|
1020
|
-
className: styles$
|
|
967
|
+
className: styles$d.secondary
|
|
1021
968
|
}, children);
|
|
1022
969
|
};
|
|
1023
970
|
var MaterialTitle = function MaterialTitle(_ref3) {
|
|
1024
971
|
var children = _ref3.children;
|
|
1025
972
|
return React.createElement("h1", {
|
|
1026
|
-
className: styles$
|
|
973
|
+
className: styles$d.root,
|
|
1027
974
|
"data-testid": "material-title"
|
|
1028
975
|
}, children);
|
|
1029
976
|
};
|
|
1030
977
|
|
|
1031
|
-
var styles$
|
|
978
|
+
var styles$e = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
|
|
1032
979
|
|
|
1033
980
|
var Menu = function Menu(_ref) {
|
|
1034
981
|
var children = _ref.children;
|
|
1035
982
|
return React.createElement("div", {
|
|
1036
983
|
"data-testid": "dropdown",
|
|
1037
|
-
className: styles$
|
|
984
|
+
className: styles$e.menu
|
|
1038
985
|
}, children);
|
|
1039
986
|
};
|
|
1040
987
|
var Dropdown = function Dropdown(_ref2) {
|
|
1041
988
|
var children = _ref2.children,
|
|
1042
989
|
active = _ref2.active,
|
|
1043
990
|
styleContext = _ref2.styleContext;
|
|
1044
|
-
var classNames = [[styles$
|
|
991
|
+
var classNames = [[styles$e.root, true], [styles$e.active, !!active && !!styles$e.active]];
|
|
1045
992
|
|
|
1046
993
|
if (styleContext) {
|
|
1047
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
994
|
+
classNames = makeStyleContext(classNames, styleContext, styles$e);
|
|
1048
995
|
}
|
|
1049
996
|
|
|
1050
997
|
return React.createElement("div", {
|
|
@@ -1072,7 +1019,7 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
1072
1019
|
}, children));
|
|
1073
1020
|
};
|
|
1074
1021
|
|
|
1075
|
-
var styles$
|
|
1022
|
+
var styles$f = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","isInMediaBlock":"Meta-module_isInMediaBlock__3xfPF","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","isDark":"Meta-module_isDark__3g22f","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
|
|
1076
1023
|
|
|
1077
1024
|
var Meta = function Meta(_ref) {
|
|
1078
1025
|
var hasSource = _ref.hasSource,
|
|
@@ -1080,10 +1027,10 @@ var Meta = function Meta(_ref) {
|
|
|
1080
1027
|
children = _ref.children,
|
|
1081
1028
|
onlyOn = _ref.onlyOn,
|
|
1082
1029
|
styleContext = _ref.styleContext;
|
|
1083
|
-
var classNames = [[styles$
|
|
1030
|
+
var classNames = [[styles$f.root, true], [styles$f[theme], !!theme && !!styles$f[theme]], [styles$f[onlyOn], !!onlyOn], [styles$f.hasSource, hasSource]];
|
|
1084
1031
|
|
|
1085
1032
|
if (styleContext) {
|
|
1086
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1033
|
+
classNames = makeStyleContext(classNames, styleContext, styles$f);
|
|
1087
1034
|
}
|
|
1088
1035
|
|
|
1089
1036
|
return React.createElement("div", {
|
|
@@ -1092,7 +1039,7 @@ var Meta = function Meta(_ref) {
|
|
|
1092
1039
|
}, children);
|
|
1093
1040
|
};
|
|
1094
1041
|
|
|
1095
|
-
var styles$
|
|
1042
|
+
var styles$g = {"root":"Timestamp-module_root__coOvT"};
|
|
1096
1043
|
|
|
1097
1044
|
var Timestamp = function Timestamp(_ref) {
|
|
1098
1045
|
var publishedAt = _ref.publishedAt,
|
|
@@ -1118,7 +1065,7 @@ var Timestamp = function Timestamp(_ref) {
|
|
|
1118
1065
|
return React.createElement("time", {
|
|
1119
1066
|
suppressHydrationWarning: true,
|
|
1120
1067
|
"data-testid": "timestamp",
|
|
1121
|
-
className: styles$
|
|
1068
|
+
className: styles$g.root
|
|
1122
1069
|
}, published);
|
|
1123
1070
|
};
|
|
1124
1071
|
|
|
@@ -1185,7 +1132,7 @@ var DangerousHTML = function DangerousHTML(_ref) {
|
|
|
1185
1132
|
}));
|
|
1186
1133
|
};
|
|
1187
1134
|
|
|
1188
|
-
var styles$
|
|
1135
|
+
var styles$h = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","proportional":"EmbedBlock-module_proportional__3lAv4","default":"EmbedBlock-module_default__LSDny","xs":"EmbedBlock-module_xs__1hFgW","full":"EmbedBlock-module_full__1TEjx","super_full":"EmbedBlock-module_super_full__1Fn9A","figure":"EmbedBlock-module_figure__vAvcN","dark":"EmbedBlock-module_dark__1be2G","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__3r_i-","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","isInCard":"EmbedBlock-module_isInCard__37rtq","isInSlide":"EmbedBlock-module_isInSlide__2ea5q","cc":"EmbedBlock-module_cc__1BQ5g","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__3wWYF","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_"};
|
|
1189
1136
|
|
|
1190
1137
|
var EmbedGif = function EmbedGif(_ref) {
|
|
1191
1138
|
var gif = _ref.gif,
|
|
@@ -1231,9 +1178,9 @@ var EmbedGif = function EmbedGif(_ref) {
|
|
|
1231
1178
|
};
|
|
1232
1179
|
}, []);
|
|
1233
1180
|
return React.createElement("div", {
|
|
1234
|
-
className: styles$
|
|
1181
|
+
className: styles$h.figure
|
|
1235
1182
|
}, React.createElement("div", {
|
|
1236
|
-
className: styles$
|
|
1183
|
+
className: styles$h.objectWrap,
|
|
1237
1184
|
style: style,
|
|
1238
1185
|
"data-frozen": videoFrozen
|
|
1239
1186
|
}, React.createElement("video", {
|
|
@@ -1299,7 +1246,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1299
1246
|
case 'image':
|
|
1300
1247
|
{
|
|
1301
1248
|
return React.createElement("div", {
|
|
1302
|
-
className: styles$
|
|
1249
|
+
className: styles$h.figure
|
|
1303
1250
|
}, React.createElement(Image, {
|
|
1304
1251
|
source: !optimized && [small, large],
|
|
1305
1252
|
optimized: block.data.optimized,
|
|
@@ -1315,7 +1262,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1315
1262
|
case 'game_embed':
|
|
1316
1263
|
{
|
|
1317
1264
|
return React.createElement("div", {
|
|
1318
|
-
className: styles$
|
|
1265
|
+
className: styles$h.gameEmbed
|
|
1319
1266
|
}, React.createElement("iframe", {
|
|
1320
1267
|
src: block.data.game_src,
|
|
1321
1268
|
id: block.data.game_id,
|
|
@@ -1326,7 +1273,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1326
1273
|
case 'dots_on_image':
|
|
1327
1274
|
{
|
|
1328
1275
|
return React.createElement("div", {
|
|
1329
|
-
className: styles$
|
|
1276
|
+
className: styles$h.figure
|
|
1330
1277
|
}, React.createElement(DotsOnImage, {
|
|
1331
1278
|
block: data
|
|
1332
1279
|
}));
|
|
@@ -1335,12 +1282,12 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1335
1282
|
default:
|
|
1336
1283
|
{
|
|
1337
1284
|
return React.createElement("div", {
|
|
1338
|
-
className: styles$
|
|
1285
|
+
className: styles$h.object
|
|
1339
1286
|
}, React.createElement("div", {
|
|
1340
|
-
className: styles$
|
|
1287
|
+
className: styles$h.wrapper,
|
|
1341
1288
|
style: style
|
|
1342
1289
|
}, React.createElement(DangerousHTML, {
|
|
1343
|
-
className: styles$
|
|
1290
|
+
className: styles$h.objectWrap,
|
|
1344
1291
|
html: html
|
|
1345
1292
|
})));
|
|
1346
1293
|
}
|
|
@@ -1352,31 +1299,31 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1352
1299
|
style.height = 0;
|
|
1353
1300
|
}
|
|
1354
1301
|
|
|
1355
|
-
var classNames = [[styles$
|
|
1302
|
+
var classNames = [[styles$h.root, true], [styles$h.cc, cc], [styles$h[display], !!display && styles$h[display]], [styles$h[provider], !!provider && !!styles$h[provider]], [styles$h[onlyOn], !!onlyOn && styles$h[onlyOn]], [styles$h.mobileFullwidth, mobileFullwidth], [styles$h.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
|
|
1356
1303
|
// чтобы не применились лишние модификаторы
|
|
1357
1304
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1358
1305
|
|
|
1359
1306
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1360
1307
|
var filteredContext = styleContext.filter(function (key) {
|
|
1361
|
-
return key.startsWith('isIn') && styles$
|
|
1308
|
+
return key.startsWith('isIn') && styles$h[key];
|
|
1362
1309
|
}).reduce(function (acc, key) {
|
|
1363
1310
|
acc.push(key);
|
|
1364
1311
|
return acc;
|
|
1365
1312
|
}, []);
|
|
1366
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1313
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$h);
|
|
1367
1314
|
}
|
|
1368
1315
|
|
|
1369
1316
|
return React.createElement("figure", {
|
|
1370
1317
|
className: makeClassName(classNames)
|
|
1371
1318
|
}, children && React.createElement("div", {
|
|
1372
|
-
className: styles$
|
|
1319
|
+
className: styles$h.object
|
|
1373
1320
|
}, React.createElement("div", {
|
|
1374
|
-
className: styles$
|
|
1321
|
+
className: styles$h.wrapper,
|
|
1375
1322
|
style: style
|
|
1376
1323
|
}, React.createElement("div", {
|
|
1377
|
-
className: styles$
|
|
1324
|
+
className: styles$h.objectWrap
|
|
1378
1325
|
}, children))), !children && renderEmbed(style), cc === 'default' && React.createElement("figcaption", null, renderCC()), cc === 'button' && React.createElement("button", {
|
|
1379
|
-
className: styles$
|
|
1326
|
+
className: styles$h.control,
|
|
1380
1327
|
type: "button",
|
|
1381
1328
|
"aria-label": "Open",
|
|
1382
1329
|
onClick: function onClick() {
|
|
@@ -1452,15 +1399,15 @@ var EmbedBlockContainer = function EmbedBlockContainer(_ref) {
|
|
|
1452
1399
|
});
|
|
1453
1400
|
};
|
|
1454
1401
|
|
|
1455
|
-
var styles$
|
|
1402
|
+
var styles$i = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
|
|
1456
1403
|
|
|
1457
1404
|
var QuoteBlock = function QuoteBlock(_ref) {
|
|
1458
1405
|
var data = _ref.block.data,
|
|
1459
1406
|
styleContext = _ref.styleContext;
|
|
1460
|
-
var classNames = [[styles$
|
|
1407
|
+
var classNames = [[styles$i.root, true]];
|
|
1461
1408
|
|
|
1462
1409
|
if (styleContext) {
|
|
1463
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1410
|
+
classNames = makeStyleContext(classNames, styleContext, styles$i);
|
|
1464
1411
|
}
|
|
1465
1412
|
|
|
1466
1413
|
return React.createElement("div", {
|
|
@@ -1473,7 +1420,7 @@ var QuoteBlock = function QuoteBlock(_ref) {
|
|
|
1473
1420
|
}));
|
|
1474
1421
|
};
|
|
1475
1422
|
|
|
1476
|
-
var styles$
|
|
1423
|
+
var styles$j = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
|
|
1477
1424
|
|
|
1478
1425
|
var CardTitle = function CardTitle(_ref) {
|
|
1479
1426
|
var _ref$block$data = _ref.block.data,
|
|
@@ -1483,15 +1430,15 @@ var CardTitle = function CardTitle(_ref) {
|
|
|
1483
1430
|
styleContext = _ref.styleContext;
|
|
1484
1431
|
return React.createElement("div", {
|
|
1485
1432
|
"data-testid": "card-title",
|
|
1486
|
-
className: makeClassName([[styles$
|
|
1433
|
+
className: makeClassName([[styles$j.root, true], [styles$j[onlyOn], !!onlyOn], [styles$j[styleContext], !!styleContext && !!styles$j[styleContext]]])
|
|
1487
1434
|
}, React.createElement("div", {
|
|
1488
|
-
className: styles$
|
|
1435
|
+
className: styles$j.index
|
|
1489
1436
|
}, index), React.createElement("h3", {
|
|
1490
|
-
className: styles$
|
|
1437
|
+
className: styles$j.title
|
|
1491
1438
|
}, text));
|
|
1492
1439
|
};
|
|
1493
1440
|
|
|
1494
|
-
var styles$
|
|
1441
|
+
var styles$k = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
|
|
1495
1442
|
|
|
1496
1443
|
var ChapterBlock = function ChapterBlock(_ref) {
|
|
1497
1444
|
var _ref$block = _ref.block,
|
|
@@ -1500,9 +1447,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
|
|
|
1500
1447
|
styleContext = _ref.styleContext;
|
|
1501
1448
|
return React.createElement("div", {
|
|
1502
1449
|
"data-testid": "chapter-block",
|
|
1503
|
-
className: makeClassName([[styles$
|
|
1450
|
+
className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
|
|
1504
1451
|
}, React.createElement("div", {
|
|
1505
|
-
className: makeClassName([[styles$
|
|
1452
|
+
className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
|
|
1506
1453
|
dangerouslySetInnerHTML: {
|
|
1507
1454
|
__html: data
|
|
1508
1455
|
}
|
|
@@ -1520,17 +1467,17 @@ var generateGradient = function generateGradient(color, type) {
|
|
|
1520
1467
|
return "linear-gradient(-180deg, " + gradient + ")";
|
|
1521
1468
|
};
|
|
1522
1469
|
|
|
1523
|
-
var styles$
|
|
1470
|
+
var styles$l = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
|
|
1524
1471
|
|
|
1525
1472
|
var SimpleTitle = function SimpleTitle(_ref) {
|
|
1526
1473
|
var _ref$block = _ref.block,
|
|
1527
1474
|
first = _ref$block.data.first,
|
|
1528
1475
|
onlyOn = _ref$block.only_on,
|
|
1529
1476
|
styleContext = _ref.styleContext;
|
|
1530
|
-
var classNames = [[styles$
|
|
1477
|
+
var classNames = [[styles$l.root, true], [styles$l[onlyOn], true]];
|
|
1531
1478
|
|
|
1532
1479
|
if (styleContext) {
|
|
1533
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1480
|
+
classNames = makeStyleContext(classNames, styleContext, styles$l);
|
|
1534
1481
|
}
|
|
1535
1482
|
|
|
1536
1483
|
return React.createElement("h1", {
|
|
@@ -1539,7 +1486,7 @@ var SimpleTitle = function SimpleTitle(_ref) {
|
|
|
1539
1486
|
}, first);
|
|
1540
1487
|
};
|
|
1541
1488
|
|
|
1542
|
-
var styles$
|
|
1489
|
+
var styles$m = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","isInMediaBlock":"RichTitle-module_isInMediaBlock__3RDw4","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
|
|
1543
1490
|
|
|
1544
1491
|
var RichTitle = function RichTitle(_ref) {
|
|
1545
1492
|
var _ref$block = _ref.block,
|
|
@@ -1551,10 +1498,10 @@ var RichTitle = function RichTitle(_ref) {
|
|
|
1551
1498
|
_ref$block$data$as = _ref$block$data.as,
|
|
1552
1499
|
TagName = _ref$block$data$as === void 0 ? 'h1' : _ref$block$data$as,
|
|
1553
1500
|
styleContext = _ref.styleContext;
|
|
1554
|
-
var classNames = [[styles$
|
|
1501
|
+
var classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured]];
|
|
1555
1502
|
|
|
1556
1503
|
if (styleContext) {
|
|
1557
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1504
|
+
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1558
1505
|
}
|
|
1559
1506
|
|
|
1560
1507
|
return React.createElement(TagName, {
|
|
@@ -1563,7 +1510,7 @@ var RichTitle = function RichTitle(_ref) {
|
|
|
1563
1510
|
}, first, second && React.createElement("span", null, " ", second));
|
|
1564
1511
|
};
|
|
1565
1512
|
|
|
1566
|
-
var styles$
|
|
1513
|
+
var styles$n = {"p":"SimpleBlock-module_p__Q3azD","h2":"SimpleBlock-module_h2__S0LRs","h3":"SimpleBlock-module_h3__2Kv7Y","h4":"SimpleBlock-module_h4__2TJO3","lead":"SimpleBlock-module_lead__35nXx","lead_hr":"SimpleBlock-module_lead_hr__1yD5v","context_p":"SimpleBlock-module_context_p__33saY","blockquote":"SimpleBlock-module_blockquote__pwpcX","game":"SimpleBlock-module_game__2sjgl","slide":"SimpleBlock-module_slide__Aqgfu","dark":"SimpleBlock-module_dark__1J_ov","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o","isDark":"SimpleBlock-module_isDark__22q5s"};
|
|
1567
1514
|
|
|
1568
1515
|
var SimpleBlock = function SimpleBlock(_ref) {
|
|
1569
1516
|
var _ref$block = _ref.block,
|
|
@@ -1572,10 +1519,10 @@ var SimpleBlock = function SimpleBlock(_ref) {
|
|
|
1572
1519
|
onlyOn = _ref$block.only_on,
|
|
1573
1520
|
styleContext = _ref.styleContext;
|
|
1574
1521
|
var TagName;
|
|
1575
|
-
var classNames = [[styles$
|
|
1522
|
+
var classNames = [[styles$n[type], !!type && !!styles$n[type]], [styles$n[onlyOn], true]];
|
|
1576
1523
|
|
|
1577
1524
|
if (styleContext) {
|
|
1578
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1525
|
+
classNames = makeStyleContext(classNames, styleContext, styles$n);
|
|
1579
1526
|
}
|
|
1580
1527
|
|
|
1581
1528
|
switch (type) {
|
|
@@ -1606,7 +1553,7 @@ var SimpleBlock = function SimpleBlock(_ref) {
|
|
|
1606
1553
|
});
|
|
1607
1554
|
};
|
|
1608
1555
|
|
|
1609
|
-
var styles$
|
|
1556
|
+
var styles$o = {"root":"ListBlock-module_root__3Q3Ga","ol":"ListBlock-module_ol__21CgV","ul":"ListBlock-module_ul__2MRrS","center":"ListBlock-module_center__tdIwd","isInImportantLead":"ListBlock-module_isInImportantLead__UP0ic","dark":"ListBlock-module_dark__3E3tV","mobile":"ListBlock-module_mobile__2-nuV","desktop":"ListBlock-module_desktop__1EE0g"};
|
|
1610
1557
|
|
|
1611
1558
|
var ListBlock = function ListBlock(_ref) {
|
|
1612
1559
|
var _ref$block = _ref.block,
|
|
@@ -1615,10 +1562,10 @@ var ListBlock = function ListBlock(_ref) {
|
|
|
1615
1562
|
onlyOn = _ref$block.only_on,
|
|
1616
1563
|
styleContext = _ref.styleContext;
|
|
1617
1564
|
var TagName = type;
|
|
1618
|
-
var classNames = [[styles$
|
|
1565
|
+
var classNames = [[styles$o.root, true], [styles$o[onlyOn], true], [styles$o[type], !!type && !!styles$o[type]]];
|
|
1619
1566
|
|
|
1620
1567
|
if (styleContext) {
|
|
1621
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1568
|
+
classNames = makeStyleContext(classNames, styleContext, styles$o);
|
|
1622
1569
|
}
|
|
1623
1570
|
|
|
1624
1571
|
return React.createElement(TagName, {
|
|
@@ -1634,7 +1581,7 @@ var ListBlock = function ListBlock(_ref) {
|
|
|
1634
1581
|
}));
|
|
1635
1582
|
};
|
|
1636
1583
|
|
|
1637
|
-
var styles$
|
|
1584
|
+
var styles$p = {"root":"RelatedBlock-module_root__IKcQq","header":"RelatedBlock-module_header__2SuWP","items":"RelatedBlock-module_items__2V-Ap","rich":"RelatedBlock-module_rich__ddaHq","first":"RelatedBlock-module_first__BKItW","simple":"RelatedBlock-module_simple__29HVO","center":"RelatedBlock-module_center__1LmW8","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__2YSYG","mobile":"RelatedBlock-module_mobile__2XM5a","desktop":"RelatedBlock-module_desktop__2mXeq"};
|
|
1638
1585
|
|
|
1639
1586
|
var RelatedBlock = function RelatedBlock(_ref) {
|
|
1640
1587
|
var _ref$block = _ref.block,
|
|
@@ -1643,32 +1590,32 @@ var RelatedBlock = function RelatedBlock(_ref) {
|
|
|
1643
1590
|
related = _ref$block$data.related,
|
|
1644
1591
|
onlyOn = _ref$block.only_on,
|
|
1645
1592
|
styleContext = _ref.styleContext;
|
|
1646
|
-
var classNames = [[styles$
|
|
1593
|
+
var classNames = [[styles$p.root, true], [styles$p[onlyOn], true]];
|
|
1647
1594
|
|
|
1648
1595
|
if (styleContext) {
|
|
1649
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1596
|
+
classNames = makeStyleContext(classNames, styleContext, styles$p);
|
|
1650
1597
|
}
|
|
1651
1598
|
|
|
1652
1599
|
return React.createElement("div", {
|
|
1653
1600
|
"data-testid": "related-block",
|
|
1654
1601
|
className: makeClassName(classNames)
|
|
1655
1602
|
}, React.createElement("h3", {
|
|
1656
|
-
className: styles$
|
|
1603
|
+
className: styles$p.header
|
|
1657
1604
|
}, title), React.createElement("ul", {
|
|
1658
|
-
className: styles$
|
|
1605
|
+
className: styles$p.items
|
|
1659
1606
|
}, related.map(function (item, index) {
|
|
1660
1607
|
return React.createElement("li", {
|
|
1661
1608
|
key: item.id || index,
|
|
1662
|
-
className: styles$
|
|
1609
|
+
className: styles$p[item.layout]
|
|
1663
1610
|
}, React.createElement(Link, {
|
|
1664
1611
|
to: item.full_url || "/" + item.url
|
|
1665
1612
|
}, React.createElement("span", {
|
|
1666
|
-
className: styles$
|
|
1613
|
+
className: styles$p.first
|
|
1667
1614
|
}, item.title), item.second_title && ' ', item.second_title && React.createElement("span", null, item.second_title)));
|
|
1668
1615
|
})));
|
|
1669
1616
|
};
|
|
1670
1617
|
|
|
1671
|
-
var styles$
|
|
1618
|
+
var styles$q = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-module_text__Si4vm","origin":"SourceBlock-module_origin__l3JbO","center":"SourceBlock-module_center__3P93B","mobile":"SourceBlock-module_mobile__2gw4S","desktop":"SourceBlock-module_desktop__DecT6","isDark":"SourceBlock-module_isDark__3hEEp"};
|
|
1672
1619
|
|
|
1673
1620
|
var SourceBlock = function SourceBlock(_ref) {
|
|
1674
1621
|
var _ref$block = _ref.block,
|
|
@@ -1678,10 +1625,10 @@ var SourceBlock = function SourceBlock(_ref) {
|
|
|
1678
1625
|
origin = _ref$block$data.origin,
|
|
1679
1626
|
url = _ref$block$data.url,
|
|
1680
1627
|
styleContext = _ref.styleContext;
|
|
1681
|
-
var classNames = [[styles$
|
|
1628
|
+
var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
|
|
1682
1629
|
|
|
1683
1630
|
if (styleContext) {
|
|
1684
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1631
|
+
classNames = makeStyleContext(classNames, styleContext, styles$q);
|
|
1685
1632
|
}
|
|
1686
1633
|
|
|
1687
1634
|
return React.createElement("blockquote", {
|
|
@@ -1689,7 +1636,7 @@ var SourceBlock = function SourceBlock(_ref) {
|
|
|
1689
1636
|
cite: url,
|
|
1690
1637
|
className: makeClassName(classNames)
|
|
1691
1638
|
}, React.createElement("a", {
|
|
1692
|
-
className: styles$
|
|
1639
|
+
className: styles$q.text,
|
|
1693
1640
|
href: url,
|
|
1694
1641
|
target: "_blank",
|
|
1695
1642
|
rel: "noopener noreferrer"
|
|
@@ -1701,11 +1648,11 @@ var SourceBlock = function SourceBlock(_ref) {
|
|
|
1701
1648
|
}
|
|
1702
1649
|
});
|
|
1703
1650
|
}), React.createElement("footer", null, React.createElement("cite", {
|
|
1704
|
-
className: styles$
|
|
1651
|
+
className: styles$q.origin
|
|
1705
1652
|
}, origin))));
|
|
1706
1653
|
};
|
|
1707
1654
|
|
|
1708
|
-
var styles$
|
|
1655
|
+
var styles$r = {"root":"SensitiveBlock-module_root__2iJbD","container":"SensitiveBlock-module_container__1Wtix","overlay":"SensitiveBlock-module_overlay__hfDVS","content":"SensitiveBlock-module_content__sNpxZ","button":"SensitiveBlock-module_button__3BGZK","default":"SensitiveBlock-module_default__2HgmZ","full":"SensitiveBlock-module_full__3Hph9","media":"SensitiveBlock-module_media__3wnlo","super_full":"SensitiveBlock-module_super_full__14UOv","visible":"SensitiveBlock-module_visible__1B-NV","isInCard":"SensitiveBlock-module_isInCard__1L-lu","isInSlide":"SensitiveBlock-module_isInSlide__f_Ql2"};
|
|
1709
1656
|
|
|
1710
1657
|
var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
1711
1658
|
var block = _ref.block,
|
|
@@ -1725,11 +1672,11 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
|
1725
1672
|
isVisible(true);
|
|
1726
1673
|
};
|
|
1727
1674
|
|
|
1728
|
-
var classNames = [[styles$
|
|
1675
|
+
var classNames = [[styles$r.root, true], [styles$r.visible, visible], [styles$r[display], display && styles$r[display]]];
|
|
1729
1676
|
var context = ['isInSensitiveBlock'];
|
|
1730
1677
|
|
|
1731
1678
|
if (styleContext) {
|
|
1732
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1679
|
+
classNames = makeStyleContext(classNames, styleContext, styles$r);
|
|
1733
1680
|
context = [].concat(styleContext, ['isInSensitiveBlock']);
|
|
1734
1681
|
}
|
|
1735
1682
|
|
|
@@ -1737,32 +1684,32 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
|
1737
1684
|
"data-testid": "sensitive-block",
|
|
1738
1685
|
className: makeClassName(classNames)
|
|
1739
1686
|
}, React.createElement("div", {
|
|
1740
|
-
className: styles$
|
|
1687
|
+
className: styles$r.container
|
|
1741
1688
|
}, React.createElement("div", {
|
|
1742
|
-
className: styles$
|
|
1689
|
+
className: styles$r.overlay,
|
|
1743
1690
|
style: {
|
|
1744
1691
|
backgroundImage: "url(" + blurredImage + ")"
|
|
1745
1692
|
}
|
|
1746
1693
|
}, React.createElement("div", {
|
|
1747
|
-
className: styles$
|
|
1694
|
+
className: styles$r.content
|
|
1748
1695
|
}, React.createElement("p", {
|
|
1749
1696
|
dangerouslySetInnerHTML: {
|
|
1750
1697
|
__html: block.title
|
|
1751
1698
|
}
|
|
1752
1699
|
}), React.createElement("div", {
|
|
1753
|
-
className: styles$
|
|
1700
|
+
className: styles$r.button
|
|
1754
1701
|
}, React.createElement(Button, {
|
|
1755
1702
|
onClick: function onClick() {
|
|
1756
1703
|
return handleClick();
|
|
1757
1704
|
},
|
|
1758
1705
|
theme: "light"
|
|
1759
1706
|
}, block.button.text)))), React.createElement("div", {
|
|
1760
|
-
className: styles$
|
|
1707
|
+
className: styles$r.media
|
|
1761
1708
|
}, React.createElement(EmbedBlockContainer, {
|
|
1762
1709
|
block: block.item,
|
|
1763
1710
|
styleContext: context
|
|
1764
1711
|
}))), cc && React.createElement("figcaption", {
|
|
1765
|
-
className: styles$
|
|
1712
|
+
className: styles$r.figcaption
|
|
1766
1713
|
}, React.createElement(MediaCaption, {
|
|
1767
1714
|
credit: credit,
|
|
1768
1715
|
caption: caption,
|
|
@@ -1770,7 +1717,7 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
|
1770
1717
|
})));
|
|
1771
1718
|
};
|
|
1772
1719
|
|
|
1773
|
-
var styles$
|
|
1720
|
+
var styles$s = {"root":"GroupedBlock-module_root__2qfQA","hasFigcaption":"GroupedBlock-module_hasFigcaption__2_mcf","item":"GroupedBlock-module_item__3sz9_","items":"GroupedBlock-module_items__2DV2X","figcaption":"GroupedBlock-module_figcaption__2Q_wf","default":"GroupedBlock-module_default__3ylw_","full":"GroupedBlock-module_full__1dzQR","super_full":"GroupedBlock-module_super_full__1PU72","mobile":"GroupedBlock-module_mobile__3n8Ub","desktop":"GroupedBlock-module_desktop__6ZRpA"};
|
|
1774
1721
|
|
|
1775
1722
|
var GroupedBlock = function GroupedBlock(_ref) {
|
|
1776
1723
|
var block = _ref.block,
|
|
@@ -1787,21 +1734,21 @@ var GroupedBlock = function GroupedBlock(_ref) {
|
|
|
1787
1734
|
var sumWidth = normalizedBoxesWidth.reduce(function (sum, x) {
|
|
1788
1735
|
return sum + x;
|
|
1789
1736
|
});
|
|
1790
|
-
var classNames = [[styles$
|
|
1737
|
+
var classNames = [[styles$s.root, true], [styles$s[onlyOn], true], [styles$s.hasFigcaption, block.cc === 'default'], [styles$s[block.display], !!block.display && styles$s[block.display]]];
|
|
1791
1738
|
|
|
1792
1739
|
if (styleContext) {
|
|
1793
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1740
|
+
classNames = makeStyleContext(classNames, styleContext, styles$s);
|
|
1794
1741
|
}
|
|
1795
1742
|
|
|
1796
1743
|
return React.createElement("div", {
|
|
1797
1744
|
"data-testid": "grouped-block",
|
|
1798
1745
|
className: makeClassName(classNames)
|
|
1799
1746
|
}, React.createElement("div", {
|
|
1800
|
-
className: styles$
|
|
1747
|
+
className: styles$s.items
|
|
1801
1748
|
}, block.data.map(function (item, index) {
|
|
1802
1749
|
var percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1803
1750
|
return React.createElement("div", {
|
|
1804
|
-
className: styles$
|
|
1751
|
+
className: styles$s.item,
|
|
1805
1752
|
key: item.id,
|
|
1806
1753
|
style: {
|
|
1807
1754
|
width: percentWidth + "%"
|
|
@@ -1814,7 +1761,7 @@ var GroupedBlock = function GroupedBlock(_ref) {
|
|
|
1814
1761
|
styleContext: ['isInGroupedBlock']
|
|
1815
1762
|
}));
|
|
1816
1763
|
})), block.cc && React.createElement("figcaption", {
|
|
1817
|
-
className: styles$
|
|
1764
|
+
className: styles$s.figcaption
|
|
1818
1765
|
}, React.createElement(MediaCaption, {
|
|
1819
1766
|
credit: block.credit,
|
|
1820
1767
|
caption: block.caption,
|
|
@@ -1822,32 +1769,32 @@ var GroupedBlock = function GroupedBlock(_ref) {
|
|
|
1822
1769
|
})));
|
|
1823
1770
|
};
|
|
1824
1771
|
|
|
1825
|
-
var styles$
|
|
1772
|
+
var styles$t = {"root":"MetaItem-module_root__2VQom","hasBullets":"MetaItem-module_hasBullets__CkQPI","hasSource":"MetaItem-module_hasSource__1DmCI","listened":"MetaItem-module_listened__lwvAO","read":"MetaItem-module_read__5eAIG","datetime":"MetaItem-module_datetime__3tOWm"};
|
|
1826
1773
|
|
|
1827
1774
|
var MetaItem = function MetaItem(_ref) {
|
|
1828
1775
|
var hasSource = _ref.hasSource,
|
|
1829
1776
|
type = _ref.type,
|
|
1830
1777
|
children = _ref.children,
|
|
1831
1778
|
bullets = _ref.bullets;
|
|
1832
|
-
var classNames = [[styles$
|
|
1779
|
+
var classNames = [[styles$t.root, true], [styles$t[type], !!type && !!styles$t[type]], [styles$t.hasSource, !!hasSource], [styles$t.hasBullets, !!bullets]];
|
|
1833
1780
|
return React.createElement("div", {
|
|
1834
1781
|
"data-testid": "meta-item",
|
|
1835
1782
|
className: makeClassName(classNames)
|
|
1836
1783
|
}, children);
|
|
1837
1784
|
};
|
|
1838
1785
|
|
|
1839
|
-
var styles$
|
|
1786
|
+
var styles$u = {"root":"MetaItemLive-module_root__2mpD3","gold":"MetaItemLive-module_gold__3yZEV","frame":"MetaItemLive-module_frame__1H_Ha","liveMiddle":"MetaItemLive-module_liveMiddle__wyuV3","liveFirstWave":"MetaItemLive-module_liveFirstWave__3dbvz","liveSecondWave":"MetaItemLive-module_liveSecondWave__12g57"};
|
|
1840
1787
|
|
|
1841
1788
|
var MetaItemLive = function MetaItemLive(_ref) {
|
|
1842
1789
|
var _ref$theme = _ref.theme,
|
|
1843
1790
|
theme = _ref$theme === void 0 ? 'gold' : _ref$theme;
|
|
1844
|
-
var classNames = [[styles$
|
|
1791
|
+
var classNames = [[styles$u.root, true], [styles$u[theme], !!theme && styles$u[theme]]];
|
|
1845
1792
|
return React.createElement("div", {
|
|
1846
1793
|
"data-testid": "meta-item-live",
|
|
1847
1794
|
"data-meta": "live",
|
|
1848
1795
|
className: makeClassName(classNames)
|
|
1849
1796
|
}, React.createElement("div", {
|
|
1850
|
-
className: styles$
|
|
1797
|
+
className: styles$u.frame
|
|
1851
1798
|
}));
|
|
1852
1799
|
};
|
|
1853
1800
|
|
|
@@ -1872,7 +1819,7 @@ var pluralize = function pluralize(number, one, two, five) {
|
|
|
1872
1819
|
return five;
|
|
1873
1820
|
};
|
|
1874
1821
|
|
|
1875
|
-
var styles$
|
|
1822
|
+
var styles$v = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
|
|
1876
1823
|
|
|
1877
1824
|
var DocumentItemsCount = function DocumentItemsCount(_ref) {
|
|
1878
1825
|
var type = _ref.type,
|
|
@@ -1909,9 +1856,9 @@ var DocumentItemsCount = function DocumentItemsCount(_ref) {
|
|
|
1909
1856
|
var itemsCount = items + " " + pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five);
|
|
1910
1857
|
return React.createElement("div", {
|
|
1911
1858
|
"data-testid": "document-items-count",
|
|
1912
|
-
className: styles$
|
|
1859
|
+
className: styles$v.root
|
|
1913
1860
|
}, children, React.createElement("span", {
|
|
1914
|
-
className: styles$
|
|
1861
|
+
className: styles$v.items
|
|
1915
1862
|
}, itemsCount));
|
|
1916
1863
|
};
|
|
1917
1864
|
|
|
@@ -2034,7 +1981,7 @@ var MetaContainer = function MetaContainer(_ref) {
|
|
|
2034
1981
|
icon: isListened ? 'listened' : 'read',
|
|
2035
1982
|
size: "unset"
|
|
2036
1983
|
})), isSlides && lang === 'ru' && React.createElement("div", {
|
|
2037
|
-
className: styles$
|
|
1984
|
+
className: styles$f.bookmark
|
|
2038
1985
|
}, React.createElement(BookmarkButton, {
|
|
2039
1986
|
isInBookmarks: isInBookmarks,
|
|
2040
1987
|
onClick: function onClick() {
|
|
@@ -2043,6 +1990,55 @@ var MetaContainer = function MetaContainer(_ref) {
|
|
|
2043
1990
|
})));
|
|
2044
1991
|
};
|
|
2045
1992
|
|
|
1993
|
+
var styles$w = {"root":"DonatesTeaser-module_root__3rtaJ","ctaInner":"DonatesTeaser-module_ctaInner__2LChL","main":"DonatesTeaser-module_main__YBt6p","title":"DonatesTeaser-module_title__hs-yr","text":"DonatesTeaser-module_text__ro-QA","cta":"DonatesTeaser-module_cta__1orPb","center":"DonatesTeaser-module_center__2Ynx9","isInCard":"DonatesTeaser-module_isInCard__HrFh8","isInSlide":"DonatesTeaser-module_isInSlide__1vC4Z"};
|
|
1994
|
+
|
|
1995
|
+
var DonatesTeaser = function DonatesTeaser(_ref) {
|
|
1996
|
+
var styleContext = _ref.styleContext,
|
|
1997
|
+
_ref$lang = _ref.lang,
|
|
1998
|
+
lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
|
|
1999
|
+
var classNames = [[styles$w.root, true]];
|
|
2000
|
+
|
|
2001
|
+
if (styleContext) {
|
|
2002
|
+
classNames = makeStyleContext(classNames, styleContext, styles$w);
|
|
2003
|
+
}
|
|
2004
|
+
|
|
2005
|
+
var data = {
|
|
2006
|
+
ru: {
|
|
2007
|
+
title: 'Слушайте музыку, помогайте «Медузе»',
|
|
2008
|
+
// subtitle:
|
|
2009
|
+
// '«Медуза» продолжает работать, потому что есть вы',
|
|
2010
|
+
button: 'Дать денег',
|
|
2011
|
+
href: 'https://support.meduza.io'
|
|
2012
|
+
},
|
|
2013
|
+
en: {
|
|
2014
|
+
title: 'Tune in and help Meduza!',
|
|
2015
|
+
// subtitle: 'We’re only here thanks to you.',
|
|
2016
|
+
button: 'Pledge today',
|
|
2017
|
+
href: 'https://support.meduza.io/en'
|
|
2018
|
+
}
|
|
2019
|
+
};
|
|
2020
|
+
return React.createElement("div", {
|
|
2021
|
+
"data-testid": "donates-teaser",
|
|
2022
|
+
className: makeClassName(classNames)
|
|
2023
|
+
}, React.createElement("div", {
|
|
2024
|
+
className: styles$w.main
|
|
2025
|
+
}, React.createElement("h3", {
|
|
2026
|
+
className: styles$w.title
|
|
2027
|
+
}, React.createElement("span", {
|
|
2028
|
+
dangerouslySetInnerHTML: {
|
|
2029
|
+
__html: data[lang].title
|
|
2030
|
+
}
|
|
2031
|
+
}))), React.createElement("div", {
|
|
2032
|
+
className: styles$w.cta
|
|
2033
|
+
}, React.createElement("a", {
|
|
2034
|
+
href: data[lang].href,
|
|
2035
|
+
target: "_blank",
|
|
2036
|
+
rel: "noreferrer"
|
|
2037
|
+
}, React.createElement("span", {
|
|
2038
|
+
className: styles$w.ctaInner
|
|
2039
|
+
}, data[lang].button))));
|
|
2040
|
+
};
|
|
2041
|
+
|
|
2046
2042
|
var RenderBlocks = function RenderBlocks(_ref) {
|
|
2047
2043
|
var block = _ref.block,
|
|
2048
2044
|
styleContext = _ref.styleContext,
|
|
@@ -2183,10 +2179,15 @@ var RenderBlocks = function RenderBlocks(_ref) {
|
|
|
2183
2179
|
styleContext: styleContext
|
|
2184
2180
|
});
|
|
2185
2181
|
|
|
2182
|
+
case 'dotanes':
|
|
2183
|
+
return React.createElement(DonatesTeaser, {
|
|
2184
|
+
styleContext: styleContext,
|
|
2185
|
+
lang: lang
|
|
2186
|
+
});
|
|
2187
|
+
|
|
2186
2188
|
case 'material_note':
|
|
2187
2189
|
return React.createElement(MaterialNote, {
|
|
2188
2190
|
block: block,
|
|
2189
|
-
lang: block.lang,
|
|
2190
2191
|
styleContext: styleContext
|
|
2191
2192
|
});
|
|
2192
2193
|
|