@meduza/ui-kit-2 0.4.14 → 0.5.1

package/src/ShopRelatedBlock/index.tsx

@@ -0,0 +1,120 @@
+/* eslint-disable react/jsx-no-target-blank */
+import React, { useEffect } from 'react'
+
+import { useInView } from 'react-intersection-observer'
+import { ShopRelatedBlockProps } from './ShopRelatedBlock.types'
+
+import postMessage from '../utils/postMessage'
+import { makeClassName, ClassNames } from '../utils/makeClassName'
+import makeStyleContext from '../utils/makeStyleContext'
+import generateGradient from '../utils/generateGradient'
+
+import { Tag } from '../Tag'
+import { Image } from '../Image'
+
+import styles from './ShopRelatedBlock.module.css'
+
+export const ShopRelatedBlock: React.FC<ShopRelatedBlockProps> = ({
+  block: {
+    only_on: onlyOn,
+    data: {
+      url,
+      cover: {
+        urls,
+        gradients,
+        tag,
+        layout,
+        ratio,
+        first_title: firstTitle,
+        second_title: secondTitle
+      }
+    }
+  },
+  styleContext
+}) => {
+  const style: React.CSSProperties = {}
+  const styleHeader: React.CSSProperties = {}
+
+  const [ref, inView] = useInView({
+    threshold: 0,
+    triggerOnce: true
+  })
+
+  useEffect(() => {
+    if (inView) {
+      if (
+        (onlyOn === 'mobile' && window.innerWidth <= 511) ||
+        (onlyOn === 'desktop' && window.innerWidth >= 512) ||
+        !onlyOn
+      ) {
+        postMessage('productRelated', url, 'view')
+      }
+    }
+  }, [inView])
+
+  const handleClick = () => {
+    postMessage('productRelated', url, 'click')
+  }
+
+  let classNames: ClassNames = [
+    [styles.root, true],
+    [styles.hasGradient, !!gradients],
+    [styles[onlyOn], !!onlyOn && !!styles[onlyOn]]
+  ]
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles)
+  }
+
+  if (gradients) {
+    styleHeader.backgroundImage = generateGradient(
+      gradients.bg_rgb,
+      'mediaBlockTop'
+    )
+
+    const theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light']
+    classNames = makeStyleContext(classNames, theme, styles)
+
+    if (onlyOn === 'desktop') {
+      style.backgroundImage = generateGradient(
+        gradients.bg_rgb,
+        'mediaBlockBottom'
+      )
+    }
+  }
+
+  return (
+    <a
+      data-testid="related-rich-block"
+      className={makeClassName(classNames)}
+      href={url}
+      target="_blank"
+      onClick={(): void => handleClick()}
+      ref={ref}
+    >
+      {layout === 'rich' && (
+        <>
+          <div className={styles.overlay} style={style} />
+          <div className={styles.overlayHeader} style={styleHeader} />
+        </>
+      )}
+
+      <div className={styles.tag}>
+        <Tag size="small" theme="inherit" styleContext="richRelated">
+          {tag}
+        </Tag>
+      </div>
+      <div className={styles.cover}>
+        <div className={styles.picture}>
+          <Image optimized={urls} ratio={ratio} display="narrow" />
+        </div>
+      </div>
+      <div className={styles.body}>
+        <h2 className={styles.title}>
+          {firstTitle}
+          <span className={styles.price}>{secondTitle}</span>
+        </h2>
+      </div>
+    </a>
+  )
+}

package/src/ShopRelatedBlock/mock.json

