@meduza/ui-kit-2 0.8.607 → 0.8.608

package/dist/RenderBlocks/RenderBlocks.types.d.ts

@@ -0,0 +1,12 @@
+import { CallToActions, LightboxContext } from '../types';
+export interface RenderBlocksProps {
+    block: any;
+    styleContext?: any;
+    isRead?: boolean;
+    isListened?: boolean;
+    isInBookmarks?: boolean;
+    bookmarkAction?: (service: CallToActions, place: string) => void;
+    lightBox?: LightboxContext | null | undefined;
+    lang?: 'ru' | 'en';
+    type?: any;
+}

package/dist/RenderBlocks/index.d.ts

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

package/dist/RichTitle/RichTitle.types.d.ts

@@ -0,0 +1,12 @@
+export interface RichTitleProps {
+    block: {
+        only_on?: string;
+        data: {
+            featured?: boolean;
+            first: string;
+            second?: string;
+            as?: keyof JSX.IntrinsicElements;
+        };
+    };
+    styleContext?: string[] | string;
+}

package/dist/RichTitle/index.d.ts

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

package/dist/SensitiveBlock/SensitiveBlock.types.d.ts

@@ -0,0 +1,15 @@
+export interface SensitiveBlockProps {
+    block: {
+        id: string;
+        title: string;
+        blurred_image: string;
+        button: {
+            text: string;
+        };
+        item: any;
+        credit?: string;
+        caption?: string;
+        cc: string;
+    };
+    styleContext?: string[];
+}

package/dist/SensitiveBlock/index.d.ts

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

package/dist/ShopRelatedBlock/ShopRelatedBlock.types.d.ts

@@ -0,0 +1,4 @@
+export interface ShopRelatedBlockProps {
+    block?: any;
+    styleContext?: any;
+}

package/dist/ShopRelatedBlock/index.d.ts

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

package/dist/SimpleBlock/SimpleBlock.types.d.ts

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

package/dist/SimpleBlock/index.d.ts

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

package/dist/SimpleTitle/SimpleTitle.types.d.ts

@@ -0,0 +1,9 @@
+export interface SimpleTitleProps {
+    block: {
+        data: {
+            first: string;
+        };
+        only_on?: string;
+    };
+    styleContext?: string[] | string;
+}

package/dist/SimpleTitle/index.d.ts

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

package/dist/SourceBlock/SourceBlock.types.d.ts

@@ -0,0 +1,15 @@
+export interface SourceBlockProps {
+    block: {
+        only_on?: string;
+        data: {
+            quote: {
+                type: string;
+                data: string;
+                length: number;
+            }[];
+            origin: string;
+            url: string;
+        };
+    };
+    styleContext?: string[] | string;
+}

package/dist/SourceBlock/index.d.ts

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

package/dist/Spoiler/Spoiler.types.d.ts

@@ -0,0 +1,4 @@
+export interface SpoilerProps {
+    block: any;
+    styleContext?: string[] | string;
+}

package/dist/Spoiler/index.d.ts

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

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

@@ -0,0 +1,8 @@
+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' | 'episodeDownload' | 'play' | 'pause' | 'shareBookmark' | 'speedHalf' | 'speedThreeQuarters' | 'speedOne' | 'speedOneQuarter' | '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;
+    size?: Sizes;
+    icon: Icons;
+}

package/dist/SvgSymbol/icons.d.ts

@@ -0,0 +1,182 @@
+export declare const icons: {
+    meduzaLogo: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    menu: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    fb: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    tw: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    vk: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    ok: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    tg: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    meduzaSymbol: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    backward: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    forward: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    download: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    episodeDownload: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    play: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    pause: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedHalf: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedThreeQuarters: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedOne: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedOneQuarter: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedOneHalf: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    speedTwo: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    podcastBookmark: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    reaction: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    cross: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    link: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    search: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    card: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    podcast: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    arrow: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    brent: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    user: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    bookmark: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    shareBookmark: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    receipt: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    read: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    listened: {
+        width: number;
+        height: number;
+        content: string;
+    };
+    magic: {
+        width: number;
+        height: number;
+        content: string;
+    };
+};

package/dist/SvgSymbol/index.d.ts

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

package/dist/Switcher/Switcher.types.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type SwitcherStyleContexts = 'isInLive' | 'isInPanel' | 'isInMenu';
+export type SwitcherThemes = 'light' | 'dark';
+export type SwitcherChildrenPositions = 'left' | 'right';
+export interface SwitcherProps {
+    enabled: boolean;
+    styleContext: SwitcherStyleContexts;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    theme?: SwitcherThemes;
+    children: JSX.Element[] | JSX.Element;
+    childrenPosition?: SwitcherChildrenPositions;
+}

package/dist/Switcher/index.d.ts

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

package/dist/Table/Table.types.d.ts

@@ -0,0 +1,25 @@
+export interface Row {
+    cells: {
+        key: string;
+        color?: string;
+        val?: string;
+    }[];
+    key: string;
+}
+export interface TableProps {
+    styleContext?: string | string[];
+    block: {
+        type: string;
+        columns_widths: number[];
+        display: string;
+        id: string;
+        options: {
+            header: boolean;
+            fixed_first_column?: boolean;
+            num_fixed_columns: number;
+            num_fixed_rows: number;
+        };
+        rows: Row[];
+        table_credit?: string;
+    };
+}

package/dist/Table/index.d.ts

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

package/dist/Tag/Tag.types.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type TagSizes = 'small' | 'large';
+export type TagThemes = 'dark' | 'gold' | 'gray' | 'light' | 'inherit' | 'custom';
+export type TagStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
+export interface TagProps {
+    children: React.ReactNode | JSX.Element[] | JSX.Element;
+    styleContext?: string | string[];
+    theme: TagThemes;
+    size: TagSizes;
+    onlyOn?: 'desktop' | 'mobile';
+    correlation?: string;
+}

