@meduza/ui-kit-2 0.8.4 → 0.8.6

package/README.md

@@ -4,7 +4,7 @@
 
 - `yarn start` - запускает development сборку с hot reload, пишет все в папку dist
 - `cd example && yarn start` - запускает сборку тестового проекта с hot reload,
-в который можно импортировать компоненты из кита
+  в который можно импортировать компоненты из кита
 - `yarn storybook` - запускает storybook
 
 `yarn generate` - генератор компонентов. Вводим название компонента, получаем все файлы и импорты
@@ -14,3 +14,17 @@
 Необходимо глобально импортировать в проект файл ui-kit.css (туда собираются все модули)
 Любые компоненты просто импортятся из кита
 
+## Сборка
+
+### Режимы сборки
+
+- `yarn build --mode development` - сборка стилей с переменными сайта
+- `yarn build --mode production` - сборка стилей без переменных
+
+### Особенности production сборки
+
+- Запускается без подключения переменных в silent-режиме
+- CSS-модули собираются в `ui-kit.css`
+- После сборки запускается `build.sh`:
+  1. Создает `ui-kit-game.css` с игровыми переменными
+  2. Перезаписывает `ui-kit.css` с переменными сайта

package/dist/SvgSymbol/SvgSymbol.types.d.ts

@@ -1,5 +1,5 @@
 export type SvgSymbolStyleContexts = 'isInFeature' | 'isInCard' | 'isInTopicBlockItem' | 'isInPageStatic' | 'isInMaterialMeta' | 'isInToolbar' | 'isInEpisodeBlock' | 'isInAudioPlayer' | 'isInAudioPanel' | 'isInPlaylist' | 'PodcastMaterial' | 'isInHeader' | 'isInProfile' | 'isInBookmark';
-export type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'chat' | 'magic' | 'backward' | 'forward' | 'download' | 'play' | 'pause' | 'shareBookmark' | 'speedHalf' | 'speedOne' | 'speedOneHalf' | 'speedTwo' | 'podcastBookmark' | 'reaction' | 'cross' | 'link' | 'search' | 'card' | 'podcast' | 'arrow' | 'brent' | 'user' | 'bookmark' | 'receipt' | 'read' | 'listened';
+export type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'chat' | 'magic' | 'backward' | 'forward' | 'download' | 'episodeDownload' | 'play' | 'pause' | 'shareBookmark' | 'speedHalf' | 'speedOne' | 'speedOneHalf' | 'speedTwo' | 'podcastBookmark' | 'reaction' | 'cross' | 'link' | 'search' | 'card' | 'podcast' | 'arrow' | 'brent' | 'user' | 'bookmark' | 'receipt' | 'read' | 'listened';
 export type Sizes = 'small' | 'normal' | 'medium' | 'large' | 'unset';
 export interface SvgSymbolProps {
     styleContext?: SvgSymbolStyleContexts;

package/dist/SvgSymbol/icons.d.ts

@@ -54,6 +54,11 @@ export declare const icons: {
         height: number;
         content: string;
     };
+    episodeDownload: {
+        width: number;
+        height: number;
+        content: string;
+    };
     play: {
         width: number;
         height: number;

package/dist/ui-kit-2.cjs.development.js

@@ -13,7 +13,7 @@ const makeClassName = list => {
   return list.filter(([, active]) => active).map(([className]) => className).join(' ');
 };
 
-const ButtonLoader = () => /*#__PURE__*/React.createElement("svg", {
+const ButtonLoader = () => ( /*#__PURE__*/React.createElement("svg", {
   width: "30px",
   height: "30px",
   viewBox: "0 0 30 30",
@@ -32,7 +32,7 @@ const ButtonLoader = () => /*#__PURE__*/React.createElement("svg", {
   repeatCount: "indefinite"
 }), /*#__PURE__*/React.createElement("path", {
   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"
-})));
+}))));
 
 var styles$I = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
 
