@meduza/ui-kit-2 1.1.3 → 1.2.0
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/Meta/Meta.types.d.ts +0 -5
- package/dist/MetaItem/MetaItem.types.d.ts +1 -0
- package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts +1 -5
- package/dist/RenderBlocks/RenderBlocks.types.d.ts +1 -5
- package/dist/SvgSymbol/SvgSymbol.types.d.ts +2 -2
- package/dist/SvgSymbol/icons.d.ts +0 -25
- package/dist/ToolbarButton/ToolbarButton.types.d.ts +1 -2
- package/dist/constants.d.ts +0 -2
- package/dist/index.d.ts +0 -1
- package/dist/types.d.ts +1 -1
- package/dist/ui-kit-2.cjs.development.js +69 -167
- 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 +70 -167
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +47 -156
- package/dist/ui-kit.css +47 -156
- package/package.json +13 -13
- package/src/Cover/Cover.module.css +0 -17
- package/src/Meta/Meta.module.css +0 -11
- package/src/Meta/Meta.stories.tsx +1 -3
- package/src/Meta/Meta.types.ts +0 -5
- package/src/Meta/MetaContainer.tsx +5 -44
- package/src/MetaItem/MetaItem.module.css +12 -22
- package/src/MetaItem/MetaItem.types.ts +1 -0
- package/src/MetaItem/index.tsx +4 -2
- package/src/RawHtmlBlock/RawHtmlBlock.types.ts +1 -5
- package/src/RawHtmlBlock/index.tsx +0 -8
- package/src/RawHtmlBlock/mock.json +1 -2
- package/src/RenderBlocks/RenderBlocks.types.ts +1 -5
- package/src/RenderBlocks/index.tsx +0 -8
- package/src/RichTitle/RichTitle.module.css +22 -3
- package/src/SvgSymbol/SvgSymbol.module.css +1 -26
- package/src/SvgSymbol/SvgSymbol.stories.tsx +1 -2
- package/src/SvgSymbol/SvgSymbol.types.ts +0 -6
- package/src/SvgSymbol/icons.ts +0 -33
- package/src/Tag/Tag.module.css +7 -4
- package/src/Toolbar/Toolbar.stories.tsx +2 -18
- package/src/ToolbarButton/ToolbarButton.module.css +0 -16
- package/src/ToolbarButton/ToolbarButton.types.ts +0 -2
- package/src/ToolbarButton/index.tsx +0 -7
- package/src/constants.ts +1 -3
- package/src/index.tsx +0 -1
- package/src/types.ts +0 -1
- package/dist/BookmarkButton/BookmarkButton.types.d.ts +0 -6
- package/dist/BookmarkButton/index.d.ts +0 -3
- package/src/BookmarkButton/BookmarkButton.css +0 -45
- package/src/BookmarkButton/BookmarkButton.module.css +0 -45
- package/src/BookmarkButton/BookmarkButton.stories.module.css +0 -5
- package/src/BookmarkButton/BookmarkButton.stories.tsx +0 -39
- package/src/BookmarkButton/BookmarkButton.test.tsx +0 -33
- package/src/BookmarkButton/BookmarkButton.types.ts +0 -6
- package/src/BookmarkButton/index.tsx +0 -35
|
@@ -34,7 +34,7 @@ const ButtonLoader = () => (/*#__PURE__*/React.createElement("svg", {
|
|
|
34
34
|
d: "M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z"
|
|
35
35
|
}))));
|
|
36
36
|
|
|
37
|
-
var styles$
|
|
37
|
+
var styles$I = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInToolbar":"Button-module_isInToolbar__84SG-","isInPodcast":"Button-module_isInPodcast__SNSpl","isInSpoiler":"Button-module_isInSpoiler__pGp-w","isInChronology":"Button-module_isInChronology__T-znS","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
|
|
38
38
|
|
|
39
39
|
const Button = ({
|
|
40
40
|
theme = 'gold',
|
|
@@ -54,12 +54,12 @@ const Button = ({
|
|
|
54
54
|
};
|
|
55
55
|
return /*#__PURE__*/React.createElement("button", {
|
|
56
56
|
"data-testid": "button",
|
|
57
|
-
className: makeClassName([[styles$
|
|
57
|
+
className: makeClassName([[styles$I.root, true], [styles$I[size], !!size], [styles$I[theme], !!theme], [styles$I[appearance], !!appearance], [styles$I[state], !!state && !!styles$I[state]], [styles$I[styleContext], !!styleContext]]),
|
|
58
58
|
disabled: disabled,
|
|
59
59
|
onClick: handleClick,
|
|
60
60
|
type: "button"
|
|
61
61
|
}, state === 'isLoading' ? (/*#__PURE__*/React.createElement("span", {
|
|
62
|
-
className: styles$
|
|
62
|
+
className: styles$I.loader
|
|
63
63
|
}, /*#__PURE__*/React.createElement(ButtonLoader, null))) : children);
|
|
64
64
|
};
|
|
65
65
|
|
|
@@ -196,11 +196,6 @@ const icons = {
|
|
|
196
196
|
<path d="M1.45592 9.99949C0.895922 9.99949 0.419922 9.53749 0.419922 8.96348C0.419922 8.62748 0.601922 8.31948 0.853922 8.13748C4.40992 5.54748 5.45992 4.62348 5.45992 3.50348C5.45992 2.69148 4.71792 2.28549 3.93392 2.28549C3.16392 2.28549 2.51992 2.52348 1.95992 2.91548C1.81992 3.01348 1.65192 3.06948 1.46992 3.06948C0.979922 3.06948 0.587922 2.67748 0.587922 2.18748C0.587922 1.89348 0.741922 1.62748 0.951922 1.47348C1.81992 0.815485 2.88392 0.521484 3.90592 0.521484C5.89392 0.521484 7.47592 1.64148 7.47592 3.50348C7.47592 5.09948 6.15992 6.48549 3.65392 8.24949H6.76192C7.23792 8.24949 7.64392 8.64149 7.64392 9.11749C7.64392 9.60748 7.23792 9.99949 6.76192 9.99949H1.45592Z" fill="black"/>
|
|
197
197
|
</g>`
|
|
198
198
|
},
|
|
199
|
-
podcastBookmark: {
|
|
200
|
-
width: 25,
|
|
201
|
-
height: 27,
|
|
202
|
-
content: '<path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" /> <path d="M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75zm-.75 1.499v9.176l-3.3-2.8-.098-.07a.75.75 0 00-.873.07l-3.3 2.799V9.749h7.571z" data-stroke="true" /> <path d="M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75z" data-fill="true" />'
|
|
203
|
-
},
|
|
204
199
|
reaction: {
|
|
205
200
|
width: 16,
|
|
206
201
|
height: 16,
|
|
@@ -246,31 +241,11 @@ const icons = {
|
|
|
246
241
|
height: 16,
|
|
247
242
|
content: '<path fill="currentColor" fill-rule="nonzero" d="M8 1a4.25 4.25 0 012.676 7.552 6.751 6.751 0 014.074 6.198.75.75 0 11-1.5 0 5.25 5.25 0 00-10.5 0 .75.75 0 11-1.5 0 6.752 6.752 0 014.074-6.199A4.25 4.25 0 018 1zm0 1.5A2.75 2.75 0 108 8a2.75 2.75 0 000-5.5z" />'
|
|
248
243
|
},
|
|
249
|
-
bookmark: {
|
|
250
|
-
width: 30,
|
|
251
|
-
height: 30,
|
|
252
|
-
content: '<g opacity="1"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 21.8237C24 22.847 24 23.3587 23.7885 23.6299C23.6043 23.8659 23.3242 24.007 23.025 24.0145C22.6811 24.0231 22.27 23.7185 21.4476 23.1094L15.9524 19.0388C15.6105 18.7856 15.4396 18.659 15.2523 18.6101C15.0869 18.567 14.9131 18.567 14.7477 18.6101C14.5604 18.659 14.3895 18.7856 14.0476 19.0388L8.55236 23.1094C7.73003 23.7185 7.31886 24.0231 6.97505 24.0145C6.67581 24.007 6.39566 23.8659 6.21155 23.6299C6 23.3587 6 22.847 6 21.8237V6.6C6 6.03995 6 5.75992 6.10899 5.54601C6.20487 5.35785 6.35785 5.20487 6.54601 5.10899C6.75992 5 7.03995 5 7.6 5H22.4C22.9601 5 23.2401 5 23.454 5.10899C23.6422 5.20487 23.7951 5.35785 23.891 5.54601C24 5.75992 24 6.03995 24 6.6V21.8237Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>'
|
|
253
|
-
},
|
|
254
|
-
shareBookmark: {
|
|
255
|
-
width: 11,
|
|
256
|
-
height: 15,
|
|
257
|
-
content: '<path clip-rule="evenodd" d="M10 14 5.5 9.667 1 14V1h9v13Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>'
|
|
258
|
-
},
|
|
259
244
|
receipt: {
|
|
260
245
|
width: 10,
|
|
261
246
|
height: 13,
|
|
262
247
|
content: '<g fill="currentColor" fill-rule="nonzero"><path d="M10 0H0v13l2-1.74 1.5 1.305L5 11.26l1.5 1.305L8 11.26 10 13V0zM9 .997v9.81l-1-.87-1.5 1.304L5 9.937 3.5 11.24 2 9.937l-1 .87V.996h8z"/><path d="M7 3v1H3V3zM7 6v1H3V6z"/></g>'
|
|
263
248
|
},
|
|
264
|
-
read: {
|
|
265
|
-
width: 15,
|
|
266
|
-
height: 15,
|
|
267
|
-
content: '<g fill="none" fill-rule="evenodd"><path opacity=".98" d="M0 0h15v15H0z"/><path d="M13.085 1.694a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" fill-rule="nonzero"/><path d="M6.454 12.997l-.06-.01-.078-.023a.49.49 0 01-.266-.24l.011.015a2.349 2.349 0 00-.535-.607c-.89-.745-2.117-.917-3.813-.12a.5.5 0 01-.706-.37L1 11.558V4.568a.5.5 0 01.287-.453c2.053-.963 3.695-.733 4.88.26.327.272.556.548.698.77l.084.144.018.04.022.076.01.071L7 11.233l.126-.09c.95-.656 2.16-.857 3.608-.417l.266.087v-2.81a.5.5 0 01.41-.491l.09-.008a.5.5 0 01.492.41l.008.09v3.555a.5.5 0 01-.713.452c-1.696-.796-2.922-.624-3.813.12a2.533 2.533 0 00-.497.544l-.038.064a.486.486 0 01-.485.258zm-4.29-8.17L2 4.892v5.92c1.637-.572 2.977-.348 4 .42l.002-5.58a2.605 2.605 0 00-.476-.513c-.81-.677-1.897-.88-3.362-.314z" fill="currentColor" fill-rule="nonzero"/></g>'
|
|
268
|
-
},
|
|
269
|
-
listened: {
|
|
270
|
-
width: 15,
|
|
271
|
-
height: 15,
|
|
272
|
-
content: '<g fill-rule="nonzero"><path d="M4.978 4.354a.5.5 0 01-.332.624c-1.197.367-2.064 1.527-2.14 2.897l-.005.167a.749.749 0 01.999.708v3a.75.75 0 01-1.458.248L2 12a1 1 0 01-1-1v-1a1 1 0 01.5-.866V8.072c0-1.886 1.172-3.535 2.854-4.05a.5.5 0 01.624.332zM10 7a.5.5 0 01.492.41l.008.09.001 1.634a1 1 0 01.492.745L11 10v1a1 1 0 01-.883.993L10 12l-.042-.002a.75.75 0 01-1.451-.146L8.5 11.75v-3a.75.75 0 011.001-.707L9.5 7.5l.008-.09A.5.5 0 0110 7z" fill="currentColor" /><path d="M11.585 1.194a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" /></g>'
|
|
273
|
-
},
|
|
274
249
|
magic: {
|
|
275
250
|
width: 15,
|
|
276
251
|
height: 15,
|
|
@@ -278,7 +253,7 @@ const icons = {
|
|
|
278
253
|
}
|
|
279
254
|
};
|
|
280
255
|
|
|
281
|
-
var styles$
|
|
256
|
+
var styles$H = {"root":"SvgSymbol-module_root__WctNR","small":"SvgSymbol-module_small__h9V-w","normal":"SvgSymbol-module_normal__gFAVe","medium":"SvgSymbol-module_medium__QaYjY","large":"SvgSymbol-module_large__o6A4o","adaptive":"SvgSymbol-module_adaptive__gL9qn","fb":"SvgSymbol-module_fb__HZqcB","vk":"SvgSymbol-module_vk__XctB2","ok":"SvgSymbol-module_ok__IM6Z9","tw":"SvgSymbol-module_tw__fio-Q","tg":"SvgSymbol-module_tg__GRhd-","magic":"SvgSymbol-module_magic__N-jKk","reaction":"SvgSymbol-module_reaction__xSbgo","card":"SvgSymbol-module_card__2nVFu","podcast":"SvgSymbol-module_podcast__Yp05r","menu":"SvgSymbol-module_menu__z-dLm","cross":"SvgSymbol-module_cross__3Xej1","isInFeature":"SvgSymbol-module_isInFeature__BmyI-","isInCard":"SvgSymbol-module_isInCard__USxBS","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__cnCgw","isInPageStatic":"SvgSymbol-module_isInPageStatic__7kMP-","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__lIKJO","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__mamWa","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__oZ6JG","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__NnADm","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__x8L9a","isInButtonForward":"SvgSymbol-module_isInButtonForward__TtixK","isInToolbar":"SvgSymbol-module_isInToolbar__RzbaX","play":"SvgSymbol-module_play__dAES0","speedHalf":"SvgSymbol-module_speedHalf__mvVYC","speedThreeQuarters":"SvgSymbol-module_speedThreeQuarters__9N7uH","speedOne":"SvgSymbol-module_speedOne__sRNph","speedOneQuarter":"SvgSymbol-module_speedOneQuarter__fKIT7","speedOneHalf":"SvgSymbol-module_speedOneHalf__7yXsa","speedTwo":"SvgSymbol-module_speedTwo__Bv8-b","meduzaLogo":"SvgSymbol-module_meduzaLogo__aVKzZ","arrow":"SvgSymbol-module_arrow__lWTSJ","oil":"SvgSymbol-module_oil__VFGTp","search":"SvgSymbol-module_search__h06cc","user":"SvgSymbol-module_user__ORMm-","receipt":"SvgSymbol-module_receipt__o3V8u","isInHeader":"SvgSymbol-module_isInHeader__M5Tzw"};
|
|
282
257
|
|
|
283
258
|
const SvgSymbol = ({
|
|
284
259
|
icon,
|
|
@@ -290,7 +265,7 @@ const SvgSymbol = ({
|
|
|
290
265
|
"data-testid": "svg-symbol",
|
|
291
266
|
xmlns: "http://www.w3.org/2000/svg",
|
|
292
267
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
293
|
-
className: makeClassName([[styles$
|
|
268
|
+
className: makeClassName([[styles$H.root, true], [styles$H[size], !!styles$H[size]], [styles$H[icon], !!styles$H[icon]], [styles$H[styleContext], !!styles$H[styleContext]]]),
|
|
294
269
|
width: data.width,
|
|
295
270
|
height: data.height,
|
|
296
271
|
viewBox: `0 0 ${data.width} ${data.height}`,
|
|
@@ -300,7 +275,7 @@ const SvgSymbol = ({
|
|
|
300
275
|
});
|
|
301
276
|
};
|
|
302
277
|
|
|
303
|
-
var styles$
|
|
278
|
+
var styles$G = {"root":"Switcher-module_root__cBsJB","dark":"Switcher-module_dark__1QQsH","control":"Switcher-module_control__60WMX","input":"Switcher-module_input__5UDnv","knob":"Switcher-module_knob__PwA1A","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT","children":"Switcher-module_children__uLapU"};
|
|
304
279
|
|
|
305
280
|
const Switcher = ({
|
|
306
281
|
enabled,
|
|
@@ -311,20 +286,20 @@ const Switcher = ({
|
|
|
311
286
|
childrenRight
|
|
312
287
|
}) => (/*#__PURE__*/React.createElement("label", {
|
|
313
288
|
"data-testid": "switcher",
|
|
314
|
-
className: makeClassName([[styles$
|
|
289
|
+
className: makeClassName([[styles$G.root, true], [styles$G[theme], !!styles$G[theme]], [styles$G[styleContext], !!styles$G[styleContext]]])
|
|
315
290
|
}, childrenLeft && (/*#__PURE__*/React.createElement("div", {
|
|
316
|
-
className: makeClassName([[styles$
|
|
291
|
+
className: makeClassName([[styles$G.children, true], [styles$G.left, true]])
|
|
317
292
|
}, childrenLeft)), /*#__PURE__*/React.createElement("input", {
|
|
318
|
-
className: styles$
|
|
293
|
+
className: styles$G.input,
|
|
319
294
|
type: "checkbox",
|
|
320
295
|
checked: enabled,
|
|
321
296
|
onChange: onChange
|
|
322
297
|
}), /*#__PURE__*/React.createElement("span", {
|
|
323
|
-
className: styles$
|
|
298
|
+
className: styles$G.control
|
|
324
299
|
}, /*#__PURE__*/React.createElement("span", {
|
|
325
|
-
className: styles$
|
|
300
|
+
className: styles$G.knob
|
|
326
301
|
})), childrenRight && (/*#__PURE__*/React.createElement("div", {
|
|
327
|
-
className: makeClassName([[styles$
|
|
302
|
+
className: makeClassName([[styles$G.children, true], [styles$G.right, true]])
|
|
328
303
|
}, childrenRight))));
|
|
329
304
|
|
|
330
305
|
const makeStyleContext = (classNames, styleContext, styles) => {
|
|
@@ -350,7 +325,7 @@ const postMessage = (category, element, action) => {
|
|
|
350
325
|
}
|
|
351
326
|
};
|
|
352
327
|
|
|
353
|
-
var styles$
|
|
328
|
+
var styles$F = {"root":"Lazy-module_root__DWw8D"};
|
|
354
329
|
|
|
355
330
|
const Lazy = ({
|
|
356
331
|
children,
|
|
@@ -371,7 +346,7 @@ const Lazy = ({
|
|
|
371
346
|
}
|
|
372
347
|
}, [inView]);
|
|
373
348
|
return /*#__PURE__*/React.createElement("div", {
|
|
374
|
-
className: makeClassName([[styles$
|
|
349
|
+
className: makeClassName([[styles$F.root, true], [styles$F.visible, visible]]),
|
|
375
350
|
ref: ref,
|
|
376
351
|
"data-testid": "lazy"
|
|
377
352
|
}, visible && children);
|
|
@@ -406,7 +381,6 @@ const SocialLabels = {
|
|
|
406
381
|
tw: 'Твиттер',
|
|
407
382
|
pdf: 'PDF',
|
|
408
383
|
unblock: 'Magic link',
|
|
409
|
-
bookmark: 'В закладки',
|
|
410
384
|
reaction: 'Напишите нам'
|
|
411
385
|
},
|
|
412
386
|
en: {
|
|
@@ -414,8 +388,7 @@ const SocialLabels = {
|
|
|
414
388
|
fb: 'Fb',
|
|
415
389
|
tw: 'Twitter',
|
|
416
390
|
pdf: 'PDF',
|
|
417
|
-
unblock: 'Magic link'
|
|
418
|
-
bookmark: 'Add to bookmarks'
|
|
391
|
+
unblock: 'Magic link'
|
|
419
392
|
}
|
|
420
393
|
};
|
|
421
394
|
|
|
@@ -464,7 +437,7 @@ const RenderPicture = ({
|
|
|
464
437
|
}));
|
|
465
438
|
};
|
|
466
439
|
|
|
467
|
-
var styles$
|
|
440
|
+
var styles$E = {"root":"Image-module_root__H5wAh","fullRatio":"Image-module_fullRatio__q7QPa","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
|
|
468
441
|
|
|
469
442
|
const Image = ({
|
|
470
443
|
alt,
|
|
@@ -498,9 +471,9 @@ const Image = ({
|
|
|
498
471
|
};
|
|
499
472
|
/* fallback w325 url until w6 was released */
|
|
500
473
|
const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
|
|
501
|
-
let classNames = [[styles$
|
|
474
|
+
let classNames = [[styles$E.root, true], [styles$E.isLoaded, isLoaded], [styles$E.fullscreen, isFullscreenEnabled], [styles$E.fullRatio, ratio === null]];
|
|
502
475
|
if (styleContext) {
|
|
503
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
476
|
+
classNames = makeStyleContext(classNames, styleContext, styles$E);
|
|
504
477
|
}
|
|
505
478
|
const wrapperProps = isFullscreenEnabled ? {
|
|
506
479
|
onClick: handleClick,
|
|
@@ -513,7 +486,7 @@ const Image = ({
|
|
|
513
486
|
style: blockStyles,
|
|
514
487
|
"data-testid": "image"
|
|
515
488
|
}, /*#__PURE__*/React.createElement("div", {
|
|
516
|
-
className: styles$
|
|
489
|
+
className: styles$E.wrapper,
|
|
517
490
|
style: pictureStyles,
|
|
518
491
|
...wrapperProps
|
|
519
492
|
}, lazy ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Lazy, {
|
|
@@ -538,7 +511,7 @@ const Image = ({
|
|
|
538
511
|
}))));
|
|
539
512
|
};
|
|
540
513
|
|
|
541
|
-
var styles$
|
|
514
|
+
var styles$D = {"root":"Popover-module_root__nBiV4","fadeOut":"Popover-module_fadeOut__Y88V7","visible":"Popover-module_visible__XVQLW","fadeIn":"Popover-module_fadeIn__FK1gd","overlay":"Popover-module_overlay__NAPar","container":"Popover-module_container__y4SB1","disappear":"Popover-module_disappear__uUn2b","dismiss":"Popover-module_dismiss__W8KFF","background":"Popover-module_background__apiio","appear":"Popover-module_appear__b-CZ2","body":"Popover-module_body__UJEZf"};
|
|
542
515
|
|
|
543
516
|
const Popover = ({
|
|
544
517
|
children,
|
|
@@ -570,20 +543,20 @@ const Popover = ({
|
|
|
570
543
|
/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
|
|
571
544
|
return /*#__PURE__*/React.createElement("div", {
|
|
572
545
|
"data-testid": "popover",
|
|
573
|
-
className: makeClassName([[styles$
|
|
546
|
+
className: makeClassName([[styles$D.root, true], [styles$D.visible, visible]])
|
|
574
547
|
}, /*#__PURE__*/React.createElement("div", {
|
|
575
|
-
className: styles$
|
|
548
|
+
className: styles$D.overlay,
|
|
576
549
|
onClick: () => handleClose()
|
|
577
550
|
}), /*#__PURE__*/React.createElement("div", {
|
|
578
|
-
className: styles$
|
|
551
|
+
className: styles$D.container
|
|
579
552
|
}, /*#__PURE__*/React.createElement("button", {
|
|
580
553
|
type: "button",
|
|
581
|
-
className: styles$
|
|
554
|
+
className: styles$D.dismiss,
|
|
582
555
|
onClick: () => handleClose(),
|
|
583
556
|
"aria-label": "dismiss"
|
|
584
557
|
}), /*#__PURE__*/React.createElement("svg", {
|
|
585
558
|
width: "100%",
|
|
586
|
-
className: styles$
|
|
559
|
+
className: styles$D.background
|
|
587
560
|
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
|
|
588
561
|
id: "myMask",
|
|
589
562
|
x: "0",
|
|
@@ -612,11 +585,11 @@ const Popover = ({
|
|
|
612
585
|
width: "100%",
|
|
613
586
|
height: "100%"
|
|
614
587
|
})), /*#__PURE__*/React.createElement("div", {
|
|
615
|
-
className: styles$
|
|
588
|
+
className: styles$D.body
|
|
616
589
|
}, children)));
|
|
617
590
|
};
|
|
618
591
|
|
|
619
|
-
var styles$
|
|
592
|
+
var styles$C = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
|
|
620
593
|
|
|
621
594
|
const Footnote = ({
|
|
622
595
|
children,
|
|
@@ -624,16 +597,16 @@ const Footnote = ({
|
|
|
624
597
|
}) => {
|
|
625
598
|
return /*#__PURE__*/React.createElement("div", {
|
|
626
599
|
"data-testid": "footnote",
|
|
627
|
-
className: makeClassName([[styles$
|
|
600
|
+
className: makeClassName([[styles$C.root, true]])
|
|
628
601
|
}, /*#__PURE__*/React.createElement("button", {
|
|
629
|
-
className: styles$
|
|
602
|
+
className: styles$C.dismiss,
|
|
630
603
|
type: "button",
|
|
631
604
|
onClick: () => onClose()
|
|
632
605
|
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
633
606
|
icon: "cross",
|
|
634
607
|
size: "unset"
|
|
635
608
|
})), /*#__PURE__*/React.createElement("div", {
|
|
636
|
-
className: styles$
|
|
609
|
+
className: styles$C.body
|
|
637
610
|
}, children));
|
|
638
611
|
};
|
|
639
612
|
|
|
@@ -642,7 +615,7 @@ var viewportSize = () => ({
|
|
|
642
615
|
height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
|
|
643
616
|
});
|
|
644
617
|
|
|
645
|
-
var styles$
|
|
618
|
+
var styles$B = {"root":"DotsOnImage-module_root__8UQf2","isVisible":"DotsOnImage-module_isVisible__rA5x9","marker":"DotsOnImage-module_marker__pLdQT","show":"DotsOnImage-module_show__Ec0lG","dot":"DotsOnImage-module_dot__e2MWx","isActive":"DotsOnImage-module_isActive__Bhb58","popover":"DotsOnImage-module_popover__zHSbU","isRight":"DotsOnImage-module_isRight__IaUbc","isTop":"DotsOnImage-module_isTop__RMK49","isLeft":"DotsOnImage-module_isLeft__Q6JZ-","isBottom":"DotsOnImage-module_isBottom__c-aLe"};
|
|
646
619
|
|
|
647
620
|
const DotsOnImage = ({
|
|
648
621
|
block: {
|
|
@@ -724,7 +697,7 @@ const DotsOnImage = ({
|
|
|
724
697
|
});
|
|
725
698
|
};
|
|
726
699
|
return /*#__PURE__*/React.createElement("div", {
|
|
727
|
-
className: makeClassName([[styles$
|
|
700
|
+
className: makeClassName([[styles$B.root, true], [styles$B.isVisible, visible]]),
|
|
728
701
|
"data-testid": "dots-on-image",
|
|
729
702
|
ref: ref
|
|
730
703
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
@@ -737,7 +710,7 @@ const DotsOnImage = ({
|
|
|
737
710
|
}), /*#__PURE__*/React.createElement("div", {
|
|
738
711
|
ref: container
|
|
739
712
|
}, dots.map(dot => (/*#__PURE__*/React.createElement("div", {
|
|
740
|
-
className: styles$
|
|
713
|
+
className: styles$B.dot,
|
|
741
714
|
key: dot.id,
|
|
742
715
|
style: {
|
|
743
716
|
top: `${dot.position.y}%`,
|
|
@@ -745,7 +718,7 @@ const DotsOnImage = ({
|
|
|
745
718
|
transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
|
|
746
719
|
}
|
|
747
720
|
}, /*#__PURE__*/React.createElement("button", {
|
|
748
|
-
className: makeClassName([[styles$
|
|
721
|
+
className: makeClassName([[styles$B.marker, true], [styles$B.isActive, dot.id === popover.id]]),
|
|
749
722
|
type: "button",
|
|
750
723
|
style: {
|
|
751
724
|
backgroundColor: dot.icon.color
|
|
@@ -756,7 +729,7 @@ const DotsOnImage = ({
|
|
|
756
729
|
__html: dot.icon.svg_string
|
|
757
730
|
}
|
|
758
731
|
})), dot.icon.type === 'number' && dot.icon.number)))), popover.show && (/*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? (/*#__PURE__*/React.createElement("div", {
|
|
759
|
-
className: makeClassName([[styles$
|
|
732
|
+
className: makeClassName([[styles$B.popover, true], [styles$B[popover.side], !!popover.side], [styles$B[popover.align], !!popover.align]]),
|
|
760
733
|
style: popover.style
|
|
761
734
|
}, /*#__PURE__*/React.createElement(Footnote, {
|
|
762
735
|
onClose: () => {
|
|
@@ -781,7 +754,7 @@ const DotsOnImage = ({
|
|
|
781
754
|
})))))));
|
|
782
755
|
};
|
|
783
756
|
|
|
784
|
-
var styles$
|
|
757
|
+
var styles$A = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","isInBlockMetaContainer":"Tag-module_isInBlockMetaContainer__bAmLh","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","isInPodcastPlayer":"Tag-module_isInPodcastPlayer__H4sK9","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
|
|
785
758
|
|
|
786
759
|
const Tag = ({
|
|
787
760
|
children,
|
|
@@ -791,9 +764,9 @@ const Tag = ({
|
|
|
791
764
|
correlation,
|
|
792
765
|
onlyOn
|
|
793
766
|
}) => {
|
|
794
|
-
let classNames = [[styles$
|
|
767
|
+
let classNames = [[styles$A.root, true], [styles$A[size], !!size && !!styles$A[size]], [styles$A[theme], !!theme && !!styles$A[theme]], [styles$A[onlyOn], !!onlyOn && !!styles$A[onlyOn]], [styles$A[correlation], !!correlation && !!styles$A[correlation]]];
|
|
795
768
|
if (styleContext) {
|
|
796
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
769
|
+
classNames = makeStyleContext(classNames, styleContext, styles$A);
|
|
797
770
|
}
|
|
798
771
|
return /*#__PURE__*/React.createElement("div", {
|
|
799
772
|
"data-testid": "tag",
|
|
@@ -801,34 +774,34 @@ const Tag = ({
|
|
|
801
774
|
}, children);
|
|
802
775
|
};
|
|
803
776
|
|
|
804
|
-
var styles$
|
|
777
|
+
var styles$z = {"root":"MediaCaption-module_root__1r0wu","caption":"MediaCaption-module_caption__ewfcc","credit":"MediaCaption-module_credit__7y4v8","dark":"MediaCaption-module_dark__7a9Cm","video":"MediaCaption-module_video__RDTUa","picture":"MediaCaption-module_picture__abCvw","desktop":"MediaCaption-module_desktop__e0lCY","isDark":"MediaCaption-module_isDark__IFb9X"};
|
|
805
778
|
|
|
806
779
|
const MediaCaption = ({
|
|
807
780
|
credit,
|
|
808
781
|
caption,
|
|
809
782
|
styleContext
|
|
810
783
|
}) => {
|
|
811
|
-
let classNames = [[styles$
|
|
784
|
+
let classNames = [[styles$z.root, true]];
|
|
812
785
|
if (styleContext) {
|
|
813
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
786
|
+
classNames = makeStyleContext(classNames, styleContext, styles$z);
|
|
814
787
|
}
|
|
815
788
|
return /*#__PURE__*/React.createElement("div", {
|
|
816
789
|
"data-testid": "media-caption",
|
|
817
790
|
className: makeClassName(classNames)
|
|
818
791
|
}, caption && (/*#__PURE__*/React.createElement("div", {
|
|
819
|
-
className: styles$
|
|
792
|
+
className: styles$z.caption,
|
|
820
793
|
dangerouslySetInnerHTML: {
|
|
821
794
|
__html: caption
|
|
822
795
|
}
|
|
823
796
|
})), credit && (/*#__PURE__*/React.createElement("div", {
|
|
824
|
-
className: styles$
|
|
797
|
+
className: styles$z.credit,
|
|
825
798
|
dangerouslySetInnerHTML: {
|
|
826
799
|
__html: credit
|
|
827
800
|
}
|
|
828
801
|
})));
|
|
829
802
|
};
|
|
830
803
|
|
|
831
|
-
var styles$
|
|
804
|
+
var styles$y = {"root":"Table-module_root__fRuZq","card":"Table-module_card__8r-EA","table":"Table-module_table__7Pagp","slide":"Table-module_slide__dgMPV","wrapper":"Table-module_wrapper__AP4Pz","tracks":"Table-module_tracks__mRNG0","default":"Table-module_default__nwBEg","full":"Table-module_full__YZPDz","row":"Table-module_row__9OHT3","cell":"Table-module_cell__yFdqc","fixedColumn":"Table-module_fixedColumn__O2528","white":"Table-module_white__Laj3-","gray":"Table-module_gray__FPFh0","pink":"Table-module_pink__CGkAA","blue":"Table-module_blue__b8BHs","yellow":"Table-module_yellow__YOJgu","orange":"Table-module_orange__B-i8L","green":"Table-module_green__Bt6iC","violet":"Table-module_violet__yTZd7","header":"Table-module_header__YPDzO","s":"Table-module_s__I-CeX","m":"Table-module_m__vxhDf","l":"Table-module_l__GYHhk","xs":"Table-module_xs__imR8t"};
|
|
832
805
|
|
|
833
806
|
const Table = ({
|
|
834
807
|
styleContext,
|
|
@@ -850,26 +823,26 @@ const Table = ({
|
|
|
850
823
|
'#e7f2ef': 'green',
|
|
851
824
|
'#f4f0f8': 'violet'
|
|
852
825
|
};
|
|
853
|
-
let classNames = [[styles$
|
|
826
|
+
let classNames = [[styles$y.root, true], [styles$y[display], !!display && !!styles$y[display]]];
|
|
854
827
|
if (styleContext) {
|
|
855
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
828
|
+
classNames = makeStyleContext(classNames, styleContext, styles$y);
|
|
856
829
|
}
|
|
857
830
|
return /*#__PURE__*/React.createElement("div", {
|
|
858
831
|
"data-testid": "table",
|
|
859
832
|
className: makeClassName(classNames)
|
|
860
833
|
}, /*#__PURE__*/React.createElement("div", {
|
|
861
|
-
className: styles$
|
|
834
|
+
className: styles$y.wrapper
|
|
862
835
|
}, /*#__PURE__*/React.createElement("div", {
|
|
863
|
-
className: styles$
|
|
836
|
+
className: styles$y.table
|
|
864
837
|
}, /*#__PURE__*/React.createElement("div", {
|
|
865
|
-
className: styles$
|
|
838
|
+
className: styles$y.tracks
|
|
866
839
|
}, rows.map((row, i) => {
|
|
867
840
|
return /*#__PURE__*/React.createElement("div", {
|
|
868
841
|
key: row.key,
|
|
869
|
-
className: styles$
|
|
842
|
+
className: styles$y.row
|
|
870
843
|
}, row.cells.map((cell, j) => (/*#__PURE__*/React.createElement("div", {
|
|
871
844
|
key: cell.key,
|
|
872
|
-
className: makeClassName([[styles$
|
|
845
|
+
className: makeClassName([[styles$y.cell, true], [styles$y.header, options.header && i === 0], [styles$y[colors[cell.color]], true], [styles$y[columnsWidth[j]], true], [styles$y.fixedColumn, options.fixed_first_column && j === 0]]),
|
|
873
846
|
dangerouslySetInnerHTML: {
|
|
874
847
|
__html: cell.val
|
|
875
848
|
}
|
|
@@ -880,7 +853,7 @@ const Table = ({
|
|
|
880
853
|
})));
|
|
881
854
|
};
|
|
882
855
|
|
|
883
|
-
var styles$
|
|
856
|
+
var styles$x = {"root":"MaterialNote-module_root__99HSA","dark":"MaterialNote-module_dark__etjym","note_credit":"MaterialNote-module_note_credit__J1skG","note_caption":"MaterialNote-module_note_caption__G2Ad0","center":"MaterialNote-module_center__mDLEO","default":"MaterialNote-module_default__ozgd7","card":"MaterialNote-module_card__EVuZe","slide":"MaterialNote-module_slide__mg8XV","game":"MaterialNote-module_game__c-r0n","gameSurvey":"MaterialNote-module_gameSurvey__azhu6"};
|
|
884
857
|
|
|
885
858
|
const MaterialNote = ({
|
|
886
859
|
block: {
|
|
@@ -888,15 +861,15 @@ const MaterialNote = ({
|
|
|
888
861
|
},
|
|
889
862
|
styleContext
|
|
890
863
|
}) => {
|
|
891
|
-
let classNames = [[styles$
|
|
864
|
+
let classNames = [[styles$x.root, true]];
|
|
892
865
|
if (styleContext) {
|
|
893
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
866
|
+
classNames = makeStyleContext(classNames, styleContext, styles$x);
|
|
894
867
|
}
|
|
895
868
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
896
869
|
"data-testid": "material-note",
|
|
897
870
|
className: makeClassName(classNames)
|
|
898
871
|
}, data && data.map(item => (/*#__PURE__*/React.createElement("p", {
|
|
899
|
-
className: styles$
|
|
872
|
+
className: styles$x[item.type],
|
|
900
873
|
key: item.id,
|
|
901
874
|
dangerouslySetInnerHTML: {
|
|
902
875
|
__html: item.data
|
|
@@ -904,31 +877,6 @@ const MaterialNote = ({
|
|
|
904
877
|
})))));
|
|
905
878
|
};
|
|
906
879
|
|
|
907
|
-
var styles$x = {"root":"BookmarkButton-module_root__A-75w","control":"BookmarkButton-module_control__-xy5O","dark":"BookmarkButton-module_dark__GkMEC","light":"BookmarkButton-module_light__1W6tx","isInBookmarks":"BookmarkButton-module_isInBookmarks__YSjjj","isInGrid":"BookmarkButton-module_isInGrid__Desh-"};
|
|
908
|
-
|
|
909
|
-
const BookmarkButton = ({
|
|
910
|
-
styleContext,
|
|
911
|
-
theme,
|
|
912
|
-
isInBookmarks,
|
|
913
|
-
onClick
|
|
914
|
-
}) => {
|
|
915
|
-
let classNames = [[styles$x.root, true], [styles$x.isInBookmarks, isInBookmarks], [styles$x[theme], !!theme && !!styles$x[theme]]];
|
|
916
|
-
if (styleContext) {
|
|
917
|
-
classNames = makeStyleContext(classNames, styleContext, styles$x);
|
|
918
|
-
}
|
|
919
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
920
|
-
"data-testid": "bookmark-button",
|
|
921
|
-
className: makeClassName(classNames)
|
|
922
|
-
}, /*#__PURE__*/React.createElement("button", {
|
|
923
|
-
className: styles$x.control,
|
|
924
|
-
onClick: () => onClick(),
|
|
925
|
-
type: "button"
|
|
926
|
-
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
927
|
-
icon: "bookmark",
|
|
928
|
-
size: "unset"
|
|
929
|
-
})));
|
|
930
|
-
};
|
|
931
|
-
|
|
932
880
|
var styles$w = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
|
|
933
881
|
|
|
934
882
|
const Primary = ({
|
|
@@ -1005,7 +953,7 @@ const Toolbar = ({
|
|
|
1005
953
|
}, children));
|
|
1006
954
|
};
|
|
1007
955
|
|
|
1008
|
-
var styles$t = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","
|
|
956
|
+
var styles$t = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","isInBookRelated":"Meta-module_isInBookRelated__Ohidg","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
|
|
1009
957
|
|
|
1010
958
|
const Meta = ({
|
|
1011
959
|
hasSource,
|
|
@@ -1498,7 +1446,7 @@ const SimpleTitle = ({
|
|
|
1498
1446
|
}, first);
|
|
1499
1447
|
};
|
|
1500
1448
|
|
|
1501
|
-
var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","large":"RichTitle-module_large__n2URP","medium":"RichTitle-module_medium__KkBLJ","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
|
|
1449
|
+
var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInFeaturedBlock":"RichTitle-module_isInFeaturedBlock__3vYu9","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","large":"RichTitle-module_large__n2URP","medium":"RichTitle-module_medium__KkBLJ","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
|
|
1502
1450
|
|
|
1503
1451
|
const RichTitle = ({
|
|
1504
1452
|
block: {
|
|
@@ -1777,15 +1725,16 @@ const GroupedBlock = ({
|
|
|
1777
1725
|
}))));
|
|
1778
1726
|
};
|
|
1779
1727
|
|
|
1780
|
-
var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","
|
|
1728
|
+
var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","datetime":"MetaItem-module_datetime__--O8c","mobileOnly":"MetaItem-module_mobileOnly__VJCjl"};
|
|
1781
1729
|
|
|
1782
1730
|
const MetaItem = ({
|
|
1783
1731
|
hasSource,
|
|
1784
1732
|
type,
|
|
1785
1733
|
children,
|
|
1786
|
-
bullets
|
|
1734
|
+
bullets,
|
|
1735
|
+
mobileOnly
|
|
1787
1736
|
}) => {
|
|
1788
|
-
const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets]];
|
|
1737
|
+
const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets], [styles$f.mobileOnly, !!mobileOnly]];
|
|
1789
1738
|
return /*#__PURE__*/React.createElement("div", {
|
|
1790
1739
|
"data-testid": "meta-item",
|
|
1791
1740
|
className: makeClassName(classNames)
|
|
@@ -1869,10 +1818,6 @@ const DocumentItemsCount = ({
|
|
|
1869
1818
|
const MetaContainer = ({
|
|
1870
1819
|
lang,
|
|
1871
1820
|
block,
|
|
1872
|
-
isRead,
|
|
1873
|
-
isListened,
|
|
1874
|
-
bookmarkAction,
|
|
1875
|
-
isInBookmarks,
|
|
1876
1821
|
block: {
|
|
1877
1822
|
data: {
|
|
1878
1823
|
components,
|
|
@@ -1883,7 +1828,6 @@ const MetaContainer = ({
|
|
|
1883
1828
|
}) => {
|
|
1884
1829
|
const themeColor = styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset';
|
|
1885
1830
|
const isPodcast = styleContext && styleContext.indexOf('podcast') !== -1;
|
|
1886
|
-
const isSlides = styleContext && styleContext.indexOf('slide') !== -1;
|
|
1887
1831
|
let context = [];
|
|
1888
1832
|
if (styleContext && Array.isArray(styleContext)) {
|
|
1889
1833
|
context = styleContext.filter(item => {
|
|
@@ -1916,10 +1860,7 @@ const MetaContainer = ({
|
|
|
1916
1860
|
hasSource: hasSource,
|
|
1917
1861
|
bullets: true,
|
|
1918
1862
|
key: component.id
|
|
1919
|
-
},
|
|
1920
|
-
icon: "podcast",
|
|
1921
|
-
size: "small"
|
|
1922
|
-
})), component.text));
|
|
1863
|
+
}, component.text);
|
|
1923
1864
|
}
|
|
1924
1865
|
case 'datetime':
|
|
1925
1866
|
{
|
|
@@ -1945,10 +1886,7 @@ const MetaContainer = ({
|
|
|
1945
1886
|
items: component.count,
|
|
1946
1887
|
type: isPodcast ? 'podcast' : 'card',
|
|
1947
1888
|
lang: lang
|
|
1948
|
-
}
|
|
1949
|
-
icon: "card",
|
|
1950
|
-
size: "unset"
|
|
1951
|
-
})));
|
|
1889
|
+
}));
|
|
1952
1890
|
}
|
|
1953
1891
|
case 'broadcast_active':
|
|
1954
1892
|
{
|
|
@@ -1956,7 +1894,7 @@ const MetaContainer = ({
|
|
|
1956
1894
|
hasSource: hasSource,
|
|
1957
1895
|
bullets: true,
|
|
1958
1896
|
key: component.id
|
|
1959
|
-
}, /*#__PURE__*/React.createElement(
|
|
1897
|
+
}, /*#__PURE__*/React.createElement(MetaItemLive, null), " \u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440");
|
|
1960
1898
|
}
|
|
1961
1899
|
case 'broadcast':
|
|
1962
1900
|
{
|
|
@@ -1964,7 +1902,7 @@ const MetaContainer = ({
|
|
|
1964
1902
|
hasSource: hasSource,
|
|
1965
1903
|
bullets: true,
|
|
1966
1904
|
key: component.id
|
|
1967
|
-
},
|
|
1905
|
+
}, component.with_icon && /*#__PURE__*/React.createElement(MetaItemLive, null), component.label);
|
|
1968
1906
|
}
|
|
1969
1907
|
case 'string':
|
|
1970
1908
|
{
|
|
@@ -1979,19 +1917,7 @@ const MetaContainer = ({
|
|
|
1979
1917
|
return null;
|
|
1980
1918
|
}
|
|
1981
1919
|
}
|
|
1982
|
-
})
|
|
1983
|
-
hasSource: hasSource,
|
|
1984
|
-
bullets: true,
|
|
1985
|
-
type: isListened ? 'listened' : 'read'
|
|
1986
|
-
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
1987
|
-
icon: isListened ? 'listened' : 'read',
|
|
1988
|
-
size: "unset"
|
|
1989
|
-
}))), isSlides && lang === 'ru' && (/*#__PURE__*/React.createElement("div", {
|
|
1990
|
-
className: styles$t.bookmark
|
|
1991
|
-
}, /*#__PURE__*/React.createElement(BookmarkButton, {
|
|
1992
|
-
isInBookmarks: isInBookmarks,
|
|
1993
|
-
onClick: () => bookmarkAction('bookmark', 'top')
|
|
1994
|
-
}))));
|
|
1920
|
+
}));
|
|
1995
1921
|
};
|
|
1996
1922
|
|
|
1997
1923
|
var styles$c = {"root":"DonatesTeaser-module_root__XQCVy","main":"DonatesTeaser-module_main__eN9kd","title":"DonatesTeaser-module_title__9umo1","text":"DonatesTeaser-module_text__s6tyf","cta":"DonatesTeaser-module_cta__-50aB","center":"DonatesTeaser-module_center__gxLvW","isInCard":"DonatesTeaser-module_isInCard__vaUhd","isInSlide":"DonatesTeaser-module_isInSlide__Dh4NH","ru":"DonatesTeaser-module_ru__y-PlJ","en":"DonatesTeaser-module_en__0Iisr"};
|
|
@@ -2123,10 +2049,6 @@ const RenderBlocks = ({
|
|
|
2123
2049
|
block,
|
|
2124
2050
|
styleContext,
|
|
2125
2051
|
lang,
|
|
2126
|
-
isRead,
|
|
2127
|
-
isListened,
|
|
2128
|
-
bookmarkAction,
|
|
2129
|
-
isInBookmarks,
|
|
2130
2052
|
platform
|
|
2131
2053
|
}) => {
|
|
2132
2054
|
switch (block.type) {
|
|
@@ -2158,11 +2080,7 @@ const RenderBlocks = ({
|
|
|
2158
2080
|
return /*#__PURE__*/React.createElement(MetaContainer, {
|
|
2159
2081
|
block: block,
|
|
2160
2082
|
lang: block.data.lang,
|
|
2161
|
-
styleContext: styleContext
|
|
2162
|
-
isRead: isRead,
|
|
2163
|
-
isListened: isListened,
|
|
2164
|
-
isInBookmarks: isInBookmarks,
|
|
2165
|
-
bookmarkAction: bookmarkAction
|
|
2083
|
+
styleContext: styleContext
|
|
2166
2084
|
});
|
|
2167
2085
|
}
|
|
2168
2086
|
case 'blockquote':
|
|
@@ -2697,10 +2615,6 @@ const RelatedBook = ({
|
|
|
2697
2615
|
const RawHtmlBlock = ({
|
|
2698
2616
|
block,
|
|
2699
2617
|
styleContext,
|
|
2700
|
-
isRead,
|
|
2701
|
-
isListened,
|
|
2702
|
-
isInBookmarks,
|
|
2703
|
-
bookmarkAction,
|
|
2704
2618
|
lightBox,
|
|
2705
2619
|
lang,
|
|
2706
2620
|
platform
|
|
@@ -2767,10 +2681,6 @@ const RawHtmlBlock = ({
|
|
|
2767
2681
|
}, /*#__PURE__*/React.createElement(RenderBlocks, {
|
|
2768
2682
|
block: block,
|
|
2769
2683
|
styleContext: styleContext,
|
|
2770
|
-
isRead: isRead,
|
|
2771
|
-
isListened: isListened,
|
|
2772
|
-
isInBookmarks: isInBookmarks,
|
|
2773
|
-
bookmarkAction: bookmarkAction,
|
|
2774
2684
|
lang: lang,
|
|
2775
2685
|
platform: platform
|
|
2776
2686
|
}));
|
|
@@ -2801,7 +2711,7 @@ const ListViewSwitcher = ({
|
|
|
2801
2711
|
className: styles$2.list
|
|
2802
2712
|
})));
|
|
2803
2713
|
|
|
2804
|
-
var styles$1 = {"root":"ToolbarButton-module_root__upsEH","isDark":"ToolbarButton-module_isDark__gWpv-","dark":"ToolbarButton-module_dark__5XOEp","
|
|
2714
|
+
var styles$1 = {"root":"ToolbarButton-module_root__upsEH","isDark":"ToolbarButton-module_isDark__gWpv-","dark":"ToolbarButton-module_dark__5XOEp","icon":"ToolbarButton-module_icon__Ldcgq","text":"ToolbarButton-module_text__4R2a0","isActive":"ToolbarButton-module_isActive__N4kkV"};
|
|
2805
2715
|
|
|
2806
2716
|
const ToolbarButton = ({
|
|
2807
2717
|
type,
|
|
@@ -2809,7 +2719,6 @@ const ToolbarButton = ({
|
|
|
2809
2719
|
isActive,
|
|
2810
2720
|
lang = 'ru',
|
|
2811
2721
|
text,
|
|
2812
|
-
icon,
|
|
2813
2722
|
onClick
|
|
2814
2723
|
}) => {
|
|
2815
2724
|
const classNames = [[styles$1.root, true], [styles$1[type], !!styles$1[type]], [styles$1[theme], !!styles$1[theme] && !!theme], [styles$1.isActive, !!isActive]];
|
|
@@ -2819,13 +2728,7 @@ const ToolbarButton = ({
|
|
|
2819
2728
|
className: makeClassName(classNames),
|
|
2820
2729
|
type: "button",
|
|
2821
2730
|
onClick: event => onClick(event, type)
|
|
2822
|
-
},
|
|
2823
|
-
className: styles$1.icon
|
|
2824
|
-
}, /*#__PURE__*/React.createElement(SvgSymbol, {
|
|
2825
|
-
size: "medium",
|
|
2826
|
-
icon: icon,
|
|
2827
|
-
styleContext: "isInToolbar"
|
|
2828
|
-
}))), /*#__PURE__*/React.createElement("span", {
|
|
2731
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
2829
2732
|
className: styles$1.text
|
|
2830
2733
|
}, text || label));
|
|
2831
2734
|
};
|
|
@@ -2856,7 +2759,6 @@ const TooltipFooter = ({
|
|
|
2856
2759
|
};
|
|
2857
2760
|
|
|
2858
2761
|
exports.AnnouncementInText = AnnouncementInText;
|
|
2859
|
-
exports.BookmarkButton = BookmarkButton;
|
|
2860
2762
|
exports.Button = Button;
|
|
2861
2763
|
exports.ButtonLoader = ButtonLoader;
|
|
2862
2764
|
exports.CardTitle = CardTitle;
|