@@ -0,0 +1,153 @@
+{
+  "rich": {
+    "type": "related_shop",
+    "data": {
+      "url": "https://meduza.io/",
+
+      "cover": {
+        "ratio": 1.5,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "1x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg"
+          },
+          "w600": {
+            "1x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "1x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg"
+          }
+        },
+        "gradients": {
+          "text_rgb": "0,0,0",
+          "bg_rgb": "214, 216, 207"
+        },
+        "tag": "Можно купить",
+        "first_title": "Шторка для камеры",
+        "second_title": "500р."
+      }
+    },
+    "only_on": "mobile"
+  },
+
+  "rich_dark": {
+    "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.5,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "1x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg"
+          },
+          "w600": {
+            "1x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "1x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg"
+          }
+        },
+        "first_title": "Шторка для камеры",
+        "second_title": "500р.",
+
+        "tag": "Можно купить",
+        "gradients": {
+          "text_rgb": "255,255,255",
+          "bg_rgb": "0,0,0"
+        }
+      }
+    },
+    "only_on": "desktop"
+  },
+
+  "rich_and_featured_desktop": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+
+      "cover": {
+        "ratio": 1.5,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "1x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg"
+          },
+          "w600": {
+            "1x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "1x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg",
+            "2x_webp": "//meduza.io/image/attachments/images/006/942/207/original/SvVDNHQAimcm6VGxS21y1A.jpg"
+          }
+        },
+        "first_title": "Шторка для камеры",
+        "second_title": "500р.",
+
+        "tag": "Можно купить",
+        "gradients": {
+          "text_rgb": "0,0,0",
+          "bg_rgb": "214, 216, 207"
+        }
+      }
+    },
+    "only_on": "desktop"
+  },
+
+  "rich_and_featured_mobile": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+
+      "cover": {
+        "ratio": 0.63,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "http://meduza.io/impro/YW9jtqBkQc7dgyPKdgtvS8JlSvPyIgY7p-7-9C49csw/fill/325/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "2x": "http://meduza.io/impro/jQf0sx4Df9y23YQ0HKyGauLGYB6kMxQ_jR2QExB4_Q0/fill/650/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "1x_webp": "http://meduza.io/impro/dROSpimx8lYjBAbaWxhjPzPggOoz_RxV8useloSPgbQ/fill/325/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp",
+            "2x_webp": "http://meduza.io/impro/dgkov3ooEbjTSe1sUvY-NLVUr6y56Dbmtpke_g-i65c/fill/650/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp"
+          },
+          "w600": {
+            "1x": "http://meduza.io/impro/03bNGjN3Exb5vIT4jm4-VouBTahiFgH9gF8MhGd5hdw/fill/600/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "2x": "http://meduza.io/impro/k7qCc2LDxE-qv6L2P5LBGo-Qmdlm68WxC2OIi6yg_SY/fill/1200/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "1x_webp": "http://meduza.io/impro/4So4ZS9GWd3WTs4fUY7Lbk4CiKkoPhUQiigwXxZVGo0/fill/600/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp",
+            "2x_webp": "http://meduza.io/impro/VZ5TtAH8GN9hENkyuoPhG7TvCLemOhHf1fgJKG9i5T4/fill/1200/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp"
+          }
+        },
+        "tag": "Можно купить",
+        "gradients": {
+          "text_rgb": "255,255,255",
+          "bg_rgb": "0,0,0"
+        },
+        "first_title": "Шторка для камеры",
+        "second_title": "500р."
+      }
+    },
+    "only_on": "mobile"
+  }
+}

package/src/SimpleBlock/SimpleBlock.types.ts

@@ -1,4 +1,5 @@
 export interface SimpleBlockProps {
   block: any
   styleContext?: string[] | string
+  id?: string
 }

package/src/SimpleBlock/index.tsx