@@ -58,9 +58,9 @@ const Button = ({
     disabled: disabled,
     onClick: handleClick,
     type: "button"
-  }, state === 'isLoading' ? /*#__PURE__*/React.createElement("span", {
+  }, state === 'isLoading' ? ( /*#__PURE__*/React.createElement("span", {
     className: styles$I.loader
-  }, /*#__PURE__*/React.createElement(ButtonLoader, null)) : children);
+  }, /*#__PURE__*/React.createElement(ButtonLoader, null))) : children);
 };
 
 const icons = {
@@ -119,6 +119,11 @@ const icons = {
     height: 27,
     content: '<path d="M12.5 2C19.404 2 25 7.596 25 14.5S19.404 27 12.5 27 0 21.404 0 14.5 5.596 2 12.5 2zm0 1.5c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11-4.925-11-11-11zm6 15.75a.75.75 0 01.102 1.493l-.102.007h-12a.75.75 0 01-.102-1.493l.102-.007h12zm-6-12a.75.75 0 01.743.648L13.25 8v7.598l1.834-1.222a.75.75 0 11.832 1.248l-3 2a.75.75 0 01-.832 0l-3-2a.75.75 0 11.832-1.248l1.834 1.223V8a.75.75 0 01.648-.743l.102-.007z" fill-rule="nonzero" fill="currentColor" />'
   },
+  episodeDownload: {
+    width: 24,
+    height: 24,
+    content: '<><circle xmlns="http://www.w3.org/2000/svg" cx="12" cy="12" r="10.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path xmlns="http://www.w3.org/2000/svg" d="M12 16.5L12 7.5M12 16.5L15.5 14.2257M12 16.5L8.5 14.2257" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></>'
+  },
   play: {
     width: 62,
     height: 62,
@@ -262,12 +267,12 @@ const Switcher = ({
   onChange,
   styleContext,
   theme = 'light'
-}) => /*#__PURE__*/React.createElement("label", {
+}) => ( /*#__PURE__*/React.createElement("label", {
   "data-testid": "switcher",
   className: makeClassName([[styles$G.root, true], [styles$G[theme], !!styles$G[theme]], [styles$G[styleContext], !!styles$G[styleContext]]])
-}, children && childrenPosition === 'left' && /*#__PURE__*/React.createElement("div", {
+}, children && childrenPosition === 'left' && ( /*#__PURE__*/React.createElement("div", {
   className: makeClassName([[styles$G.children, true], [styles$G.left, true]])
-}, children), /*#__PURE__*/React.createElement("input", {
+}, children)), /*#__PURE__*/React.createElement("input", {
   className: styles$G.input,
   type: "checkbox",
   checked: enabled,
@@ -276,9 +281,9 @@ const Switcher = ({
   className: styles$G.control
 }, /*#__PURE__*/React.createElement("span", {
   className: styles$G.knob
-})), children && childrenPosition === 'right' && /*#__PURE__*/React.createElement("div", {
+})), children && childrenPosition === 'right' && ( /*#__PURE__*/React.createElement("div", {
   className: makeClassName([[styles$G.children, true], [styles$G.right, true]])
-}, children));
+}, children))));
 
 const makeStyleContext = (classNames, styleContext, styles) => {
   const context = Array.isArray(styleContext) ? styleContext.filter(ctx => styles[ctx]).map(ctx => [[styles[ctx]], true]) : [[styles[styleContext], !!styleContext && !!styles[styleContext]]];
@@ -388,13 +393,13 @@ const RenderPicture = ({
     setFallback(!window.HTMLPictureElement);
   }, []);
   const keys = imageConditionalKeys[toCamel(display)] || imageConditionalKeys.default;
-  return /*#__PURE__*/React.createElement("picture", null, source && /*#__PURE__*/React.createElement("source", {
+  return /*#__PURE__*/React.createElement("picture", null, source && ( /*#__PURE__*/React.createElement("source", {
     media: "(min-width: 325px)",
     srcSet: `${source[1]} 2x`
-  }), optimized && !optimized.w325 && /*#__PURE__*/React.createElement("source", {
+  })), optimized && !optimized.w325 && ( /*#__PURE__*/React.createElement("source", {
     media: "(min-width: 0)",
     srcSet: `${optimized.original}`
-  }), optimized && keys.map(key => {
+  })), optimized && keys.map(key => {
     const breakpoint = optimized[`w${key}`];
     if (!breakpoint) {
       return null;
@@ -446,7 +451,7 @@ const Image = ({
     maxWidth: width <= 649 ? width : '100%'
   };
   const pictureStyles = {
-    paddingBottom: `${100 / (ratio || width / height)}%`
+    paddingBottom: styleContext !== 'isInDynamicBlock' ? '100%' : `${100 / (ratio || width / height)}%`
   };
   /* fallback w325 url until w6 was released */
   const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
@@ -465,7 +470,7 @@ const Image = ({
     onKeyPress: () => handleClick(),
     role: "button",
     tabIndex: 0
-  }, lazy ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Lazy, {
+  }, lazy ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Lazy, {
     threshold: 0.25
   }, /*#__PURE__*/React.createElement(RenderPicture, {
     fallbackSource: fallbackSource,
@@ -477,14 +482,14 @@ const Image = ({
   })), /*#__PURE__*/React.createElement("noscript", null, /*#__PURE__*/React.createElement("img", {
     src: fallbackSource,
     alt: alt
-  }))) : /*#__PURE__*/React.createElement(RenderPicture, {
+  })))) : ( /*#__PURE__*/React.createElement(RenderPicture, {
     fallbackSource: fallbackSource,
     source: source,
     optimized: optimized,
     alt: alt,
     display: display,
     onLoad: setIsLoaded
-  })));
+  }))));
 };
 
 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"};
@@ -586,10 +591,10 @@ const Footnote = ({
   }, children));
 };
 
