@meduza/ui-kit-2 0.8.5 → 0.8.6
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/AnnouncementInText/AnnouncementInText.types.d.ts +4 -0
- package/dist/AnnouncementInText/index.d.ts +3 -0
- package/dist/BookmarkButton/BookmarkButton.types.d.ts +6 -0
- package/dist/BookmarkButton/index.d.ts +3 -0
- package/dist/Button/Button.types.d.ts +16 -0
- package/dist/Button/ButtonLoader.d.ts +2 -0
- package/dist/Button/index.d.ts +2 -0
- package/dist/CardTitle/CardTitle.types.d.ts +11 -0
- package/dist/CardTitle/index.d.ts +3 -0
- package/dist/ChapterBlock/ChapterBlock.types.d.ts +8 -0
- package/dist/ChapterBlock/index.d.ts +3 -0
- package/dist/Cover/Cover.types.d.ts +24 -0
- package/dist/Cover/index.d.ts +3 -0
- package/dist/DocumentItemsCount/DocumentItemsCount.types.d.ts +6 -0
- package/dist/DocumentItemsCount/index.d.ts +3 -0
- package/dist/DonatesTeaser/DonatesTeaser.types.d.ts +4 -0
- package/dist/DonatesTeaser/index.d.ts +3 -0
- package/dist/DotsOnImage/DotsOnImage.types.d.ts +46 -0
- package/dist/DotsOnImage/index.d.ts +3 -0
- package/dist/Dropdown/Dropdown.types.d.ts +5 -0
- package/dist/Dropdown/index.d.ts +4 -0
- package/dist/EmbedBlock/EmbedBlock.d.ts +3 -0
- package/dist/EmbedBlock/EmbedBlock.types.d.ts +12 -0
- package/dist/EmbedBlock/EmbedGif.d.ts +3 -0
- package/dist/EmbedBlock/IframeBlock.d.ts +3 -0
- package/dist/EmbedBlock/index.d.ts +3 -0
- package/dist/Footnote/Footnote.types.d.ts +5 -0
- package/dist/Footnote/index.d.ts +3 -0
- package/dist/GroupedBlock/GroupedBlock.types.d.ts +4 -0
- package/dist/GroupedBlock/index.d.ts +3 -0
- package/dist/HalfBlock/HalfBlock.types.d.ts +4 -0
- package/dist/HalfBlock/index.d.ts +3 -0
- package/dist/Image/Image.types.d.ts +35 -0
- package/dist/Image/RenderPicture.d.ts +4 -0
- package/dist/ImportantLead/ImportantLead.types.d.ts +4 -0
- package/dist/ImportantLead/index.d.ts +3 -0
- package/dist/Lazy/Lazy.types.d.ts +4 -0
- package/dist/ListBlock/ListBlock.types.d.ts +9 -0
- package/dist/ListBlock/index.d.ts +3 -0
- package/dist/MaterialNote/MaterialNote.types.d.ts +13 -0
- package/dist/MaterialNote/index.d.ts +3 -0
- package/dist/MaterialTitle/MaterialTitle.types.d.ts +4 -0
- package/dist/MaterialTitle/index.d.ts +5 -0
- package/dist/MediaCaption/MediaCaption.types.d.ts +5 -0
- package/dist/MediaCaption/index.d.ts +3 -0
- package/dist/Meta/Meta.mock.d.ts +12 -0
- package/dist/Meta/Meta.types.d.ts +19 -0
- package/dist/Meta/MetaContainer.d.ts +3 -0
- package/dist/Meta/index.d.ts +3 -0
- package/dist/MetaItem/MetaItem.types.d.ts +7 -0
- package/dist/MetaItem/index.d.ts +3 -0
- package/dist/MetaItemLive/MetaItemLive.types.d.ts +3 -0
- package/dist/MetaItemLive/index.d.ts +3 -0
- package/dist/Popover/Popover.types.d.ts +5 -0
- package/dist/Popover/index.d.ts +3 -0
- package/dist/QuoteBlock/QuoteBlock.types.d.ts +6 -0
- package/dist/QuoteBlock/index.d.ts +3 -0
- package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts +17 -0
- package/dist/RawHtmlBlock/index.d.ts +3 -0
- package/dist/RelatedBlock/RelatedBlock.types.d.ts +17 -0
- package/dist/RelatedBlock/index.d.ts +3 -0
- package/dist/RelatedBook/RelatedBook.mock.d.ts +65 -0
- package/dist/RelatedBook/RelatedBook.types.d.ts +4 -0
- package/dist/RelatedBook/index.d.ts +3 -0
- package/dist/RelatedRichBlock/RelatedRichBlock.types.d.ts +4 -0
- package/dist/RelatedRichBlock/index.d.ts +3 -0
- package/dist/RenderBlocks/RenderBlocks.types.d.ts +11 -0
- package/dist/RenderBlocks/index.d.ts +3 -0
- package/dist/RichTitle/RichTitle.types.d.ts +12 -0
- package/dist/RichTitle/index.d.ts +3 -0
- package/dist/SensitiveBlock/SensitiveBlock.types.d.ts +15 -0
- package/dist/SensitiveBlock/index.d.ts +3 -0
- package/dist/ShopRelatedBlock/ShopRelatedBlock.types.d.ts +4 -0
- package/dist/ShopRelatedBlock/index.d.ts +3 -0
- package/dist/SimpleBlock/SimpleBlock.types.d.ts +5 -0
- package/dist/SimpleBlock/index.d.ts +3 -0
- package/dist/SimpleTitle/SimpleTitle.types.d.ts +9 -0
- package/dist/SimpleTitle/index.d.ts +3 -0
- package/dist/SourceBlock/SourceBlock.types.d.ts +15 -0
- package/dist/SourceBlock/index.d.ts +3 -0
- package/dist/Spoiler/Spoiler.types.d.ts +4 -0
- package/dist/Spoiler/index.d.ts +3 -0
- package/dist/SvgSymbol/SvgSymbol.types.d.ts +8 -0
- package/dist/SvgSymbol/icons.d.ts +172 -0
- package/dist/Switcher/Switcher.types.d.ts +12 -0
- package/dist/Table/Table.types.d.ts +25 -0
- package/dist/Table/index.d.ts +3 -0
- package/dist/Tag/Tag.types.d.ts +12 -0
- package/dist/Tag/index.d.ts +3 -0
- package/dist/Timestamp/Timestamp.types.d.ts +5 -0
- package/dist/Timestamp/index.d.ts +4 -0
- package/dist/Toolbar/Toolbar.d.ts +3 -0
- package/dist/Toolbar/Toolbar.types.d.ts +7 -0
- package/dist/Toolbar/ToolbarItem.d.ts +3 -0
- package/dist/Toolbar/index.d.ts +2 -0
- package/dist/ToolbarButton/ToolbarButton.types.d.ts +10 -0
- package/dist/ToolbarButton/index.d.ts +3 -0
- package/dist/Tooltip/Tooltip.d.ts +3 -0
- package/dist/Tooltip/Tooltip.types.d.ts +8 -0
- package/dist/Tooltip/TooltipFooter.d.ts +3 -0
- package/dist/Tooltip/index.d.ts +2 -0
- package/dist/VersesBlock/VersesBlock.types.d.ts +9 -0
- package/dist/VersesBlock/index.d.ts +3 -0
- package/dist/constants.d.ts +41 -0
- package/dist/index.d.ts +45 -0
- package/dist/types.d.ts +20 -0
- package/dist/ui-kit-2.cjs.development.js +2815 -0
- package/dist/ui-kit-2.cjs.development.js.map +1 -0
- package/dist/ui-kit-2.cjs.production.min.js +2 -0
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -0
- package/dist/ui-kit-2.esm.js +2761 -0
- package/dist/ui-kit-2.esm.js.map +1 -0
- package/dist/ui-kit-game.css +7070 -0
- package/dist/ui-kit.css +7070 -0
- package/dist/utils/BlockContext.d.ts +8 -0
- package/dist/utils/DangerousHtml.d.ts +8 -0
- package/dist/utils/capitalizeFirstLetter.d.ts +1 -0
- package/dist/utils/converCase.d.ts +2 -0
- package/dist/utils/generateGradient.d.ts +2 -0
- package/dist/utils/getElementPositionRelativeToViewport.d.ts +2 -0
- package/dist/utils/makeStyleContext.d.ts +3 -0
- package/dist/utils/pluralize.d.ts +2 -0
- package/dist/utils/postMessage.d.ts +2 -0
- package/dist/utils/viewportSize.d.ts +6 -0
- package/package.json +1 -1
- package/src/Image/index.tsx +4 -1
- package/src/Spoiler/Spoiler.module.css +9 -10
- package/src/SvgSymbol/SvgSymbol.types.ts +1 -0
- package/src/SvgSymbol/icons.ts +7 -0
- package/src/Tag/Tag.module.css +4 -0
- package/src/.DS_Store +0 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ButtonThemes = 'sand' | 'gold' | 'light' | 'gray' | 'ghost' | 'dark' | 'black' | 'red';
|
|
3
|
+
export type ButtonStates = 'isLoading' | 'isDefault';
|
|
4
|
+
export type ButtonSizes = 'auto' | 'default';
|
|
5
|
+
export type ButtonStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
|
|
6
|
+
export type ButtonAppearance = 'isFancy' | 'isClassic';
|
|
7
|
+
export interface ButtonProps {
|
|
8
|
+
theme?: ButtonThemes;
|
|
9
|
+
appearance?: ButtonAppearance;
|
|
10
|
+
size?: ButtonSizes;
|
|
11
|
+
state?: ButtonStates;
|
|
12
|
+
styleContext?: ButtonStyleContexts;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
children: React.ReactNode | JSX.Element[] | JSX.Element;
|
|
16
|
+
}
|
package/dist/Button/index.d.ts
CHANGED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { OptimizedImageItem } from '../types';
|
|
2
|
+
export interface CoverProps {
|
|
3
|
+
block: {
|
|
4
|
+
only_on?: string;
|
|
5
|
+
data: {
|
|
6
|
+
blocks: any;
|
|
7
|
+
cover: {
|
|
8
|
+
credit?: string;
|
|
9
|
+
caption?: string;
|
|
10
|
+
cc: string;
|
|
11
|
+
urls: {
|
|
12
|
+
w325: OptimizedImageItem;
|
|
13
|
+
w600: OptimizedImageItem;
|
|
14
|
+
};
|
|
15
|
+
mobile_ratio: number;
|
|
16
|
+
gradients: {
|
|
17
|
+
text_rgb: string;
|
|
18
|
+
bg_rgb: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
styleContext?: string[] | string;
|
|
24
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { OptimizedImageItem } from '../types';
|
|
3
|
+
export interface PopoverData {
|
|
4
|
+
title?: string;
|
|
5
|
+
body?: string;
|
|
6
|
+
id?: string;
|
|
7
|
+
align?: 'isTop' | 'isBottom';
|
|
8
|
+
side?: 'isLeft' | 'isRight';
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
show: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface SingleDot {
|
|
13
|
+
title?: string;
|
|
14
|
+
body: string;
|
|
15
|
+
id: string;
|
|
16
|
+
position: {
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
};
|
|
20
|
+
icon: {
|
|
21
|
+
type: string;
|
|
22
|
+
number?: string;
|
|
23
|
+
svg_string?: string;
|
|
24
|
+
color: string;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export interface DotsOnImageProps {
|
|
28
|
+
block: {
|
|
29
|
+
credit?: string;
|
|
30
|
+
caption?: string;
|
|
31
|
+
cc?: string;
|
|
32
|
+
display?: string;
|
|
33
|
+
optimized?: {
|
|
34
|
+
original?: string;
|
|
35
|
+
w325: OptimizedImageItem;
|
|
36
|
+
w520?: OptimizedImageItem;
|
|
37
|
+
w650?: OptimizedImageItem;
|
|
38
|
+
w980?: OptimizedImageItem;
|
|
39
|
+
w1335?: OptimizedImageItem;
|
|
40
|
+
};
|
|
41
|
+
width?: number;
|
|
42
|
+
height?: number;
|
|
43
|
+
lazy?: boolean;
|
|
44
|
+
dots: SingleDot[];
|
|
45
|
+
};
|
|
46
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface EmbedGifProps {
|
|
3
|
+
gif: string;
|
|
4
|
+
mp4Url: string;
|
|
5
|
+
style: React.CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
export interface EmbedBlockProps {
|
|
8
|
+
block: any;
|
|
9
|
+
styleContext?: string[] | string;
|
|
10
|
+
lang?: 'ru' | 'en';
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { OptimizedImageItem } from '../types';
|
|
2
|
+
export interface ImageProps {
|
|
3
|
+
alt?: string;
|
|
4
|
+
display?: string;
|
|
5
|
+
optimized?: {
|
|
6
|
+
original?: string;
|
|
7
|
+
w325: OptimizedImageItem;
|
|
8
|
+
w520?: OptimizedImageItem;
|
|
9
|
+
w650?: OptimizedImageItem;
|
|
10
|
+
w980?: OptimizedImageItem;
|
|
11
|
+
w1335?: OptimizedImageItem;
|
|
12
|
+
};
|
|
13
|
+
width?: number;
|
|
14
|
+
height?: number;
|
|
15
|
+
source?: string[];
|
|
16
|
+
lazy?: boolean;
|
|
17
|
+
ratio?: number;
|
|
18
|
+
fullscreen?: boolean;
|
|
19
|
+
styleContext?: string[] | string;
|
|
20
|
+
}
|
|
21
|
+
export interface PictureProps {
|
|
22
|
+
source?: string[];
|
|
23
|
+
optimized?: {
|
|
24
|
+
original?: string;
|
|
25
|
+
w325: OptimizedImageItem;
|
|
26
|
+
w520?: OptimizedImageItem;
|
|
27
|
+
w650?: OptimizedImageItem;
|
|
28
|
+
w980?: OptimizedImageItem;
|
|
29
|
+
w1335?: OptimizedImageItem;
|
|
30
|
+
};
|
|
31
|
+
alt?: string;
|
|
32
|
+
fallbackSource: string;
|
|
33
|
+
display: string;
|
|
34
|
+
onLoad: (boolean: any) => void;
|
|
35
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MaterialTitleProps } from './MaterialTitle.types';
|
|
3
|
+
export declare const Primary: React.FC<MaterialTitleProps>;
|
|
4
|
+
export declare const Secondary: React.FC<MaterialTitleProps>;
|
|
5
|
+
export declare const MaterialTitle: React.FC<MaterialTitleProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CallToActions } from '../types';
|
|
3
|
+
export interface MetaContainerProps {
|
|
4
|
+
block: any;
|
|
5
|
+
styleContext: string[] | string;
|
|
6
|
+
isRead: boolean | undefined;
|
|
7
|
+
isListened: boolean | undefined;
|
|
8
|
+
isInBookmarks: boolean | undefined;
|
|
9
|
+
bookmarkAction?: (service: CallToActions, place: string) => void;
|
|
10
|
+
lightBox?: () => void;
|
|
11
|
+
lang: 'ru' | 'en';
|
|
12
|
+
}
|
|
13
|
+
export interface MetaProps {
|
|
14
|
+
onlyOn?: string;
|
|
15
|
+
styleContext?: string[] | string;
|
|
16
|
+
hasSource?: boolean;
|
|
17
|
+
theme?: string;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ImageProps } from '../Image/Image.types';
|
|
2
|
+
import { CallToActions, LightboxContext } from '../types';
|
|
3
|
+
export type lightBox = {
|
|
4
|
+
show: (image?: ImageProps['optimized'], alt?: ImageProps['alt']) => void;
|
|
5
|
+
hide: () => void;
|
|
6
|
+
visible: boolean;
|
|
7
|
+
};
|
|
8
|
+
export interface RawHtmlBlockProps {
|
|
9
|
+
block: any;
|
|
10
|
+
styleContext?: string[] | string;
|
|
11
|
+
isRead?: boolean | undefined;
|
|
12
|
+
isListened?: boolean | undefined;
|
|
13
|
+
isInBookmarks?: boolean | undefined;
|
|
14
|
+
bookmarkAction?: (service: CallToActions, place: string) => void;
|
|
15
|
+
lightBox?: LightboxContext | null | undefined;
|
|
16
|
+
lang?: 'ru' | 'en';
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface RelatedBlockProps {
|
|
2
|
+
block: {
|
|
3
|
+
data: {
|
|
4
|
+
title: string;
|
|
5
|
+
related: {
|
|
6
|
+
title: string;
|
|
7
|
+
second_title?: string;
|
|
8
|
+
layout: string;
|
|
9
|
+
url?: string;
|
|
10
|
+
full_url?: string;
|
|
11
|
+
id: string;
|
|
12
|
+
}[];
|
|
13
|
+
};
|
|
14
|
+
only_on?: string;
|
|
15
|
+
};
|
|
16
|
+
styleContext?: string[] | string;
|
|
17
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
export declare const RelatedBookMock: {
|
|
2
|
+
type: string;
|
|
3
|
+
data: {
|
|
4
|
+
url: string;
|
|
5
|
+
cover: {
|
|
6
|
+
urls: {
|
|
7
|
+
w325: {
|
|
8
|
+
'1x': string;
|
|
9
|
+
'2x': string;
|
|
10
|
+
'1x_webp': string;
|
|
11
|
+
'2x_webp': string;
|
|
12
|
+
};
|
|
13
|
+
w600: {
|
|
14
|
+
'1x': string;
|
|
15
|
+
'2x': string;
|
|
16
|
+
'1x_webp': string;
|
|
17
|
+
'2x_webp': string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
blocks: ({
|
|
22
|
+
type: string;
|
|
23
|
+
data: {
|
|
24
|
+
text: string;
|
|
25
|
+
theme: string;
|
|
26
|
+
first?: undefined;
|
|
27
|
+
second?: undefined;
|
|
28
|
+
lang?: undefined;
|
|
29
|
+
components?: undefined;
|
|
30
|
+
};
|
|
31
|
+
id: string;
|
|
32
|
+
} | {
|
|
33
|
+
type: string;
|
|
34
|
+
data: {
|
|
35
|
+
first: string;
|
|
36
|
+
second: string;
|
|
37
|
+
text?: undefined;
|
|
38
|
+
theme?: undefined;
|
|
39
|
+
lang?: undefined;
|
|
40
|
+
components?: undefined;
|
|
41
|
+
};
|
|
42
|
+
id: string;
|
|
43
|
+
} | {
|
|
44
|
+
type: string;
|
|
45
|
+
data: {
|
|
46
|
+
lang: string;
|
|
47
|
+
components: {
|
|
48
|
+
type: string;
|
|
49
|
+
text: string;
|
|
50
|
+
id: string;
|
|
51
|
+
}[];
|
|
52
|
+
text?: undefined;
|
|
53
|
+
theme?: undefined;
|
|
54
|
+
first?: undefined;
|
|
55
|
+
second?: undefined;
|
|
56
|
+
};
|
|
57
|
+
id: string;
|
|
58
|
+
})[];
|
|
59
|
+
theme: {
|
|
60
|
+
background_color: string;
|
|
61
|
+
text_color: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
id: string;
|
|
65
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CallToActions, LightboxContext } from '../types';
|
|
2
|
+
export interface RenderBlocksProps {
|
|
3
|
+
block: any;
|
|
4
|
+
styleContext?: any;
|
|
5
|
+
isRead?: boolean;
|
|
6
|
+
isListened?: boolean;
|
|
7
|
+
isInBookmarks?: boolean;
|
|
8
|
+
bookmarkAction?: (service: CallToActions, place: string) => void;
|
|
9
|
+
lightBox?: LightboxContext | null | undefined;
|
|
10
|
+
lang?: 'ru' | 'en';
|
|
11
|
+
}
|