@meduza/ui-kit-2 0.1.20 → 0.1.21

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/RelatedRichBlock/index.tsx

@@ -46,8 +46,12 @@ export const RelatedRichBlock: React.FC<RelatedRichBlockProps> = ({
     [styles[onlyOn], !!onlyOn && !!styles[onlyOn]]
   ]
 
+  let context = ['isInMediaBlock']
+
   if (styleContext) {
     classNames = makeStyleContext(classNames, styleContext, styles)
+
+    context = [...styleContext, 'isInMediaBlock']
   }
 
   if (gradients) {
@@ -93,11 +97,7 @@ export const RelatedRichBlock: React.FC<RelatedRichBlockProps> = ({
       </div>
       <div className={styles.body}>
         {blocks.map((item) => (
-          <RenderBlocks
-            key={item.id}
-            block={item}
-            styleContext={[...styleContext, 'isInMediaBlock']}
-          />
+          <RenderBlocks key={item.id} block={item} styleContext={context} />
         ))}
       </div>
     </a>

package/src/RenderBlocks/RenderBlocks.stories.module.css

@@ -2,4 +2,7 @@
 
 .root {
   display: block;
+
+  max-width: 650px;
+  margin: 0 auto;
 }

package/src/RenderBlocks/index.tsx

@@ -11,6 +11,7 @@ import { CardTitle } from '../CardTitle'
 import { RelatedBlock } from '../RelatedBlock'
 import { SourceBlock } from '../SourceBlock'
 import { EmbedBlockContainer } from '../EmbedBlock'
+import { RelatedRichBlock } from '../RelatedRichBlock'
 import { GroupedBlock } from '../GroupedBlock'
 import { MetaContainer } from '../Meta/MetaContainer'
 import { Table } from '../Table'
@@ -81,6 +82,10 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
       return <ListBlock block={block} styleContext={styleContext} />
     }
 
+    case 'related_rich': {
+      return <RelatedRichBlock block={block} styleContext={styleContext} />
+    }
+
     case 'chapter-subtitle': {
       return <ChapterBlock block={block} styleContext={styleContext} />
     }

package/src/RenderBlocks/mock.json

@@ -5,6 +5,79 @@
       "data": "Hello Component",
       "length": 9,
       "id": "11-1ff7b114f405e532387ad41ebfc3c794c3baaa413180d495c00a60273f0d2eb400d"
+    },
+    {
+      "type": "related_rich",
+      "data": {
+        "url": "https://meduza.io/",
+        "fallback": {
+          "data": {
+            "title": "Не богато вышло",
+            "related": [
+              {
+                "title": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+                "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+                "layout": "rich",
+                "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+                "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+              }
+            ]
+          },
+          "only_on": "desktop"
+        },
+        "cover": {
+          "ratio": 1.4976958525,
+          "layout": "rich",
+          "urls": {
+            "w325": {
+              "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+              "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+            },
+            "w600": {
+              "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+              "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+            }
+          },
+          "tag": "Читайте также",
+          "gradients": {
+            "text_rgb": "255,255,255",
+            "bg_rgb": "0,0,0"
+          }
+        },
+        "blocks": [
+          {
+            "type": "rich_title",
+            "data": {
+              "first": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+              "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+              "as": "h3",
+              "featured": false
+            },
+            "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+          },
+          {
+            "type": "meta",
+            "data": {
+              "lang": "ru",
+              "components": [
+                {
+                  "type": "datetime",
+                  "datetime": 1600593764,
+                  "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+                }
+              ],
+              "theme": "light"
+            },
+            "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+          }
+        ]
+      },
+      "only_on": "desktop",
+      "id": "11-1ff7b114f405e532387ad41ebfc3c7941313c3baaa413180d495c00a60273f0d2eb400d"
     }
   ]
 }