-var viewportSize = (() => ({
+var viewportSize = () => ({
   width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
   height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
-}));
+});
 
 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"};
 
@@ -685,7 +690,7 @@ const DotsOnImage = ({
     display: display
   }), /*#__PURE__*/React.createElement("div", {
     ref: container
-  }, dots.map(dot => /*#__PURE__*/React.createElement("div", {
+  }, dots.map(dot => ( /*#__PURE__*/React.createElement("div", {
     className: styles$B.dot,
     key: dot.id,
     style: {
@@ -700,11 +705,11 @@ const DotsOnImage = ({
       backgroundColor: dot.icon.color
     },
     onClick: () => handleDotClick(dot)
-  }, dot.icon.type === 'svg' && /*#__PURE__*/React.createElement("div", {
+  }, dot.icon.type === 'svg' && ( /*#__PURE__*/React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: dot.icon.svg_string
     }
-  }), dot.icon.type === 'number' && dot.icon.number))), popover.show && /*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? /*#__PURE__*/React.createElement("div", {
+  })), dot.icon.type === 'number' && dot.icon.number)))), popover.show && ( /*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? ( /*#__PURE__*/React.createElement("div", {
     className: makeClassName([[styles$B.popover, true], [styles$B[popover.side], !!popover.side], [styles$B[popover.align], !!popover.align]]),
     style: popover.style
   }, /*#__PURE__*/React.createElement(Footnote, {
@@ -717,7 +722,7 @@ const DotsOnImage = ({
     dangerouslySetInnerHTML: {
       __html: popover.body
     }
-  }))) : /*#__PURE__*/React.createElement(Popover, {
+  })))) : ( /*#__PURE__*/React.createElement(Popover, {
     onClose: () => {
       setPopover({
         show: false
@@ -727,7 +732,7 @@ const DotsOnImage = ({
     dangerouslySetInnerHTML: {
       __html: popover.body
     }
-  })))));
+  })))))));
 };
 
 var styles$A = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
@@ -764,17 +769,17 @@ const MediaCaption = ({
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
-  }, caption && /*#__PURE__*/React.createElement("div", {
+  }, caption && ( /*#__PURE__*/React.createElement("div", {
     className: styles$z.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
-  }), credit && /*#__PURE__*/React.createElement("div", {
+  })), credit && ( /*#__PURE__*/React.createElement("div", {
     className: styles$z.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
-  }));
+  })));
 };
 
 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"};
@@ -816,17 +821,17 @@ const Table = ({
     return /*#__PURE__*/React.createElement("div", {
       key: row.key,
       className: styles$y.row
-    }, row.cells.map((cell, j) => /*#__PURE__*/React.createElement("div", {
+    }, row.cells.map((cell, j) => ( /*#__PURE__*/React.createElement("div", {
       key: cell.key,
       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]]),
       dangerouslySetInnerHTML: {
         __html: cell.val
       }
-    })));
-  })))), tableCredit && /*#__PURE__*/React.createElement(MediaCaption, {
+    }))));
+  })))), tableCredit && ( /*#__PURE__*/React.createElement(MediaCaption, {
     credit: tableCredit,
     styleContext: styleContext
-  }));
+  })));
 };
 
 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"};
@@ -844,13 +849,13 @@ const MaterialNote = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "material-note",
     className: makeClassName(classNames)