package/dist/Tag/index.d.ts

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

package/dist/Timestamp/Timestamp.types.d.ts

@@ -0,0 +1,5 @@
+export interface TimestampProps {
+    publishedAt: number;
+    type: 'fromNow' | 'format' | 'date';
+    locale?: string;
+}

package/dist/Timestamp/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TimestampProps } from './Timestamp.types';
+import 'dayjs/locale/ru';
+export declare const Timestamp: React.FC<TimestampProps>;

package/dist/Toolbar/Toolbar.d.ts

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

package/dist/Toolbar/Toolbar.types.d.ts

@@ -0,0 +1,7 @@
+export interface ToolbarProps {
+    styleContext?: string | string[];
+    children: JSX.Element[] | JSX.Element;
+}
+export interface ToolbarItemProps {
+    children: JSX.Element[] | JSX.Element;
+}

package/dist/Toolbar/ToolbarItem.d.ts

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

package/dist/Toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { ToolbarItem } from './ToolbarItem';
+export { Toolbar } from './Toolbar';

package/dist/ToolbarButton/ToolbarButton.types.d.ts

@@ -0,0 +1,10 @@
+export type ToolbarButtonTypes = 'vk' | 'fb' | 'tw' | 'tg' | 'ok' | 'reaction' | 'pdf' | 'bookmark' | 'unblock' | 'cross';
+export interface ToolbarButtonProps {
+    type: ToolbarButtonTypes;
+    theme?: string;
+    lang?: 'ru' | 'en';
+    text?: string;
+    icon?: 'shareBookmark';
+    isActive?: boolean;
+    onClick: (event: any, type: string) => void;
+}

package/dist/ToolbarButton/index.d.ts

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

package/dist/Tooltip/Tooltip.d.ts

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

package/dist/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface TooltipProps {
+    children: React.ReactNode;
+    position: ['left' | 'center', 'top' | 'bottom'];
+}
+export interface TooltipFooterProps {
+    children: React.ReactNode;
+}

package/dist/Tooltip/TooltipFooter.d.ts

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

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export { TooltipFooter } from './TooltipFooter';

package/dist/VersesBlock/VersesBlock.types.d.ts

@@ -0,0 +1,9 @@
+export interface VersesBlockProps {
+    block: {
+        type: keyof JSX.IntrinsicElements;
+        data: string[];
+        length: number;
+        only_on?: string;
+    };
+    styleContext?: string[] | string;
+}

package/dist/VersesBlock/index.d.ts

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

package/dist/constants.d.ts

@@ -0,0 +1,41 @@
+export declare const MediaQuerySizes: {
+    MOBILE: number;
+    PORTRAIT_TABLET: number;
+    LANDSCAPE_TABLET: number;
+    DESKTOP: number;
+    WIDE_DESKTOP: number;
+};
+export declare const imageBreakpoints: {
+    325: string;
+    520: string;
+    600: string;
+    650: string;
+    980: string;
+    1335: string;
+};
+export declare const imageConditionalKeys: {
+    xs: number[];
+    superFull: number[];
+    full: number[];
+    default: number[];
+    narrow: number[];
+};
+export declare const SocialLabels: {
+    ru: {
+        tg: string;
+        fb: string;
+        tw: string;
+        pdf: string;
+        unblock: string;
+        bookmark: string;
+        reaction: string;
+    };
+    en: {
+        tg: string;
+        fb: string;
+        tw: string;
+        pdf: string;
+        unblock: string;
+        bookmark: string;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+export * from './Button';
+export * from './SvgSymbol';
+export * from './Switcher';
+export * from './Image';
+export * from './DotsOnImage';
+export * from './Lazy';
+export * from './Tag';
+export * from './Table';
+export * from './MediaCaption';
+export * from './MaterialNote';
+export * from './BookmarkButton';
+export * from './MaterialTitle';
+export * from './Dropdown';
+export * from './Toolbar';
+export * from './Popover';
+export * from './Meta';
+export * from './Timestamp';
+export * from './EmbedBlock';
+export * from './QuoteBlock';
+export * from './CardTitle';
+export * from './ChapterBlock';
+export * from './Cover';
+export * from './RenderBlocks';
+export * from './GroupedBlock';
+export * from './HalfBlock';
+export * from './RawHtmlBlock';
+export * from './ImportantLead';
+export * from './ListBlock';
+export * from './RelatedBlock';
+export * from './RichTitle';
+export * from './SimpleBlock';
+export * from './SimpleTitle';
+export * from './SourceBlock';
+export * from './Spoiler';
+export * from './MetaItem';
+export * from './MetaItemLive';
+export * from './DocumentItemsCount';
+export * from './ToolbarButton';
+export * from './Footnote';
+export * from './RelatedRichBlock';
+export * from './SensitiveBlock';
+export * from './DonatesTeaser';
+export * from './ShopRelatedBlock';
+export * from './AnnouncementInText';
+export * from './Tooltip';

package/dist/types.d.ts

@@ -0,0 +1,20 @@
+export interface OptimizedImageItem {
+    '1x': string;
+    '2x': string;
+    '1x_webp': string;
+    '2x_webp': string;
+}
+export type CallToActions = 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'wp' | 'reaction' | 'pdf' | 'bookmark' | 'cross';
+export type LightboxImage = {
+    original: string;
+    w325: OptimizedImageItem;
+    w520: OptimizedImageItem;
+    w650: OptimizedImageItem;
+    w980: OptimizedImageItem;
+    w1335: OptimizedImageItem;
+};
+export interface LightboxContext {
+    show: (image: LightboxImage, alt?: string) => void;
+    hide: () => void;
+    visible: boolean;
+}