@@ -7,7 +7,8 @@ import styles from './SimpleBlock.module.css'
 
 export const SimpleBlock: React.FC<SimpleBlockProps> = ({
   block: { data, type, only_on: onlyOn },
-  styleContext
+  styleContext,
+  id
 }) => {
   let TagName
 
@@ -42,6 +43,7 @@ export const SimpleBlock: React.FC<SimpleBlockProps> = ({
     <TagName
       className={makeClassName(classNames)}
       dangerouslySetInnerHTML={{ __html: data }}
+      id={id}
     />
   )
 }

package/src/Tag/Tag.module.css

@@ -28,6 +28,7 @@
 
 .large {
   @media $landscapeTablet {
+
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 1px;
@@ -54,14 +55,11 @@
   color: inherit;
 }
 
-.custom {
-  color: var(--tagColor);
-}
-
 .is1to1,
 .is1to2,
 .isInSuperBlock {
   @media $landscapeTablet {
+
     font-size: 12px;
     line-height: 20px;
     letter-spacing: 1px;
@@ -71,6 +69,7 @@
 .is1to3,
 .is1to4 {
   @media $landscapeTablet {
+
     font-size: 10px;
     line-height: 15px;
     letter-spacing: 0.5px;
@@ -132,7 +131,3 @@
     display: block;
   }
 }
-
-.isInBookRelated {
-  margin-bottom: 6px;
-}

package/src/Tag/Tag.stories.tsx

@@ -14,34 +14,21 @@ export default {
 }
 
 const Example: React.FC = () => {
-  const tags: {
-    theme: TagThemes
-    size: TagSizes
-    title: string
-    color?: string
-  }[] = [
+  const tags: { theme: TagThemes; size: TagSizes; title: string }[] = [
     { theme: 'dark', size: 'small', title: 'Новости' },
     { theme: 'gold', size: 'small', title: 'Новости' },
     { theme: 'gray', size: 'small', title: 'Новости' },
     { theme: 'light', size: 'small', title: 'Новости' },
-    { theme: 'custom', size: 'small', title: 'Новости', color: '250,0,255' },
     { theme: 'dark', size: 'large', title: 'Новости' },
     { theme: 'gold', size: 'large', title: 'Новости' },
     { theme: 'gray', size: 'large', title: 'Новости' },
-    { theme: 'light', size: 'large', title: 'Новости' },
-    { theme: 'custom', size: 'large', title: 'Новости', color: '250,0,255' }
+    { theme: 'light', size: 'large', title: 'Новости' }
   ]
   return (
     <>
       <div className={styles.root}>
         {tags.map((tag) => (
-          <div
-            key={`tagSize-${tag.theme}-${tag.size}`}
-            style={
-              tag.color &&
-              ({ '--tagColor': `rgb(${tag.color})` } as React.CSSProperties)
-            }
-          >
+          <div key={`tagSize-${tag.theme}-${tag.size}`}>
             <Tag size={tag.size} theme={tag.theme} styleContext="rich">
               {tag.title}
             </Tag>

package/src/Tag/Tag.types.ts

@@ -2,13 +2,7 @@ import React from 'react'
 
 export type TagSizes = 'small' | 'large'
 
-export type TagThemes =
-  | 'dark'
-  | 'gold'
-  | 'gray'
-  | 'light'
-  | 'custom'
-  | 'inherit'
+export type TagThemes = 'dark' | 'gold' | 'gray' | 'light' | 'inherit'
 
 export type TagStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown'
 

package/src/index.tsx

@@ -40,7 +40,7 @@ export * from './Footnote'
 export * from './RelatedRichBlock'
 export * from './SensitiveBlock'
 export * from './DonatesTeaser'
+export * from './ShopRelatedBlock'
 export * from './AnnouncementInText'
 export * from './Tooltip'
-export * from './RelatedBook'
 // /* PLOP_INJECT_LINK */ //

package/dist/AnnouncementInText/AnnouncementInText.types.d.ts

@@ -1,4 +0,0 @@
-export interface AnnouncementInTextProps {
-    styleContext: string[] | string;
-    lang: 'ru' | 'en';
-}

package/dist/AnnouncementInText/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AnnouncementInTextProps } from './AnnouncementInText.types';
-export declare const AnnouncementInText: React.FC<AnnouncementInTextProps>;

package/dist/BookmarkButton/BookmarkButton.types.d.ts

@@ -1,6 +0,0 @@
-export interface BookmarkButtonProps {
-    styleContext?: string | string[];
-    theme?: string;
-    isInBookmarks: boolean;
-    onClick: () => void;
-}

package/dist/BookmarkButton/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { BookmarkButtonProps } from './BookmarkButton.types';
-export declare const BookmarkButton: React.FC<BookmarkButtonProps>;

package/dist/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { ButtonProps } from './Button.types';
-export declare const Button: FC<ButtonProps>;

package/dist/Button/Button.types.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export type ButtonThemes = 'sand' | 'gold' | 'light' | 'gray' | 'ghost' | 'dark' | 'black' | 'red';
-export type ButtonStates = 'isLoading' | 'isDefault';
-export type ButtonSizes = 'auto' | 'default';
-export type ButtonStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
-export type ButtonAppearance = 'isFancy' | 'isClassic';
-export interface ButtonProps {
-    theme?: ButtonThemes;
-    appearance?: ButtonAppearance;
-    size?: ButtonSizes;
-    state?: ButtonStates;
-    styleContext?: ButtonStyleContexts;
-    disabled?: boolean;
-    onClick?: () => void;
-    children: React.ReactNode | JSX.Element[] | JSX.Element;
-}

package/dist/Button/ButtonLoader.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ButtonLoader: React.FC;

package/dist/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button } from './Button';
-export { ButtonLoader } from './ButtonLoader';

package/dist/CardTitle/CardTitle.types.d.ts

@@ -1,10 +0,0 @@
-export interface CardTitleProps {
-    block: {
-        data: {
-            index: number;
-            text: string;
-            only_on?: string;
-        };
-    };
-    styleContext?: string;
-}

package/dist/CardTitle/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CardTitleProps } from './CardTitle.types';
-export declare const CardTitle: React.FC<CardTitleProps>;

package/dist/ChapterBlock/ChapterBlock.types.d.ts

@@ -1,7 +0,0 @@
-export interface ChapterBlockProps {
-    block: {
-        data: string;
-        only_on?: string;
-    };
-    styleContext?: string;
-}

package/dist/ChapterBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ChapterBlockProps } from './ChapterBlock.types';
-export declare const ChapterBlock: React.FC<ChapterBlockProps>;

package/dist/Cover/Cover.types.d.ts

@@ -1,24 +0,0 @@
-import { OptimizedImageItem } from '../types';
-export interface CoverProps {
-    block: {
-        only_on?: string;
-        data: {
-            blocks: any;
-            cover: {
-                credit?: string;
-                caption?: string;
-                cc: string;
-                urls: {
-                    w325: OptimizedImageItem;
-                    w600: OptimizedImageItem;
-                };
-                mobile_ratio: number;
-                gradients: {
-                    text_rgb: string;
-                    bg_rgb: string;
-                };
-            };
-        };
-    };
-    styleContext?: string[] | string;
-}

package/dist/Cover/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CoverProps } from './Cover.types';
-export declare const Cover: React.FC<CoverProps>;

package/dist/DocumentItemsCount/DocumentItemsCount.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface DocumentItemsCountProps {
-    type: 'podcast' | 'card';
-    lang?: 'ru' | 'en';
-    items: number;
-    children?: JSX.Element[] | JSX.Element;
-}

package/dist/DocumentItemsCount/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DocumentItemsCountProps } from './DocumentItemsCount.types';
-export declare const DocumentItemsCount: React.FC<DocumentItemsCountProps>;

package/dist/DonatesTeaser/DonatesTeaser.types.d.ts

@@ -1,4 +0,0 @@
-export interface DonatesTeaserProps {
-    styleContext: string[] | string;
-    lang: 'ru' | 'en';
-}

package/dist/DonatesTeaser/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DonatesTeaserProps } from './DonatesTeaser.types';
-export declare const DonatesTeaser: React.FC<DonatesTeaserProps>;

package/dist/DotsOnImage/DotsOnImage.types.d.ts

@@ -1,46 +0,0 @@
-/// <reference types="react" />
-import { OptimizedImageItem } from '../types';
-export interface PopoverData {
-    title?: string;
-    body?: string;
-    id?: string;
-    align?: 'isTop' | 'isBottom';
-    side?: 'isLeft' | 'isRight';
-    style?: React.CSSProperties;
-    show: boolean;
-}
-export interface SingleDot {
-    title?: string;
-    body: string;
-    id: string;
-    position: {
-        x: number;
-        y: number;
-    };
-    icon: {
-        type: string;
-        number?: string;
-        svg_string?: string;
-        color: string;
-    };
-}
-export interface DotsOnImageProps {
-    block: {
-        credit?: string;
-        caption?: string;
-        cc?: string;
-        display?: string;
-        optimized?: {
-            original?: string;
-            w325: OptimizedImageItem;
-            w520?: OptimizedImageItem;
-            w650?: OptimizedImageItem;
-            w980?: OptimizedImageItem;
-            w1335?: OptimizedImageItem;
-        };
-        width?: number;
-        height?: number;
-        lazy?: boolean;
-        dots: SingleDot[];
-    };
-}

package/dist/DotsOnImage/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DotsOnImageProps } from './DotsOnImage.types';
-export declare const DotsOnImage: React.FC<DotsOnImageProps>;

package/dist/Dropdown/Dropdown.types.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface DropdownProps {
-    children: JSX.Element[] | JSX.Element;
-    active?: boolean;
-    styleContext?: string | string[];
-}

package/dist/Dropdown/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DropdownProps } from './Dropdown.types';
-export declare const Menu: React.FC<DropdownProps>;
-export declare const Dropdown: React.FC<DropdownProps>;

package/dist/EmbedBlock/EmbedBlock.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedBlockProps } from './EmbedBlock.types';
-export declare const EmbedBlock: React.FC<EmbedBlockProps>;

package/dist/EmbedBlock/EmbedBlock.types.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface EmbedGifProps {
-    gif: string;
-    mp4Url: string;
-    style: React.CSSProperties;
-}
-export interface EmbedBlockProps {
-    block: any;
-    styleContext?: string[] | string;
-    lang?: 'ru' | 'en';
-    children?: React.ReactNode;
-}

package/dist/EmbedBlock/EmbedGif.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedGifProps } from './EmbedBlock.types';
-export declare const EmbedGif: React.FC<EmbedGifProps>;

package/dist/EmbedBlock/IframeBlock.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedBlockProps } from './EmbedBlock.types';
-export declare const IframeBlock: React.FC<EmbedBlockProps>;

package/dist/EmbedBlock/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { EmbedBlockProps } from './EmbedBlock.types';
-export declare const EmbedBlockContainer: React.FC<EmbedBlockProps>;

package/dist/Footnote/Footnote.types.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface FootnoteProps {
-    children: React.ReactNode | JSX.Element[] | JSX.Element;
-    onClose: () => void;
-}

package/dist/Footnote/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { FootnoteProps } from './Footnote.types';
-export declare const Footnote: React.FC<FootnoteProps>;