-  }, data && data.map(item => /*#__PURE__*/React.createElement("p", {
+  }, data && data.map(item => ( /*#__PURE__*/React.createElement("p", {
     className: styles$x[item.type],
     key: item.id,
     dangerouslySetInnerHTML: {
       __html: item.data
     }
-  }))));
+  })))));
 };
 
 var styles$w = {"root":"BookmarkButton-module_root__A-75w","control":"BookmarkButton-module_control__-xy5O","dark":"BookmarkButton-module_dark__GkMEC","light":"BookmarkButton-module_light__1W6tx","isInBookmarks":"BookmarkButton-module_isInBookmarks__YSjjj","isInGrid":"BookmarkButton-module_isInGrid__Desh-"};
@@ -918,7 +923,7 @@ const Dropdown = ({
   active,
   styleContext
 }) => {
-  let classNames = [[styles$u.root, true], [styles$u.inactive, !active && styleContext === "isPodcastSeason" && !!styles$u.inactive]];
+  let classNames = [[styles$u.root, true], [styles$u.inactive, !active && styleContext === 'isPodcastSeason' && !!styles$u.inactive]];
   if (styleContext) {
     classNames = makeStyleContext(classNames, styleContext, styles$u);
   }
@@ -1139,11 +1144,11 @@ const EmbedBlock = ({
   const isProportional = block.data.height && block.data.width;
   const fullWidthProviders = ['youtube', 'vimeo', 'onetv', 'coub', 'meduza', 'facebook_video'];
   const mobileFullwidth = fullWidthProviders.indexOf(provider) > -1 || block.type === 'dots_on_image';
-  const renderCC = context => /*#__PURE__*/React.createElement(MediaCaption, {
+  const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
     credit: data.credit,
     caption: data.caption,
     styleContext: context || styleContext
-  });
+  }));
   const renderEmbed = style => {
     switch (block.type) {
       case 'gif':
@@ -1218,25 +1223,25 @@ const EmbedBlock = ({
   }
   return /*#__PURE__*/React.createElement("figure", {
     className: makeClassName(classNames)
-  }, children && /*#__PURE__*/React.createElement("div", {
+  }, children && ( /*#__PURE__*/React.createElement("div", {
     className: styles$q.object
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$q.wrapper,
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$q.objectWrap
-  }, children))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && /*#__PURE__*/React.createElement("button", {
+  }, children)))), !children && renderEmbed(style), cc === 'default' && /*#__PURE__*/React.createElement("figcaption", null, renderCC()), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
     className: styles$q.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
       setIsPopoverShown(!isPopoverShown);
     }
-  }), cc === 'button' && isPopoverShown && /*#__PURE__*/React.createElement(Popover, {
+  })), cc === 'button' && isPopoverShown && ( /*#__PURE__*/React.createElement(Popover, {
     onClose: () => {
       setIsPopoverShown(false);
     }
-  }, renderCC('isInPopover')));
+  }, renderCC('isInPopover'))));
 };
 
 const IframeBlock = ({
@@ -1515,12 +1520,12 @@ const ListBlock = ({
   return /*#__PURE__*/React.createElement(TagName, {
     className: makeClassName(classNames),
     "data-testid": "list-block"
-  }, data.map((item, index) => /*#__PURE__*/React.createElement("li", {
+  }, data.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
     key: index,
     dangerouslySetInnerHTML: {
       __html: item
     }
-  })));
+  }))));
 };
 
 var styles$i = {"root":"RelatedBlock-module_root__cr1c-","header":"RelatedBlock-module_header__bfUJD","items":"RelatedBlock-module_items__rzzam","rich":"RelatedBlock-module_rich__1cWdn","first":"RelatedBlock-module_first__ZkcP5","simple":"RelatedBlock-module_simple__m22bj","center":"RelatedBlock-module_center__WVpIJ","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__VumDw","mobile":"RelatedBlock-module_mobile__AScBA","desktop":"RelatedBlock-module_desktop__uMXUY"};
