@meduza/ui-kit-2 0.1.69 → 0.1.70
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/DonatesTeaser/DonatesTeaser.stories.d.ts +10 -0
- package/dist/DonatesTeaser/DonatesTeaser.types.d.ts +3 -0
- package/dist/DonatesTeaser/index.d.ts +3 -0
- package/dist/index.d.ts +1 -0
- package/dist/ui-kit-2.cjs.development.js +166 -133
- 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 +166 -134
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +1903 -1778
- package/package.json +1 -1
- package/src/DonatesTeaser/DonatesTeaser.module.css +119 -0
- package/src/DonatesTeaser/DonatesTeaser.stories.module.css +5 -0
- package/src/DonatesTeaser/DonatesTeaser.stories.tsx +34 -0
- package/src/DonatesTeaser/DonatesTeaser.test.tsx +20 -0
- package/src/DonatesTeaser/DonatesTeaser.types.ts +3 -0
- package/src/DonatesTeaser/index.tsx +35 -0
- package/src/MaterialNote/index.tsx +15 -10
- package/src/index.tsx +1 -0
|
@@ -907,11 +907,10 @@ var Table = function Table(_ref) {
|
|
|
907
907
|
}));
|
|
908
908
|
};
|
|
909
909
|
|
|
910
|
-
var styles$b = {"root":"
|
|
910
|
+
var styles$b = {"root":"DonatesTeaser-module_root__3rtaJ","main":"DonatesTeaser-module_main__YBt6p","title":"DonatesTeaser-module_title__hs-yr","text":"DonatesTeaser-module_text__ro-QA","cta":"DonatesTeaser-module_cta__1orPb","ctaInner":"DonatesTeaser-module_ctaInner__2LChL","center":"DonatesTeaser-module_center__2Ynx9"};
|
|
911
911
|
|
|
912
|
-
var
|
|
913
|
-
var
|
|
914
|
-
styleContext = _ref.styleContext;
|
|
912
|
+
var DonatesTeaser = function DonatesTeaser(_ref) {
|
|
913
|
+
var styleContext = _ref.styleContext;
|
|
915
914
|
var classNames = [[styles$b.root, true]];
|
|
916
915
|
|
|
917
916
|
if (styleContext) {
|
|
@@ -919,37 +918,70 @@ var MaterialNote = function MaterialNote(_ref) {
|
|
|
919
918
|
}
|
|
920
919
|
|
|
921
920
|
return React__default.createElement("div", {
|
|
921
|
+
"data-testid": "donates-teaser",
|
|
922
|
+
className: makeClassName(classNames)
|
|
923
|
+
}, React__default.createElement("div", {
|
|
924
|
+
className: styles$b.main
|
|
925
|
+
}, React__default.createElement("h3", {
|
|
926
|
+
className: styles$b.title
|
|
927
|
+
}, "\u0421\u043F\u0430\u0441\u0442\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB"), React__default.createElement("p", {
|
|
928
|
+
className: styles$b.text
|
|
929
|
+
}, "\u0420\u043E\u0441\u0441\u0438\u0439\u0441\u043A\u0438\u0435 \u0432\u043B\u0430\u0441\u0442\u0438 \u043E\u0431\u044A\u044F\u0432\u0438\u043B\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB \u0438\u043D\u043E\u0441\u0442\u0440\u0430\u043D\u043D\u044B\u043C \u0430\u0433\u0435\u043D\u0442\u043E\u043C. \u0423\xA0\u043D\u0430\u0441 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435\u0442 \u0440\u0435\u043A\u043B\u0430\u043C\u043E\u0434\u0430\u0442\u0435\u043B\u0435\u0439 \u2014 \u0430 \u0437\u043D\u0430\u0447\u0438\u0442 \u043D\u0435\u0442 \u0434\u0435\u043D\u0435\u0433. \u041D\u043E \u0443 \u043D\u0430\u0441 \u0435\u0441\u0442\u044C \u0432\u044B \u2014 \u043D\u0430\u0448\u0438 \u0447\u0438\u0442\u0430\u0442\u0435\u043B\u0438. \u041F\u043E\u043C\u043E\u0433\u0438\u0442\u0435 \u043D\u0430\u043C \u0441\u043F\u0430\u0441\u0442\u0438 \xAB\u041C\u0435\u0434\u0443\u0437\u0443\xBB!")), React__default.createElement("div", {
|
|
930
|
+
className: styles$b.cta
|
|
931
|
+
}, React__default.createElement("a", {
|
|
932
|
+
href: "https://support.meduza.io",
|
|
933
|
+
target: "_blank",
|
|
934
|
+
rel: "noreferrer"
|
|
935
|
+
}, React__default.createElement("span", {
|
|
936
|
+
className: styles$b.ctaInner
|
|
937
|
+
}, "\u041F\u043E\u043C\u043E\u0447\u044C!"))));
|
|
938
|
+
};
|
|
939
|
+
|
|
940
|
+
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-"};
|
|
941
|
+
|
|
942
|
+
var MaterialNote = function MaterialNote(_ref) {
|
|
943
|
+
var data = _ref.block.data,
|
|
944
|
+
styleContext = _ref.styleContext;
|
|
945
|
+
var classNames = [[styles$c.root, true]];
|
|
946
|
+
|
|
947
|
+
if (styleContext) {
|
|
948
|
+
classNames = makeStyleContext(classNames, styleContext, styles$c);
|
|
949
|
+
}
|
|
950
|
+
|
|
951
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(DonatesTeaser, {
|
|
952
|
+
styleContext: styleContext
|
|
953
|
+
}), React__default.createElement("div", {
|
|
922
954
|
"data-testid": "material-note",
|
|
923
955
|
className: makeClassName(classNames)
|
|
924
956
|
}, data && data.map(function (item) {
|
|
925
957
|
return React__default.createElement("p", {
|
|
926
|
-
className: styles$
|
|
958
|
+
className: styles$c[item.type],
|
|
927
959
|
key: item.id,
|
|
928
960
|
dangerouslySetInnerHTML: {
|
|
929
961
|
__html: item.data
|
|
930
962
|
}
|
|
931
963
|
});
|
|
932
|
-
}));
|
|
964
|
+
})));
|
|
933
965
|
};
|
|
934
966
|
|
|
935
|
-
var styles$
|
|
967
|
+
var styles$d = {"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"};
|
|
936
968
|
|
|
937
969
|
var BookmarkButton = function BookmarkButton(_ref) {
|
|
938
970
|
var styleContext = _ref.styleContext,
|
|
939
971
|
theme = _ref.theme,
|
|
940
972
|
isInBookmarks = _ref.isInBookmarks,
|
|
941
973
|
_onClick = _ref.onClick;
|
|
942
|
-
var classNames = [[styles$
|
|
974
|
+
var classNames = [[styles$d.root, true], [styles$d.isInBookmarks, isInBookmarks], [styles$d[theme], !!theme && !!styles$d[theme]]];
|
|
943
975
|
|
|
944
976
|
if (styleContext) {
|
|
945
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
977
|
+
classNames = makeStyleContext(classNames, styleContext, styles$d);
|
|
946
978
|
}
|
|
947
979
|
|
|
948
980
|
return React__default.createElement("div", {
|
|
949
981
|
"data-testid": "bookmark-button",
|
|
950
982
|
className: makeClassName(classNames)
|
|
951
983
|
}, React__default.createElement("button", {
|
|
952
|
-
className: styles$
|
|
984
|
+
className: styles$d.control,
|
|
953
985
|
onClick: function onClick() {
|
|
954
986
|
return _onClick();
|
|
955
987
|
},
|
|
@@ -960,45 +992,45 @@ var BookmarkButton = function BookmarkButton(_ref) {
|
|
|
960
992
|
})));
|
|
961
993
|
};
|
|
962
994
|
|
|
963
|
-
var styles$
|
|
995
|
+
var styles$e = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
|
|
964
996
|
|
|
965
997
|
var Primary = function Primary(_ref) {
|
|
966
998
|
var children = _ref.children;
|
|
967
999
|
return React__default.createElement("span", {
|
|
968
|
-
className: styles$
|
|
1000
|
+
className: styles$e.primary
|
|
969
1001
|
}, children);
|
|
970
1002
|
};
|
|
971
1003
|
var Secondary = function Secondary(_ref2) {
|
|
972
1004
|
var children = _ref2.children;
|
|
973
1005
|
return React__default.createElement("span", {
|
|
974
|
-
className: styles$
|
|
1006
|
+
className: styles$e.secondary
|
|
975
1007
|
}, children);
|
|
976
1008
|
};
|
|
977
1009
|
var MaterialTitle = function MaterialTitle(_ref3) {
|
|
978
1010
|
var children = _ref3.children;
|
|
979
1011
|
return React__default.createElement("h1", {
|
|
980
|
-
className: styles$
|
|
1012
|
+
className: styles$e.root,
|
|
981
1013
|
"data-testid": "material-title"
|
|
982
1014
|
}, children);
|
|
983
1015
|
};
|
|
984
1016
|
|
|
985
|
-
var styles$
|
|
1017
|
+
var styles$f = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
|
|
986
1018
|
|
|
987
1019
|
var Menu = function Menu(_ref) {
|
|
988
1020
|
var children = _ref.children;
|
|
989
1021
|
return React__default.createElement("div", {
|
|
990
1022
|
"data-testid": "dropdown",
|
|
991
|
-
className: styles$
|
|
1023
|
+
className: styles$f.menu
|
|
992
1024
|
}, children);
|
|
993
1025
|
};
|
|
994
1026
|
var Dropdown = function Dropdown(_ref2) {
|
|
995
1027
|
var children = _ref2.children,
|
|
996
1028
|
active = _ref2.active,
|
|
997
1029
|
styleContext = _ref2.styleContext;
|
|
998
|
-
var classNames = [[styles$
|
|
1030
|
+
var classNames = [[styles$f.root, true], [styles$f.active, !!active && !!styles$f.active]];
|
|
999
1031
|
|
|
1000
1032
|
if (styleContext) {
|
|
1001
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1033
|
+
classNames = makeStyleContext(classNames, styleContext, styles$f);
|
|
1002
1034
|
}
|
|
1003
1035
|
|
|
1004
1036
|
return React__default.createElement("div", {
|
|
@@ -1026,7 +1058,7 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
1026
1058
|
}, children));
|
|
1027
1059
|
};
|
|
1028
1060
|
|
|
1029
|
-
var styles$
|
|
1061
|
+
var styles$g = {"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"};
|
|
1030
1062
|
|
|
1031
1063
|
var Meta = function Meta(_ref) {
|
|
1032
1064
|
var hasSource = _ref.hasSource,
|
|
@@ -1034,10 +1066,10 @@ var Meta = function Meta(_ref) {
|
|
|
1034
1066
|
children = _ref.children,
|
|
1035
1067
|
onlyOn = _ref.onlyOn,
|
|
1036
1068
|
styleContext = _ref.styleContext;
|
|
1037
|
-
var classNames = [[styles$
|
|
1069
|
+
var classNames = [[styles$g.root, true], [styles$g[theme], !!theme && !!styles$g[theme]], [styles$g[onlyOn], !!onlyOn], [styles$g.hasSource, hasSource]];
|
|
1038
1070
|
|
|
1039
1071
|
if (styleContext) {
|
|
1040
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1072
|
+
classNames = makeStyleContext(classNames, styleContext, styles$g);
|
|
1041
1073
|
}
|
|
1042
1074
|
|
|
1043
1075
|
return React__default.createElement("div", {
|
|
@@ -1046,7 +1078,7 @@ var Meta = function Meta(_ref) {
|
|
|
1046
1078
|
}, children);
|
|
1047
1079
|
};
|
|
1048
1080
|
|
|
1049
|
-
var styles$
|
|
1081
|
+
var styles$h = {"root":"Timestamp-module_root__coOvT"};
|
|
1050
1082
|
|
|
1051
1083
|
var Timestamp = function Timestamp(_ref) {
|
|
1052
1084
|
var publishedAt = _ref.publishedAt,
|
|
@@ -1072,7 +1104,7 @@ var Timestamp = function Timestamp(_ref) {
|
|
|
1072
1104
|
return React__default.createElement("time", {
|
|
1073
1105
|
suppressHydrationWarning: true,
|
|
1074
1106
|
"data-testid": "timestamp",
|
|
1075
|
-
className: styles$
|
|
1107
|
+
className: styles$h.root
|
|
1076
1108
|
}, published);
|
|
1077
1109
|
};
|
|
1078
1110
|
|
|
@@ -1139,7 +1171,7 @@ var DangerousHTML = function DangerousHTML(_ref) {
|
|
|
1139
1171
|
}));
|
|
1140
1172
|
};
|
|
1141
1173
|
|
|
1142
|
-
var styles$
|
|
1174
|
+
var styles$i = {"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_"};
|
|
1143
1175
|
|
|
1144
1176
|
var EmbedGif = function EmbedGif(_ref) {
|
|
1145
1177
|
var gif = _ref.gif,
|
|
@@ -1185,9 +1217,9 @@ var EmbedGif = function EmbedGif(_ref) {
|
|
|
1185
1217
|
};
|
|
1186
1218
|
}, []);
|
|
1187
1219
|
return React__default.createElement("div", {
|
|
1188
|
-
className: styles$
|
|
1220
|
+
className: styles$i.figure
|
|
1189
1221
|
}, React__default.createElement("div", {
|
|
1190
|
-
className: styles$
|
|
1222
|
+
className: styles$i.objectWrap,
|
|
1191
1223
|
style: style,
|
|
1192
1224
|
"data-frozen": videoFrozen
|
|
1193
1225
|
}, React__default.createElement("video", {
|
|
@@ -1253,7 +1285,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1253
1285
|
case 'image':
|
|
1254
1286
|
{
|
|
1255
1287
|
return React__default.createElement("div", {
|
|
1256
|
-
className: styles$
|
|
1288
|
+
className: styles$i.figure
|
|
1257
1289
|
}, React__default.createElement(Image, {
|
|
1258
1290
|
source: !optimized && [small, large],
|
|
1259
1291
|
optimized: block.data.optimized,
|
|
@@ -1269,7 +1301,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1269
1301
|
case 'game_embed':
|
|
1270
1302
|
{
|
|
1271
1303
|
return React__default.createElement("div", {
|
|
1272
|
-
className: styles$
|
|
1304
|
+
className: styles$i.gameEmbed
|
|
1273
1305
|
}, React__default.createElement("iframe", {
|
|
1274
1306
|
src: block.data.game_src,
|
|
1275
1307
|
id: block.data.game_id,
|
|
@@ -1280,7 +1312,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1280
1312
|
case 'dots_on_image':
|
|
1281
1313
|
{
|
|
1282
1314
|
return React__default.createElement("div", {
|
|
1283
|
-
className: styles$
|
|
1315
|
+
className: styles$i.figure
|
|
1284
1316
|
}, React__default.createElement(DotsOnImage, {
|
|
1285
1317
|
block: data
|
|
1286
1318
|
}));
|
|
@@ -1289,12 +1321,12 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1289
1321
|
default:
|
|
1290
1322
|
{
|
|
1291
1323
|
return React__default.createElement("div", {
|
|
1292
|
-
className: styles$
|
|
1324
|
+
className: styles$i.object
|
|
1293
1325
|
}, React__default.createElement("div", {
|
|
1294
|
-
className: styles$
|
|
1326
|
+
className: styles$i.wrapper,
|
|
1295
1327
|
style: style
|
|
1296
1328
|
}, React__default.createElement(DangerousHTML, {
|
|
1297
|
-
className: styles$
|
|
1329
|
+
className: styles$i.objectWrap,
|
|
1298
1330
|
html: html
|
|
1299
1331
|
})));
|
|
1300
1332
|
}
|
|
@@ -1306,31 +1338,31 @@ var EmbedBlock = function EmbedBlock(_ref) {
|
|
|
1306
1338
|
style.height = 0;
|
|
1307
1339
|
}
|
|
1308
1340
|
|
|
1309
|
-
var classNames = [[styles$
|
|
1341
|
+
var classNames = [[styles$i.root, true], [styles$i.cc, cc], [styles$i[display], !!display && styles$i[display]], [styles$i[provider], !!provider && !!styles$i[provider]], [styles$i[onlyOn], !!onlyOn && styles$i[onlyOn]], [styles$i.mobileFullwidth, mobileFullwidth], [styles$i.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
|
|
1310
1342
|
// чтобы не применились лишние модификаторы
|
|
1311
1343
|
// TODO: в w6 модификаторы должны передаваться явно
|
|
1312
1344
|
|
|
1313
1345
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1314
1346
|
var filteredContext = styleContext.filter(function (key) {
|
|
1315
|
-
return key.startsWith('isIn') && styles$
|
|
1347
|
+
return key.startsWith('isIn') && styles$i[key];
|
|
1316
1348
|
}).reduce(function (acc, key) {
|
|
1317
1349
|
acc.push(key);
|
|
1318
1350
|
return acc;
|
|
1319
1351
|
}, []);
|
|
1320
|
-
classNames = makeStyleContext(classNames, filteredContext, styles$
|
|
1352
|
+
classNames = makeStyleContext(classNames, filteredContext, styles$i);
|
|
1321
1353
|
}
|
|
1322
1354
|
|
|
1323
1355
|
return React__default.createElement("figure", {
|
|
1324
1356
|
className: makeClassName(classNames)
|
|
1325
1357
|
}, children && React__default.createElement("div", {
|
|
1326
|
-
className: styles$
|
|
1358
|
+
className: styles$i.object
|
|
1327
1359
|
}, React__default.createElement("div", {
|
|
1328
|
-
className: styles$
|
|
1360
|
+
className: styles$i.wrapper,
|
|
1329
1361
|
style: style
|
|
1330
1362
|
}, React__default.createElement("div", {
|
|
1331
|
-
className: styles$
|
|
1363
|
+
className: styles$i.objectWrap
|
|
1332
1364
|
}, children))), !children && renderEmbed(style), cc === 'default' && React__default.createElement("figcaption", null, renderCC()), cc === 'button' && React__default.createElement("button", {
|
|
1333
|
-
className: styles$
|
|
1365
|
+
className: styles$i.control,
|
|
1334
1366
|
type: "button",
|
|
1335
1367
|
"aria-label": "Open",
|
|
1336
1368
|
onClick: function onClick() {
|
|
@@ -1406,15 +1438,15 @@ var EmbedBlockContainer = function EmbedBlockContainer(_ref) {
|
|
|
1406
1438
|
});
|
|
1407
1439
|
};
|
|
1408
1440
|
|
|
1409
|
-
var styles$
|
|
1441
|
+
var styles$j = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
|
|
1410
1442
|
|
|
1411
1443
|
var QuoteBlock = function QuoteBlock(_ref) {
|
|
1412
1444
|
var data = _ref.block.data,
|
|
1413
1445
|
styleContext = _ref.styleContext;
|
|
1414
|
-
var classNames = [[styles$
|
|
1446
|
+
var classNames = [[styles$j.root, true]];
|
|
1415
1447
|
|
|
1416
1448
|
if (styleContext) {
|
|
1417
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1449
|
+
classNames = makeStyleContext(classNames, styleContext, styles$j);
|
|
1418
1450
|
}
|
|
1419
1451
|
|
|
1420
1452
|
return React__default.createElement("div", {
|
|
@@ -1427,7 +1459,7 @@ var QuoteBlock = function QuoteBlock(_ref) {
|
|
|
1427
1459
|
}));
|
|
1428
1460
|
};
|
|
1429
1461
|
|
|
1430
|
-
var styles$
|
|
1462
|
+
var styles$k = {"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"};
|
|
1431
1463
|
|
|
1432
1464
|
var CardTitle = function CardTitle(_ref) {
|
|
1433
1465
|
var _ref$block$data = _ref.block.data,
|
|
@@ -1437,15 +1469,15 @@ var CardTitle = function CardTitle(_ref) {
|
|
|
1437
1469
|
styleContext = _ref.styleContext;
|
|
1438
1470
|
return React__default.createElement("div", {
|
|
1439
1471
|
"data-testid": "card-title",
|
|
1440
|
-
className: makeClassName([[styles$
|
|
1472
|
+
className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]])
|
|
1441
1473
|
}, React__default.createElement("div", {
|
|
1442
|
-
className: styles$
|
|
1474
|
+
className: styles$k.index
|
|
1443
1475
|
}, index), React__default.createElement("h3", {
|
|
1444
|
-
className: styles$
|
|
1476
|
+
className: styles$k.title
|
|
1445
1477
|
}, text));
|
|
1446
1478
|
};
|
|
1447
1479
|
|
|
1448
|
-
var styles$
|
|
1480
|
+
var styles$l = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
|
|
1449
1481
|
|
|
1450
1482
|
var ChapterBlock = function ChapterBlock(_ref) {
|
|
1451
1483
|
var _ref$block = _ref.block,
|
|
@@ -1454,9 +1486,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
|
|
|
1454
1486
|
styleContext = _ref.styleContext;
|
|
1455
1487
|
return React__default.createElement("div", {
|
|
1456
1488
|
"data-testid": "chapter-block",
|
|
1457
|
-
className: makeClassName([[styles$
|
|
1489
|
+
className: makeClassName([[styles$l.root, true], [styles$l[onlyOn], !!onlyOn]])
|
|
1458
1490
|
}, React__default.createElement("div", {
|
|
1459
|
-
className: makeClassName([[styles$
|
|
1491
|
+
className: makeClassName([[styles$l.subtitle, true], [styles$l[styleContext], !!styleContext && !!styles$l[styleContext]]]),
|
|
1460
1492
|
dangerouslySetInnerHTML: {
|
|
1461
1493
|
__html: data
|
|
1462
1494
|
}
|
|
@@ -1474,17 +1506,17 @@ var generateGradient = function generateGradient(color, type) {
|
|
|
1474
1506
|
return "linear-gradient(-180deg, " + gradient + ")";
|
|
1475
1507
|
};
|
|
1476
1508
|
|
|
1477
|
-
var styles$
|
|
1509
|
+
var styles$m = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
|
|
1478
1510
|
|
|
1479
1511
|
var SimpleTitle = function SimpleTitle(_ref) {
|
|
1480
1512
|
var _ref$block = _ref.block,
|
|
1481
1513
|
first = _ref$block.data.first,
|
|
1482
1514
|
onlyOn = _ref$block.only_on,
|
|
1483
1515
|
styleContext = _ref.styleContext;
|
|
1484
|
-
var classNames = [[styles$
|
|
1516
|
+
var classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
|
|
1485
1517
|
|
|
1486
1518
|
if (styleContext) {
|
|
1487
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1519
|
+
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1488
1520
|
}
|
|
1489
1521
|
|
|
1490
1522
|
return React__default.createElement("h1", {
|
|
@@ -1493,7 +1525,7 @@ var SimpleTitle = function SimpleTitle(_ref) {
|
|
|
1493
1525
|
}, first);
|
|
1494
1526
|
};
|
|
1495
1527
|
|
|
1496
|
-
var styles$
|
|
1528
|
+
var styles$n = {"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"};
|
|
1497
1529
|
|
|
1498
1530
|
var RichTitle = function RichTitle(_ref) {
|
|
1499
1531
|
var _ref$block = _ref.block,
|
|
@@ -1505,10 +1537,10 @@ var RichTitle = function RichTitle(_ref) {
|
|
|
1505
1537
|
_ref$block$data$as = _ref$block$data.as,
|
|
1506
1538
|
TagName = _ref$block$data$as === void 0 ? 'h1' : _ref$block$data$as,
|
|
1507
1539
|
styleContext = _ref.styleContext;
|
|
1508
|
-
var classNames = [[styles$
|
|
1540
|
+
var classNames = [[styles$n.root, true], [styles$n[onlyOn], true], [styles$n.featured, !!featured]];
|
|
1509
1541
|
|
|
1510
1542
|
if (styleContext) {
|
|
1511
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1543
|
+
classNames = makeStyleContext(classNames, styleContext, styles$n);
|
|
1512
1544
|
}
|
|
1513
1545
|
|
|
1514
1546
|
return React__default.createElement(TagName, {
|
|
@@ -1517,7 +1549,7 @@ var RichTitle = function RichTitle(_ref) {
|
|
|
1517
1549
|
}, first, second && React__default.createElement("span", null, " ", second));
|
|
1518
1550
|
};
|
|
1519
1551
|
|
|
1520
|
-
var styles$
|
|
1552
|
+
var styles$o = {"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"};
|
|
1521
1553
|
|
|
1522
1554
|
var SimpleBlock = function SimpleBlock(_ref) {
|
|
1523
1555
|
var _ref$block = _ref.block,
|
|
@@ -1526,10 +1558,10 @@ var SimpleBlock = function SimpleBlock(_ref) {
|
|
|
1526
1558
|
onlyOn = _ref$block.only_on,
|
|
1527
1559
|
styleContext = _ref.styleContext;
|
|
1528
1560
|
var TagName;
|
|
1529
|
-
var classNames = [[styles$
|
|
1561
|
+
var classNames = [[styles$o[type], !!type && !!styles$o[type]], [styles$o[onlyOn], true]];
|
|
1530
1562
|
|
|
1531
1563
|
if (styleContext) {
|
|
1532
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1564
|
+
classNames = makeStyleContext(classNames, styleContext, styles$o);
|
|
1533
1565
|
}
|
|
1534
1566
|
|
|
1535
1567
|
switch (type) {
|
|
@@ -1560,7 +1592,7 @@ var SimpleBlock = function SimpleBlock(_ref) {
|
|
|
1560
1592
|
});
|
|
1561
1593
|
};
|
|
1562
1594
|
|
|
1563
|
-
var styles$
|
|
1595
|
+
var styles$p = {"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"};
|
|
1564
1596
|
|
|
1565
1597
|
var ListBlock = function ListBlock(_ref) {
|
|
1566
1598
|
var _ref$block = _ref.block,
|
|
@@ -1569,10 +1601,10 @@ var ListBlock = function ListBlock(_ref) {
|
|
|
1569
1601
|
onlyOn = _ref$block.only_on,
|
|
1570
1602
|
styleContext = _ref.styleContext;
|
|
1571
1603
|
var TagName = type;
|
|
1572
|
-
var classNames = [[styles$
|
|
1604
|
+
var classNames = [[styles$p.root, true], [styles$p[onlyOn], true], [styles$p[type], !!type && !!styles$p[type]]];
|
|
1573
1605
|
|
|
1574
1606
|
if (styleContext) {
|
|
1575
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1607
|
+
classNames = makeStyleContext(classNames, styleContext, styles$p);
|
|
1576
1608
|
}
|
|
1577
1609
|
|
|
1578
1610
|
return React__default.createElement(TagName, {
|
|
@@ -1588,7 +1620,7 @@ var ListBlock = function ListBlock(_ref) {
|
|
|
1588
1620
|
}));
|
|
1589
1621
|
};
|
|
1590
1622
|
|
|
1591
|
-
var styles$
|
|
1623
|
+
var styles$q = {"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"};
|
|
1592
1624
|
|
|
1593
1625
|
var RelatedBlock = function RelatedBlock(_ref) {
|
|
1594
1626
|
var _ref$block = _ref.block,
|
|
@@ -1597,32 +1629,32 @@ var RelatedBlock = function RelatedBlock(_ref) {
|
|
|
1597
1629
|
related = _ref$block$data.related,
|
|
1598
1630
|
onlyOn = _ref$block.only_on,
|
|
1599
1631
|
styleContext = _ref.styleContext;
|
|
1600
|
-
var classNames = [[styles$
|
|
1632
|
+
var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
|
|
1601
1633
|
|
|
1602
1634
|
if (styleContext) {
|
|
1603
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1635
|
+
classNames = makeStyleContext(classNames, styleContext, styles$q);
|
|
1604
1636
|
}
|
|
1605
1637
|
|
|
1606
1638
|
return React__default.createElement("div", {
|
|
1607
1639
|
"data-testid": "related-block",
|
|
1608
1640
|
className: makeClassName(classNames)
|
|
1609
1641
|
}, React__default.createElement("h3", {
|
|
1610
|
-
className: styles$
|
|
1642
|
+
className: styles$q.header
|
|
1611
1643
|
}, title), React__default.createElement("ul", {
|
|
1612
|
-
className: styles$
|
|
1644
|
+
className: styles$q.items
|
|
1613
1645
|
}, related.map(function (item, index) {
|
|
1614
1646
|
return React__default.createElement("li", {
|
|
1615
1647
|
key: item.id || index,
|
|
1616
|
-
className: styles$
|
|
1648
|
+
className: styles$q[item.layout]
|
|
1617
1649
|
}, React__default.createElement(reactRouterDom.Link, {
|
|
1618
1650
|
to: item.full_url || "/" + item.url
|
|
1619
1651
|
}, React__default.createElement("span", {
|
|
1620
|
-
className: styles$
|
|
1652
|
+
className: styles$q.first
|
|
1621
1653
|
}, item.title), item.second_title && ' ', item.second_title && React__default.createElement("span", null, item.second_title)));
|
|
1622
1654
|
})));
|
|
1623
1655
|
};
|
|
1624
1656
|
|
|
1625
|
-
var styles$
|
|
1657
|
+
var styles$r = {"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"};
|
|
1626
1658
|
|
|
1627
1659
|
var SourceBlock = function SourceBlock(_ref) {
|
|
1628
1660
|
var _ref$block = _ref.block,
|
|
@@ -1632,10 +1664,10 @@ var SourceBlock = function SourceBlock(_ref) {
|
|
|
1632
1664
|
origin = _ref$block$data.origin,
|
|
1633
1665
|
url = _ref$block$data.url,
|
|
1634
1666
|
styleContext = _ref.styleContext;
|
|
1635
|
-
var classNames = [[styles$
|
|
1667
|
+
var classNames = [[styles$r.root, true], [styles$r[onlyOn], true]];
|
|
1636
1668
|
|
|
1637
1669
|
if (styleContext) {
|
|
1638
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1670
|
+
classNames = makeStyleContext(classNames, styleContext, styles$r);
|
|
1639
1671
|
}
|
|
1640
1672
|
|
|
1641
1673
|
return React__default.createElement("blockquote", {
|
|
@@ -1643,7 +1675,7 @@ var SourceBlock = function SourceBlock(_ref) {
|
|
|
1643
1675
|
cite: url,
|
|
1644
1676
|
className: makeClassName(classNames)
|
|
1645
1677
|
}, React__default.createElement("a", {
|
|
1646
|
-
className: styles$
|
|
1678
|
+
className: styles$r.text,
|
|
1647
1679
|
href: url,
|
|
1648
1680
|
target: "_blank",
|
|
1649
1681
|
rel: "noopener noreferrer"
|
|
@@ -1655,11 +1687,11 @@ var SourceBlock = function SourceBlock(_ref) {
|
|
|
1655
1687
|
}
|
|
1656
1688
|
});
|
|
1657
1689
|
}), React__default.createElement("footer", null, React__default.createElement("cite", {
|
|
1658
|
-
className: styles$
|
|
1690
|
+
className: styles$r.origin
|
|
1659
1691
|
}, origin))));
|
|
1660
1692
|
};
|
|
1661
1693
|
|
|
1662
|
-
var styles$
|
|
1694
|
+
var styles$s = {"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"};
|
|
1663
1695
|
|
|
1664
1696
|
var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
1665
1697
|
var block = _ref.block,
|
|
@@ -1679,11 +1711,11 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
|
1679
1711
|
isVisible(true);
|
|
1680
1712
|
};
|
|
1681
1713
|
|
|
1682
|
-
var classNames = [[styles$
|
|
1714
|
+
var classNames = [[styles$s.root, true], [styles$s.visible, visible], [styles$s[display], display && styles$s[display]]];
|
|
1683
1715
|
var context = ['isInSensitiveBlock'];
|
|
1684
1716
|
|
|
1685
1717
|
if (styleContext) {
|
|
1686
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1718
|
+
classNames = makeStyleContext(classNames, styleContext, styles$s);
|
|
1687
1719
|
context = [].concat(styleContext, ['isInSensitiveBlock']);
|
|
1688
1720
|
}
|
|
1689
1721
|
|
|
@@ -1691,32 +1723,32 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
|
1691
1723
|
"data-testid": "sensitive-block",
|
|
1692
1724
|
className: makeClassName(classNames)
|
|
1693
1725
|
}, React__default.createElement("div", {
|
|
1694
|
-
className: styles$
|
|
1726
|
+
className: styles$s.container
|
|
1695
1727
|
}, React__default.createElement("div", {
|
|
1696
|
-
className: styles$
|
|
1728
|
+
className: styles$s.overlay,
|
|
1697
1729
|
style: {
|
|
1698
1730
|
backgroundImage: "url(" + blurredImage + ")"
|
|
1699
1731
|
}
|
|
1700
1732
|
}, React__default.createElement("div", {
|
|
1701
|
-
className: styles$
|
|
1733
|
+
className: styles$s.content
|
|
1702
1734
|
}, React__default.createElement("p", {
|
|
1703
1735
|
dangerouslySetInnerHTML: {
|
|
1704
1736
|
__html: block.title
|
|
1705
1737
|
}
|
|
1706
1738
|
}), React__default.createElement("div", {
|
|
1707
|
-
className: styles$
|
|
1739
|
+
className: styles$s.button
|
|
1708
1740
|
}, React__default.createElement(Button, {
|
|
1709
1741
|
onClick: function onClick() {
|
|
1710
1742
|
return handleClick();
|
|
1711
1743
|
},
|
|
1712
1744
|
theme: "light"
|
|
1713
1745
|
}, block.button.text)))), React__default.createElement("div", {
|
|
1714
|
-
className: styles$
|
|
1746
|
+
className: styles$s.media
|
|
1715
1747
|
}, React__default.createElement(EmbedBlockContainer, {
|
|
1716
1748
|
block: block.item,
|
|
1717
1749
|
styleContext: context
|
|
1718
1750
|
}))), cc && React__default.createElement("figcaption", {
|
|
1719
|
-
className: styles$
|
|
1751
|
+
className: styles$s.figcaption
|
|
1720
1752
|
}, React__default.createElement(MediaCaption, {
|
|
1721
1753
|
credit: credit,
|
|
1722
1754
|
caption: caption,
|
|
@@ -1724,7 +1756,7 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
|
|
|
1724
1756
|
})));
|
|
1725
1757
|
};
|
|
1726
1758
|
|
|
1727
|
-
var styles$
|
|
1759
|
+
var styles$t = {"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"};
|
|
1728
1760
|
|
|
1729
1761
|
var GroupedBlock = function GroupedBlock(_ref) {
|
|
1730
1762
|
var block = _ref.block,
|
|
@@ -1741,21 +1773,21 @@ var GroupedBlock = function GroupedBlock(_ref) {
|
|
|
1741
1773
|
var sumWidth = normalizedBoxesWidth.reduce(function (sum, x) {
|
|
1742
1774
|
return sum + x;
|
|
1743
1775
|
});
|
|
1744
|
-
var classNames = [[styles$
|
|
1776
|
+
var classNames = [[styles$t.root, true], [styles$t[onlyOn], true], [styles$t.hasFigcaption, block.cc === 'default'], [styles$t[block.display], !!block.display && styles$t[block.display]]];
|
|
1745
1777
|
|
|
1746
1778
|
if (styleContext) {
|
|
1747
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
1779
|
+
classNames = makeStyleContext(classNames, styleContext, styles$t);
|
|
1748
1780
|
}
|
|
1749
1781
|
|
|
1750
1782
|
return React__default.createElement("div", {
|
|
1751
1783
|
"data-testid": "grouped-block",
|
|
1752
1784
|
className: makeClassName(classNames)
|
|
1753
1785
|
}, React__default.createElement("div", {
|
|
1754
|
-
className: styles$
|
|
1786
|
+
className: styles$t.items
|
|
1755
1787
|
}, block.data.map(function (item, index) {
|
|
1756
1788
|
var percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
|
|
1757
1789
|
return React__default.createElement("div", {
|
|
1758
|
-
className: styles$
|
|
1790
|
+
className: styles$t.item,
|
|
1759
1791
|
key: item.id,
|
|
1760
1792
|
style: {
|
|
1761
1793
|
width: percentWidth + "%"
|
|
@@ -1768,7 +1800,7 @@ var GroupedBlock = function GroupedBlock(_ref) {
|
|
|
1768
1800
|
styleContext: ['isInGroupedBlock']
|
|
1769
1801
|
}));
|
|
1770
1802
|
})), block.cc && React__default.createElement("figcaption", {
|
|
1771
|
-
className: styles$
|
|
1803
|
+
className: styles$t.figcaption
|
|
1772
1804
|
}, React__default.createElement(MediaCaption, {
|
|
1773
1805
|
credit: block.credit,
|
|
1774
1806
|
caption: block.caption,
|
|
@@ -1776,32 +1808,32 @@ var GroupedBlock = function GroupedBlock(_ref) {
|
|
|
1776
1808
|
})));
|
|
1777
1809
|
};
|
|
1778
1810
|
|
|
1779
|
-
var styles$
|
|
1811
|
+
var styles$u = {"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"};
|
|
1780
1812
|
|
|
1781
1813
|
var MetaItem = function MetaItem(_ref) {
|
|
1782
1814
|
var hasSource = _ref.hasSource,
|
|
1783
1815
|
type = _ref.type,
|
|
1784
1816
|
children = _ref.children,
|
|
1785
1817
|
bullets = _ref.bullets;
|
|
1786
|
-
var classNames = [[styles$
|
|
1818
|
+
var classNames = [[styles$u.root, true], [styles$u[type], !!type && !!styles$u[type]], [styles$u.hasSource, !!hasSource], [styles$u.hasBullets, !!bullets]];
|
|
1787
1819
|
return React__default.createElement("div", {
|
|
1788
1820
|
"data-testid": "meta-item",
|
|
1789
1821
|
className: makeClassName(classNames)
|
|
1790
1822
|
}, children);
|
|
1791
1823
|
};
|
|
1792
1824
|
|
|
1793
|
-
var styles$
|
|
1825
|
+
var styles$v = {"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"};
|
|
1794
1826
|
|
|
1795
1827
|
var MetaItemLive = function MetaItemLive(_ref) {
|
|
1796
1828
|
var _ref$theme = _ref.theme,
|
|
1797
1829
|
theme = _ref$theme === void 0 ? 'gold' : _ref$theme;
|
|
1798
|
-
var classNames = [[styles$
|
|
1830
|
+
var classNames = [[styles$v.root, true], [styles$v[theme], !!theme && styles$v[theme]]];
|
|
1799
1831
|
return React__default.createElement("div", {
|
|
1800
1832
|
"data-testid": "meta-item-live",
|
|
1801
1833
|
"data-meta": "live",
|
|
1802
1834
|
className: makeClassName(classNames)
|
|
1803
1835
|
}, React__default.createElement("div", {
|
|
1804
|
-
className: styles$
|
|
1836
|
+
className: styles$v.frame
|
|
1805
1837
|
}));
|
|
1806
1838
|
};
|
|
1807
1839
|
|
|
@@ -1826,7 +1858,7 @@ var pluralize = function pluralize(number, one, two, five) {
|
|
|
1826
1858
|
return five;
|
|
1827
1859
|
};
|
|
1828
1860
|
|
|
1829
|
-
var styles$
|
|
1861
|
+
var styles$w = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
|
|
1830
1862
|
|
|
1831
1863
|
var DocumentItemsCount = function DocumentItemsCount(_ref) {
|
|
1832
1864
|
var type = _ref.type,
|
|
@@ -1863,9 +1895,9 @@ var DocumentItemsCount = function DocumentItemsCount(_ref) {
|
|
|
1863
1895
|
var itemsCount = items + " " + pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five);
|
|
1864
1896
|
return React__default.createElement("div", {
|
|
1865
1897
|
"data-testid": "document-items-count",
|
|
1866
|
-
className: styles$
|
|
1898
|
+
className: styles$w.root
|
|
1867
1899
|
}, children, React__default.createElement("span", {
|
|
1868
|
-
className: styles$
|
|
1900
|
+
className: styles$w.items
|
|
1869
1901
|
}, itemsCount));
|
|
1870
1902
|
};
|
|
1871
1903
|
|
|
@@ -1988,7 +2020,7 @@ var MetaContainer = function MetaContainer(_ref) {
|
|
|
1988
2020
|
icon: isListened ? 'listened' : 'read',
|
|
1989
2021
|
size: "unset"
|
|
1990
2022
|
})), isSlides && lang === 'ru' && React__default.createElement("div", {
|
|
1991
|
-
className: styles$
|
|
2023
|
+
className: styles$g.bookmark
|
|
1992
2024
|
}, React__default.createElement(BookmarkButton, {
|
|
1993
2025
|
isInBookmarks: isInBookmarks,
|
|
1994
2026
|
onClick: function onClick() {
|
|
@@ -2150,7 +2182,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
|
|
|
2150
2182
|
}
|
|
2151
2183
|
};
|
|
2152
2184
|
|
|
2153
|
-
var styles$
|
|
2185
|
+
var styles$x = {"root":"Cover-module_root__18Z8J","body":"Cover-module_body__1xs8e","image":"Cover-module_image__2f3Qc","rich":"Cover-module_rich__1fAGA","dark":"Cover-module_dark__2Ac-w","light":"Cover-module_light__FUp5X","control":"Cover-module_control__VXbhi","isInDynamicBlock":"Cover-module_isInDynamicBlock__3eghb","mobile":"Cover-module_mobile__5DKa1","desktop":"Cover-module_desktop__2mrOc"};
|
|
2154
2186
|
|
|
2155
2187
|
var Cover = function Cover(_ref) {
|
|
2156
2188
|
var _ref$block = _ref.block,
|
|
@@ -2171,15 +2203,15 @@ var Cover = function Cover(_ref) {
|
|
|
2171
2203
|
setIsPopoverShown = _useState[1];
|
|
2172
2204
|
|
|
2173
2205
|
var style = {};
|
|
2174
|
-
var classNames = [[styles$
|
|
2206
|
+
var classNames = [[styles$x.root, true], [styles$x[onlyOn], !!onlyOn && !!styles$x[onlyOn]]];
|
|
2175
2207
|
|
|
2176
2208
|
if (styleContext) {
|
|
2177
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2209
|
+
classNames = makeStyleContext(classNames, styleContext, styles$x);
|
|
2178
2210
|
}
|
|
2179
2211
|
|
|
2180
2212
|
if (gradients) {
|
|
2181
2213
|
var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2182
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2214
|
+
classNames = makeStyleContext(classNames, theme, styles$x);
|
|
2183
2215
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
2184
2216
|
}
|
|
2185
2217
|
|
|
@@ -2195,13 +2227,13 @@ var Cover = function Cover(_ref) {
|
|
|
2195
2227
|
"data-testid": "cover",
|
|
2196
2228
|
className: makeClassName(classNames)
|
|
2197
2229
|
}, React__default.createElement("div", {
|
|
2198
|
-
className: styles$
|
|
2230
|
+
className: styles$x.image
|
|
2199
2231
|
}, React__default.createElement(Image, {
|
|
2200
2232
|
optimized: urls,
|
|
2201
2233
|
ratio: mobileRatio,
|
|
2202
2234
|
display: "narrow"
|
|
2203
2235
|
})), React__default.createElement("div", {
|
|
2204
|
-
className: styles$
|
|
2236
|
+
className: styles$x.body,
|
|
2205
2237
|
style: style
|
|
2206
2238
|
}, blocks.map(function (item) {
|
|
2207
2239
|
return React__default.createElement(RenderBlocks, {
|
|
@@ -2210,7 +2242,7 @@ var Cover = function Cover(_ref) {
|
|
|
2210
2242
|
styleContext: styleContext
|
|
2211
2243
|
});
|
|
2212
2244
|
})), cc === 'button' && React__default.createElement("button", {
|
|
2213
|
-
className: styles$
|
|
2245
|
+
className: styles$x.control,
|
|
2214
2246
|
type: "button",
|
|
2215
2247
|
"aria-label": "Open",
|
|
2216
2248
|
onClick: function onClick() {
|
|
@@ -2223,7 +2255,7 @@ var Cover = function Cover(_ref) {
|
|
|
2223
2255
|
}, renderCC('isInPopover')));
|
|
2224
2256
|
};
|
|
2225
2257
|
|
|
2226
|
-
var styles$
|
|
2258
|
+
var styles$y = {"root":"HalfBlock-module_root__2frv2","main":"HalfBlock-module_main__2XX73","body":"HalfBlock-module_body__3MnEN","footer":"HalfBlock-module_footer__1C0yp","image":"HalfBlock-module_image__2lYel","mobile":"HalfBlock-module_mobile__2latf","desktop":"HalfBlock-module_desktop__3B1Ej"};
|
|
2227
2259
|
|
|
2228
2260
|
var HalfBlock = function HalfBlock(_ref) {
|
|
2229
2261
|
var _ref$block = _ref.block,
|
|
@@ -2235,25 +2267,25 @@ var HalfBlock = function HalfBlock(_ref) {
|
|
|
2235
2267
|
credit = _ref$block$data$cover.credit,
|
|
2236
2268
|
caption = _ref$block$data$cover.caption,
|
|
2237
2269
|
styleContext = _ref.styleContext;
|
|
2238
|
-
var classNames = [[styles$
|
|
2270
|
+
var classNames = [[styles$y.root, true], [styles$y[onlyOn], true]];
|
|
2239
2271
|
|
|
2240
2272
|
if (styleContext) {
|
|
2241
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2273
|
+
classNames = makeStyleContext(classNames, styleContext, styles$y);
|
|
2242
2274
|
}
|
|
2243
2275
|
|
|
2244
2276
|
return React__default.createElement("div", {
|
|
2245
2277
|
"data-testid": "half-block",
|
|
2246
2278
|
className: makeClassName(classNames)
|
|
2247
2279
|
}, React__default.createElement("div", {
|
|
2248
|
-
className: styles$
|
|
2280
|
+
className: styles$y.main
|
|
2249
2281
|
}, React__default.createElement("div", {
|
|
2250
|
-
className: styles$
|
|
2282
|
+
className: styles$y.image
|
|
2251
2283
|
}, React__default.createElement(Image, {
|
|
2252
2284
|
optimized: optimized,
|
|
2253
2285
|
ratio: ratio,
|
|
2254
2286
|
display: "super_full"
|
|
2255
2287
|
})), React__default.createElement("div", {
|
|
2256
|
-
className: styles$
|
|
2288
|
+
className: styles$y.body
|
|
2257
2289
|
}, data.blocks.map(function (item) {
|
|
2258
2290
|
return React__default.createElement(RenderBlocks, {
|
|
2259
2291
|
key: item.id,
|
|
@@ -2261,7 +2293,7 @@ var HalfBlock = function HalfBlock(_ref) {
|
|
|
2261
2293
|
styleContext: ['rich']
|
|
2262
2294
|
});
|
|
2263
2295
|
}))), React__default.createElement("div", {
|
|
2264
|
-
className: styles$
|
|
2296
|
+
className: styles$y.footer
|
|
2265
2297
|
}, React__default.createElement(MediaCaption, {
|
|
2266
2298
|
credit: credit,
|
|
2267
2299
|
caption: caption,
|
|
@@ -2269,17 +2301,17 @@ var HalfBlock = function HalfBlock(_ref) {
|
|
|
2269
2301
|
})));
|
|
2270
2302
|
};
|
|
2271
2303
|
|
|
2272
|
-
var styles$
|
|
2304
|
+
var styles$z = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
|
|
2273
2305
|
|
|
2274
2306
|
var ImportantLead = function ImportantLead(_ref) {
|
|
2275
2307
|
var _ref$block = _ref.block,
|
|
2276
2308
|
onlyOn = _ref$block.only_on,
|
|
2277
2309
|
data = _ref$block.data,
|
|
2278
2310
|
styleContext = _ref.styleContext;
|
|
2279
|
-
var classNames = [[styles$
|
|
2311
|
+
var classNames = [[styles$z.root, true], [styles$z[onlyOn], !!onlyOn]];
|
|
2280
2312
|
|
|
2281
2313
|
if (styleContext) {
|
|
2282
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2314
|
+
classNames = makeStyleContext(classNames, styleContext, styles$z);
|
|
2283
2315
|
}
|
|
2284
2316
|
|
|
2285
2317
|
return React__default.createElement("div", {
|
|
@@ -2294,7 +2326,7 @@ var ImportantLead = function ImportantLead(_ref) {
|
|
|
2294
2326
|
}));
|
|
2295
2327
|
};
|
|
2296
2328
|
|
|
2297
|
-
var styles$
|
|
2329
|
+
var styles$A = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__nYdlo","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
|
|
2298
2330
|
|
|
2299
2331
|
var Spoiler = function Spoiler(_ref) {
|
|
2300
2332
|
var _ref$block = _ref.block,
|
|
@@ -2329,11 +2361,11 @@ var Spoiler = function Spoiler(_ref) {
|
|
|
2329
2361
|
}
|
|
2330
2362
|
};
|
|
2331
2363
|
|
|
2332
|
-
var classNames = [[styles$
|
|
2364
|
+
var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn], [styles$A[display], !!display && styles$A[display]], [[styles$A.spoiled], !!spoiled]];
|
|
2333
2365
|
var context = ['center'];
|
|
2334
2366
|
|
|
2335
2367
|
if (styleContext) {
|
|
2336
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2368
|
+
classNames = makeStyleContext(classNames, styleContext, styles$A);
|
|
2337
2369
|
}
|
|
2338
2370
|
|
|
2339
2371
|
var buttonCollapse = button ? button.collapse : 'Свернуть';
|
|
@@ -2343,9 +2375,9 @@ var Spoiler = function Spoiler(_ref) {
|
|
|
2343
2375
|
className: makeClassName(classNames),
|
|
2344
2376
|
"data-testid": "spoiler"
|
|
2345
2377
|
}, React__default.createElement("div", {
|
|
2346
|
-
className: styles$
|
|
2378
|
+
className: styles$A.header
|
|
2347
2379
|
}, title && React__default.createElement("h3", null, title)), React__default.createElement("div", {
|
|
2348
|
-
className: styles$
|
|
2380
|
+
className: styles$A.body
|
|
2349
2381
|
}, blocks.map(function (item) {
|
|
2350
2382
|
return React__default.createElement(RenderBlocks, {
|
|
2351
2383
|
key: item.id,
|
|
@@ -2353,7 +2385,7 @@ var Spoiler = function Spoiler(_ref) {
|
|
|
2353
2385
|
styleContext: context
|
|
2354
2386
|
});
|
|
2355
2387
|
})), React__default.createElement("div", {
|
|
2356
|
-
className: styles$
|
|
2388
|
+
className: styles$A.footer
|
|
2357
2389
|
}, React__default.createElement(Button, {
|
|
2358
2390
|
size: "default",
|
|
2359
2391
|
theme: "gray",
|
|
@@ -2366,7 +2398,7 @@ var Spoiler = function Spoiler(_ref) {
|
|
|
2366
2398
|
}))));
|
|
2367
2399
|
};
|
|
2368
2400
|
|
|
2369
|
-
var styles$
|
|
2401
|
+
var styles$B = {"root":"RelatedRichBlock-module_root__3NYmj","wrapper":"RelatedRichBlock-module_wrapper__1eLIQ","overlay":"RelatedRichBlock-module_overlay__3XSg_","overlayHeader":"RelatedRichBlock-module_overlayHeader__2Nmbv","body":"RelatedRichBlock-module_body__1ZHZS","isRich":"RelatedRichBlock-module_isRich__1LnA4","hasGradient":"RelatedRichBlock-module_hasGradient__27LOk","picture":"RelatedRichBlock-module_picture__128HJ","isCard":"RelatedRichBlock-module_isCard__2naDz","cover":"RelatedRichBlock-module_cover__3yygp","tag":"RelatedRichBlock-module_tag__3OLyG","center":"RelatedRichBlock-module_center__197sx","dark":"RelatedRichBlock-module_dark__3Y1fE","light":"RelatedRichBlock-module_light__2mUxL","mobile":"RelatedRichBlock-module_mobile__JpCS4","desktop":"RelatedRichBlock-module_desktop__trL0D"};
|
|
2370
2402
|
|
|
2371
2403
|
/* eslint-disable react/jsx-no-target-blank */
|
|
2372
2404
|
var RelatedRichBlock = function RelatedRichBlock(_ref) {
|
|
@@ -2405,18 +2437,18 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
|
|
|
2405
2437
|
postMessage('richRelated', url, 'click');
|
|
2406
2438
|
};
|
|
2407
2439
|
|
|
2408
|
-
var classNames = [[styles$
|
|
2440
|
+
var classNames = [[styles$B.root, true], [styles$B[cardType], !!layout && !!styles$B[cardType]], [styles$B.hasGradient, !!gradients], [styles$B[onlyOn], !!onlyOn && !!styles$B[onlyOn]]];
|
|
2409
2441
|
var context = ['isInMediaBlock'];
|
|
2410
2442
|
|
|
2411
2443
|
if (styleContext) {
|
|
2412
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
2444
|
+
classNames = makeStyleContext(classNames, styleContext, styles$B);
|
|
2413
2445
|
context = [].concat(styleContext, ['isInMediaBlock']);
|
|
2414
2446
|
}
|
|
2415
2447
|
|
|
2416
2448
|
if (gradients) {
|
|
2417
2449
|
styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
|
|
2418
2450
|
var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
|
|
2419
|
-
classNames = makeStyleContext(classNames, theme, styles$
|
|
2451
|
+
classNames = makeStyleContext(classNames, theme, styles$B);
|
|
2420
2452
|
|
|
2421
2453
|
if (onlyOn === 'desktop') {
|
|
2422
2454
|
style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
|
|
@@ -2432,27 +2464,27 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
|
|
|
2432
2464
|
},
|
|
2433
2465
|
ref: ref
|
|
2434
2466
|
}, layout === 'rich' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
2435
|
-
className: styles$
|
|
2467
|
+
className: styles$B.overlay,
|
|
2436
2468
|
style: style
|
|
2437
2469
|
}), React__default.createElement("div", {
|
|
2438
|
-
className: styles$
|
|
2470
|
+
className: styles$B.overlayHeader,
|
|
2439
2471
|
style: styleHeader
|
|
2440
2472
|
})), React__default.createElement("div", {
|
|
2441
|
-
className: styles$
|
|
2473
|
+
className: styles$B.tag
|
|
2442
2474
|
}, React__default.createElement(Tag, {
|
|
2443
2475
|
size: "small",
|
|
2444
2476
|
theme: "inherit",
|
|
2445
2477
|
styleContext: "richRelated"
|
|
2446
2478
|
}, tag)), React__default.createElement("div", {
|
|
2447
|
-
className: styles$
|
|
2479
|
+
className: styles$B.cover
|
|
2448
2480
|
}, React__default.createElement("div", {
|
|
2449
|
-
className: styles$
|
|
2481
|
+
className: styles$B.picture
|
|
2450
2482
|
}, React__default.createElement(Image, {
|
|
2451
2483
|
optimized: urls,
|
|
2452
2484
|
ratio: ratio,
|
|
2453
2485
|
display: "narrow"
|
|
2454
2486
|
}))), React__default.createElement("div", {
|
|
2455
|
-
className: styles$
|
|
2487
|
+
className: styles$B.body
|
|
2456
2488
|
}, blocks.map(function (item) {
|
|
2457
2489
|
return React__default.createElement(RenderBlocks, {
|
|
2458
2490
|
key: item.id,
|
|
@@ -2533,7 +2565,7 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
|
|
|
2533
2565
|
}
|
|
2534
2566
|
};
|
|
2535
2567
|
|
|
2536
|
-
var styles$
|
|
2568
|
+
var styles$C = {"root":"ToolbarButton-module_root__xN-fq","isDark":"ToolbarButton-module_isDark__2q5U7","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","text":"ToolbarButton-module_text__32m6s"};
|
|
2537
2569
|
|
|
2538
2570
|
var ToolbarButton = function ToolbarButton(_ref) {
|
|
2539
2571
|
var children = _ref.children,
|
|
@@ -2541,7 +2573,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
|
|
|
2541
2573
|
theme = _ref.theme,
|
|
2542
2574
|
isActive = _ref.isActive,
|
|
2543
2575
|
_onClick = _ref.onClick;
|
|
2544
|
-
var classNames = [[styles$
|
|
2576
|
+
var classNames = [[styles$C.root, true], [styles$C[type], !!styles$C[type]], [styles$C[theme], !!styles$C[theme] && !!theme], [styles$C.isActive, !!isActive]];
|
|
2545
2577
|
return React__default.createElement("li", {
|
|
2546
2578
|
className: toolbarStyles.item
|
|
2547
2579
|
}, React__default.createElement("button", {
|
|
@@ -2556,7 +2588,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
|
|
|
2556
2588
|
icon: type,
|
|
2557
2589
|
styleContext: "isInToolbar"
|
|
2558
2590
|
}), children && React__default.createElement("span", {
|
|
2559
|
-
className: styles$
|
|
2591
|
+
className: styles$C.text
|
|
2560
2592
|
}, children)));
|
|
2561
2593
|
};
|
|
2562
2594
|
|
|
@@ -2566,6 +2598,7 @@ exports.CardTitle = CardTitle;
|
|
|
2566
2598
|
exports.ChapterBlock = ChapterBlock;
|
|
2567
2599
|
exports.Cover = Cover;
|
|
2568
2600
|
exports.DocumentItemsCount = DocumentItemsCount;
|
|
2601
|
+
exports.DonatesTeaser = DonatesTeaser;
|
|
2569
2602
|
exports.DotsOnImage = DotsOnImage;
|
|
2570
2603
|
exports.Dropdown = Dropdown;
|
|
2571
2604
|
exports.EmbedBlockContainer = EmbedBlockContainer;
|