@@ -1546,14 +1551,14 @@ const RelatedBlock = ({
     className: styles$i.header
   }, title), /*#__PURE__*/React.createElement("ul", {
     className: styles$i.items
-  }, related.map((item, index) => /*#__PURE__*/React.createElement("li", {
+  }, related.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
     key: item.id || index,
     className: styles$i[item.layout]
   }, /*#__PURE__*/React.createElement(reactRouterDom.Link, {
     to: item.full_url || `/${item.url}`
   }, /*#__PURE__*/React.createElement("span", {
     className: styles$i.first
-  }, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title))))));
+  }, item.title), item.second_title && ' ', item.second_title && /*#__PURE__*/React.createElement("span", null, item.second_title)))))));
 };
 
 var styles$h = {"root":"SourceBlock-module_root__9dnI4","text":"SourceBlock-module_text__M5-uy","origin":"SourceBlock-module_origin__fyvxH","center":"SourceBlock-module_center__UOMwy","mobile":"SourceBlock-module_mobile__QVEyg","desktop":"SourceBlock-module_desktop__xdXWm","isDark":"SourceBlock-module_isDark__etwk1"};
@@ -1582,12 +1587,12 @@ const SourceBlock = ({
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, quote.map((item, index) => /*#__PURE__*/React.createElement("p", {
+  }, quote.map((item, index) => ( /*#__PURE__*/React.createElement("p", {
     key: index,
     dangerouslySetInnerHTML: {
       __html: item.data
     }
-  })), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
+  }))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("cite", {
     className: styles$h.origin
   }, origin))));
 };
@@ -1647,13 +1652,13 @@ const SensitiveBlock = ({
   }, /*#__PURE__*/React.createElement(EmbedBlockContainer, {
     block: block.item,
     styleContext: context
-  }))), cc && /*#__PURE__*/React.createElement("figcaption", {
+  }))), cc && ( /*#__PURE__*/React.createElement("figcaption", {
     className: styles$g.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
     styleContext: styleContext
-  })));
+  }))));
 };
 
 var styles$f = {"root":"GroupedBlock-module_root__MQQin","hasFigcaption":"GroupedBlock-module_hasFigcaption__Y05ed","item":"GroupedBlock-module_item__-InqF","items":"GroupedBlock-module_items__8X4js","figcaption":"GroupedBlock-module_figcaption__OE5-u","default":"GroupedBlock-module_default__Tha8f","full":"GroupedBlock-module_full__SNwyE","super_full":"GroupedBlock-module_super_full__HTA9D","mobile":"GroupedBlock-module_mobile__xqMw5","desktop":"GroupedBlock-module_desktop__Oobdp"};
@@ -1689,20 +1694,20 @@ const GroupedBlock = ({
       style: {
         width: `${percentWidth}%`
       }
-    }, item.type === 'sensitive' ? /*#__PURE__*/React.createElement(SensitiveBlock, {
+    }, item.type === 'sensitive' ? ( /*#__PURE__*/React.createElement(SensitiveBlock, {
       block: item,
       styleContext: ['isInGroupedBlock']
-    }) : /*#__PURE__*/React.createElement(EmbedBlockContainer, {
+    })) : ( /*#__PURE__*/React.createElement(EmbedBlockContainer, {
       block: item,
       styleContext: ['isInGroupedBlock']
-    }));
-  })), block.cc && /*#__PURE__*/React.createElement("figcaption", {
+    })));
+  })), block.cc && ( /*#__PURE__*/React.createElement("figcaption", {
     className: styles$f.figcaption
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
     styleContext: styleContext
-  })));
+  }))));
 };
 
 var styles$e = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","listened":"MetaItem-module_listened__XZWFQ","read":"MetaItem-module_read__O3cUz","datetime":"MetaItem-module_datetime__--O8c"};
@@ -1832,11 +1837,11 @@ const MetaContainer = ({
             hasSource: hasSource,
             bullets: true,
             key: component.id
-          }, /*#__PURE__*/React.createElement(React.Fragment, null, lang === 'ru' ? 'Источник: ' : 'Source: ', component.url && /*#__PURE__*/React.createElement("a", {
+          }, /*#__PURE__*/React.createElement(React.Fragment, null, lang === 'ru' ? 'Источник: ' : 'Source: ', component.url && ( /*#__PURE__*/React.createElement("a", {
             href: component.url,
             rel: "noopener noreferrer",
             target: "_blank"
-          }, component.text), !component.url && component.text));
+          }, component.text)), !component.url && component.text));
         }
       case 'duration':
         {
@@ -1907,19 +1912,19 @@ const MetaContainer = ({
           return null;
         }
     }
-  }), (isRead || isListened) && /*#__PURE__*/React.createElement(MetaItem, {
+  }), (isRead || isListened) && ( /*#__PURE__*/React.createElement(MetaItem, {
     hasSource: hasSource,
     bullets: true,
     type: isListened ? 'listened' : 'read'
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
     icon: isListened ? 'listened' : 'read',
     size: "unset"
-  })), isSlides && lang === 'ru' && /*#__PURE__*/React.createElement("div", {
+  }))), isSlides && lang === 'ru' && ( /*#__PURE__*/React.createElement("div", {
     className: styles$s.bookmark
   }, /*#__PURE__*/React.createElement(BookmarkButton, {
     isInBookmarks: isInBookmarks,
     onClick: () => bookmarkAction('bookmark', 'top')
-  })));
+  }))));
 };
 
 var styles$b = {"root":"DonatesTeaser-module_root__XQCVy","main":"DonatesTeaser-module_main__eN9kd","title":"DonatesTeaser-module_title__9umo1","text":"DonatesTeaser-module_text__s6tyf","cta":"DonatesTeaser-module_cta__-50aB","center":"DonatesTeaser-module_center__gxLvW","isInCard":"DonatesTeaser-module_isInCard__vaUhd","isInSlide":"DonatesTeaser-module_isInSlide__Dh4NH","ru":"DonatesTeaser-module_ru__y-PlJ","en":"DonatesTeaser-module_en__0Iisr"};
@@ -2039,12 +2044,12 @@ const VersesBlock = ({
   return /*#__PURE__*/React.createElement("ul", {
     className: makeClassName(classNames),
     "data-testid": "verses-block"
-  }, data.map((item, index) => /*#__PURE__*/React.createElement("li", {
+  }, data.map((item, index) => ( /*#__PURE__*/React.createElement("li", {
     key: index,
     dangerouslySetInnerHTML: {
       __html: item
     }
-  })));
+  }))));
 };
 
 const RenderBlocks = ({
@@ -2240,11 +2245,11 @@ const Cover = ({
     classNames = makeStyleContext(classNames, theme, styles$8);
     style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
   }
-  const renderCC = context => /*#__PURE__*/React.createElement(MediaCaption, {
+  const renderCC = context => ( /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
     styleContext: context || styleContext
-  });
+  }));
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "cover",
     className: makeClassName(classNames)
@@ -2257,22 +2262,22 @@ const Cover = ({
   })), /*#__PURE__*/React.createElement("div", {
     className: styles$8.body,
     style: style
-  }, blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+  }, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: styleContext
-  }))), cc === 'button' && /*#__PURE__*/React.createElement("button", {
+  })))), cc === 'button' && ( /*#__PURE__*/React.createElement("button", {
     className: styles$8.control,
     type: "button",
     "aria-label": "Open",
     onClick: () => {
       setIsPopoverShown(!isPopoverShown);
     }
-  }), cc === 'button' && isPopoverShown && /*#__PURE__*/React.createElement(Popover, {
+  })), cc === 'button' && isPopoverShown && ( /*#__PURE__*/React.createElement(Popover, {
     onClose: () => {
       setIsPopoverShown(false);
     }
-  }, renderCC('isInPopover')));
+  }, renderCC('isInPopover'))));
 };
 
 var styles$7 = {"root":"HalfBlock-module_root__EXQbz","main":"HalfBlock-module_main__eIcRo","body":"HalfBlock-module_body__HPhGj","footer":"HalfBlock-module_footer__TFfCQ","image":"HalfBlock-module_image__XWLbK","mobile":"HalfBlock-module_mobile__uGGpm","desktop":"HalfBlock-module_desktop__p-hAq"};
@@ -2309,11 +2314,11 @@ const HalfBlock = ({
     display: "super_full"
   })), /*#__PURE__*/React.createElement("div", {
     className: styles$7.body
-  }, data.blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+  }, data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: ['rich']
-  })))), /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement("div", {
     className: styles$7.footer
   }, /*#__PURE__*/React.createElement(MediaCaption, {
     credit: credit,
@@ -2338,11 +2343,11 @@ const ImportantLead = ({
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "important-lead",
     className: makeClassName(classNames)
-  }, data.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+  }, data.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: "isInImportantLead"
-  })));
+  }))));
 };
 
 var styles$5 = {"root":"Spoiler-module_root__fAbb9","header":"Spoiler-module_header__iEKsQ","body":"Spoiler-module_body__jjqIn","spoiled":"Spoiler-module_spoiled__ENI93","footer":"Spoiler-module_footer__g21Zn","spoilerSticky":"Spoiler-module_spoilerSticky__YTiyF","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__tmDnG","center":"Spoiler-module_center__0XCWo","full":"Spoiler-module_full__FtKDT","default":"Spoiler-module_default__wvlKw","mobile":"Spoiler-module_mobile__PWCMW","desktop":"Spoiler-module_desktop__qTakd"};
@@ -2390,11 +2395,11 @@ const Spoiler = ({
     className: styles$5.header
   }, title && /*#__PURE__*/React.createElement("h3", null, title)), /*#__PURE__*/React.createElement("div", {
     className: styles$5.body
-  }, blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+  }, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: context
-  }))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: styles$5.footer
   }, /*#__PURE__*/React.createElement(Button, {
     size: "default",
@@ -2463,13 +2468,13 @@ const RelatedRichBlock = ({
     to: `/${url}`,
     onClick: () => handleClick(),
     ref: ref
-  }, layout === 'rich' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: styles$4.overlay,
     style: style
   }), /*#__PURE__*/React.createElement("div", {
     className: styles$4.overlayHeader,
     style: styleHeader
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: styles$4.tag
   }, /*#__PURE__*/React.createElement(Tag, {
     size: "small",
@@ -2485,11 +2490,11 @@ const RelatedRichBlock = ({
     display: "narrow"
   }))), /*#__PURE__*/React.createElement("div", {
     className: styles$4.body
-  }, blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+  }, blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: context
-  }))));
+  })))));
 };
 
 var styles$3 = {"root":"ShopRelatedBlock-module_root__eTGjC","wrapper":"ShopRelatedBlock-module_wrapper__v6yE3","overlay":"ShopRelatedBlock-module_overlay__oR67Y","overlayHeader":"ShopRelatedBlock-module_overlayHeader__YMcNw","body":"ShopRelatedBlock-module_body__W4pBN","hasGradient":"ShopRelatedBlock-module_hasGradient__50JTl","picture":"ShopRelatedBlock-module_picture__zjFL4","tag":"ShopRelatedBlock-module_tag__ixkda","center":"ShopRelatedBlock-module_center__IpBP4","title":"ShopRelatedBlock-module_title__COl93","price":"ShopRelatedBlock-module_price__5Qitu","dark":"ShopRelatedBlock-module_dark__d0QiW","light":"ShopRelatedBlock-module_light__lUDWA","mobile":"ShopRelatedBlock-module_mobile__I6Hih","desktop":"ShopRelatedBlock-module_desktop__ywKrb"};
@@ -2548,13 +2553,13 @@ const ShopRelatedBlock = ({
     target: "_blank",
     onClick: () => handleClick(),
     ref: ref
-  }, layout === 'rich' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, layout === 'rich' && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: styles$3.overlay,
     style: style
   }), /*#__PURE__*/React.createElement("div", {
     className: styles$3.overlayHeader,
     style: styleHeader
-  })), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: styles$3.tag
   }, /*#__PURE__*/React.createElement(Tag, {
     size: "small",
@@ -2613,11 +2618,11 @@ const RelatedBook = ({
     className: styles$2.contentWrap
   }, /*#__PURE__*/React.createElement("div", {
     className: styles$2.content
-  }, block.data.blocks.map(item => /*#__PURE__*/React.createElement(RenderBlocks, {
+  }, block.data.blocks.map(item => ( /*#__PURE__*/React.createElement(RenderBlocks, {
     key: item.id,
     block: item,
     styleContext: ['isInMediaBlock', 'isInBookRelated', 'isCustom']
-  }))))));
+  })))))));
 };
 
 const RawHtmlBlock = ({
@@ -2720,13 +2725,13 @@ const ToolbarButton = ({
     className: makeClassName(classNames),
     type: "button",
     onClick: event => onClick(event, type)
-  }, icon && /*#__PURE__*/React.createElement("div", {
+  }, icon && ( /*#__PURE__*/React.createElement("div", {
     className: styles$1.icon
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
     size: "medium",
     icon: icon,
     styleContext: "isInToolbar"
-  })), /*#__PURE__*/React.createElement("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     className: styles$1.text
   }, text || label));
 };