@bbki.ng/components 2.1.7 → 2.1.12

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/index.d.ts CHANGED
@@ -2,288 +2,288 @@ import * as React from 'react';
2
2
  import React__default, { FunctionComponent, EventHandler, ReactElement, ReactNode, CSSProperties, Ref } from 'react';
3
3
  import { LinkProps as LinkProps$1 } from 'react-router-dom';
4
4
 
5
- declare type ArticleProps = {
6
- title: any;
7
- className?: string;
8
- content?: any;
9
- children: any;
10
- description?: any;
11
- };
5
+ declare type ArticleProps = {
6
+ title: any;
7
+ className?: string;
8
+ content?: any;
9
+ children: any;
10
+ description?: any;
11
+ };
12
12
  declare const Article: FunctionComponent<ArticleProps>;
13
13
 
14
- declare enum ButtonType {
15
- DANGER = "danger",
16
- PRIMARY = "primary",
17
- NORMAL = "normal",
18
- DISABLED = "disabled"
19
- }
20
- interface ButtonProps {
21
- className?: string;
22
- children: React__default.ReactNode;
23
- type?: ButtonType;
24
- onClick: EventHandler<React__default.MouseEvent<HTMLButtonElement>>;
25
- }
26
- declare function Button(props: ButtonProps): JSX.Element;
27
- declare namespace Button {
28
- var displayName: string;
14
+ declare enum ButtonType {
15
+ DANGER = "danger",
16
+ PRIMARY = "primary",
17
+ NORMAL = "normal",
18
+ DISABLED = "disabled"
19
+ }
20
+ interface ButtonProps {
21
+ className?: string;
22
+ children: React__default.ReactNode;
23
+ type?: ButtonType;
24
+ onClick: EventHandler<React__default.MouseEvent<HTMLButtonElement>>;
25
+ }
26
+ declare function Button(props: ButtonProps): JSX.Element;
27
+ declare namespace Button {
28
+ var displayName: string;
29
29
  }
30
30
 
31
- declare type LogoProps = {
32
- className?: string;
33
- };
31
+ declare type LogoProps = {
32
+ className?: string;
33
+ };
34
34
  declare const Logo: React.MemoExoticComponent<(props: LogoProps) => JSX.Element>;
35
35
 
36
- declare type PathObj = {
37
- path?: string;
38
- name: string;
39
- };
40
- declare type BreadcrumbProps = {
41
- paths: PathObj[];
42
- };
36
+ declare type PathObj = {
37
+ path?: string;
38
+ name: string;
39
+ };
40
+ declare type BreadcrumbProps = {
41
+ paths: PathObj[];
42
+ };
43
43
  declare const Breadcrumb: (props: BreadcrumbProps) => JSX.Element;
44
44
 
45
- declare type NavProps = {
46
- paths: PathObj[];
47
- loading?: boolean;
48
- mini?: boolean;
49
- className?: string;
50
- };
45
+ declare type NavProps = {
46
+ paths: PathObj[];
47
+ loading?: boolean;
48
+ mini?: boolean;
49
+ className?: string;
50
+ };
51
51
  declare const Nav: (props: NavProps) => JSX.Element;
52
52
 
53
- declare enum LinkColor {
54
- BLUE = "blue",
55
- RED = "red",
56
- GRAY = "gray"
57
- }
58
- interface LinkProps extends LinkProps$1 {
59
- color?: LinkColor;
60
- className?: string;
61
- external?: boolean;
62
- name?: any;
63
- children?: any;
64
- to: string;
65
- }
53
+ declare enum LinkColor {
54
+ BLUE = "blue",
55
+ RED = "red",
56
+ GRAY = "gray"
57
+ }
58
+ interface LinkProps extends LinkProps$1 {
59
+ color?: LinkColor;
60
+ className?: string;
61
+ external?: boolean;
62
+ name?: any;
63
+ children?: any;
64
+ to: string;
65
+ }
66
66
  declare const Link: (props: LinkProps) => JSX.Element;
67
67
 
68
- interface TagProps extends Pick<LinkProps, "to" | "children" | "className"> {
69
- name?: string;
70
- }
71
- declare const Tag: (props: TagProps) => JSX.Element;
72
- declare const Tags: (props: {
73
- tags: TagProps[];
74
- className?: string;
68
+ interface TagProps extends Pick<LinkProps, "to" | "children" | "className"> {
69
+ name?: string;
70
+ }
71
+ declare const Tag: (props: TagProps) => JSX.Element;
72
+ declare const Tags: (props: {
73
+ tags: TagProps[];
74
+ className?: string;
75
75
  }) => JSX.Element;
76
76
 
77
- declare type PanelProps = {
78
- width?: number;
79
- children: any;
80
- className?: string;
81
- };
77
+ declare type PanelProps = {
78
+ width?: number;
79
+ children: any;
80
+ className?: string;
81
+ };
82
82
  declare const Panel: (props: PanelProps) => JSX.Element;
83
83
 
84
- declare type PageProps = {
85
- nav: ReactElement;
86
- main: ReactElement;
87
- footer: ReactNode;
88
- };
89
- declare const Page: (props: PageProps) => JSX.Element;
90
- declare const NotFound: (props: {
91
- children?: any;
92
- }) => JSX.Element;
93
- declare const Error: (props: {
94
- error: Error;
95
- }) => JSX.Element;
96
- declare class ErrorBoundary extends React__default.Component<{
97
- children: any;
98
- }, {
99
- error?: Error;
100
- hasError: boolean;
101
- }> {
102
- constructor(props: {
103
- children: any;
104
- });
105
- static getDerivedStateFromError(error: Error): {
106
- hasError: boolean;
107
- error: Error;
108
- };
109
- render(): any;
84
+ declare type PageProps = {
85
+ nav: ReactElement;
86
+ main: ReactElement;
87
+ footer: ReactNode;
88
+ };
89
+ declare const Page: (props: PageProps) => JSX.Element;
90
+ declare const NotFound: (props: {
91
+ children?: any;
92
+ }) => JSX.Element;
93
+ declare const Error: (props: {
94
+ error: Error;
95
+ }) => JSX.Element;
96
+ declare class ErrorBoundary extends React__default.Component<{
97
+ children: any;
98
+ }, {
99
+ error?: Error;
100
+ hasError: boolean;
101
+ }> {
102
+ constructor(props: {
103
+ children: any;
104
+ });
105
+ static getDerivedStateFromError(error: Error): {
106
+ hasError: boolean;
107
+ error: Error;
108
+ };
109
+ render(): any;
110
110
  }
111
111
 
112
- declare type PopConfirmProps = {
113
- onOk?: EventHandler<React__default.MouseEvent<HTMLButtonElement>> | (() => Promise<void>);
114
- onCancel?: EventHandler<React__default.MouseEvent<HTMLButtonElement>>;
115
- className?: string;
116
- content?: any;
117
- children?: any;
118
- width?: number;
119
- };
112
+ declare type PopConfirmProps = {
113
+ onOk?: EventHandler<React__default.MouseEvent<HTMLButtonElement>> | (() => Promise<void>);
114
+ onCancel?: EventHandler<React__default.MouseEvent<HTMLButtonElement>>;
115
+ className?: string;
116
+ content?: any;
117
+ children?: any;
118
+ width?: number;
119
+ };
120
120
  declare const PopConfirm: (props: PopConfirmProps) => JSX.Element;
121
121
 
122
- declare type TableProps = {
123
- rowCount: number;
124
- rowRenderer: (index: number) => any;
125
- headerRenderer?: () => any;
126
- className?: string;
127
- };
128
- declare const Table: {
129
- (props: TableProps): JSX.Element;
130
- HCell(props: {
131
- children: any;
132
- style?: CSSProperties;
133
- }): JSX.Element;
134
- Cell(props: {
135
- children: any;
136
- style?: CSSProperties;
137
- }): JSX.Element;
122
+ declare type TableProps = {
123
+ rowCount: number;
124
+ rowRenderer: (index: number) => any;
125
+ headerRenderer?: () => any;
126
+ className?: string;
127
+ };
128
+ declare const Table: {
129
+ (props: TableProps): JSX.Element;
130
+ HCell(props: {
131
+ children: any;
132
+ style?: CSSProperties;
133
+ }): JSX.Element;
134
+ Cell(props: {
135
+ children: any;
136
+ style?: CSSProperties;
137
+ }): JSX.Element;
138
138
  };
139
139
 
140
- declare enum SkeletonColor {
141
- BLUE = "blue",
142
- RED = "red",
143
- GRAY = "gray",
144
- BLACK = "black"
145
- }
146
- interface SkeletonProps {
147
- className?: string;
148
- width?: number;
149
- height?: number;
150
- bgColor?: SkeletonColor;
151
- }
152
- interface ArticleSkeletonProps extends SkeletonProps {
153
- titleLength?: number;
154
- descriptionLength?: number;
155
- children?: any;
156
- }
157
- interface LinkListSkeletonProps extends ArticleSkeletonProps {
158
- linksLength: number[];
159
- }
160
- declare const Skeleton: (props: SkeletonProps) => JSX.Element;
161
- declare const ArticleSkeleton: (props: ArticleSkeletonProps) => JSX.Element;
140
+ declare enum SkeletonColor {
141
+ BLUE = "blue",
142
+ RED = "red",
143
+ GRAY = "gray",
144
+ BLACK = "black"
145
+ }
146
+ interface SkeletonProps {
147
+ className?: string;
148
+ width?: number;
149
+ height?: number;
150
+ bgColor?: SkeletonColor;
151
+ }
152
+ interface ArticleSkeletonProps extends SkeletonProps {
153
+ titleLength?: number;
154
+ descriptionLength?: number;
155
+ children?: any;
156
+ }
157
+ interface LinkListSkeletonProps extends ArticleSkeletonProps {
158
+ linksLength: number[];
159
+ }
160
+ declare const Skeleton: (props: SkeletonProps) => JSX.Element;
161
+ declare const ArticleSkeleton: (props: ArticleSkeletonProps) => JSX.Element;
162
162
  declare const LinkListSkeleton: (props: LinkListSkeletonProps) => JSX.Element;
163
163
 
164
- interface ImagePreviewerProps {
165
- className?: string;
166
- visible: boolean;
167
- imageRef: Ref<HTMLImageElement>;
168
- imageSrc: string;
169
- imageSize: {
170
- width: number;
171
- height: number;
172
- };
173
- }
174
- interface ImageDropProps<T> {
175
- uploader: (file: File, img?: HTMLImageElement) => Promise<T>;
176
- onDrop?: (events: Event, file: File) => void;
177
- onUploadFinish?: (result: T) => void;
178
- waitTimeAfterFinish?: number;
179
- defaultBgColor?: string;
180
- dragOverBgColor?: string;
181
- dropAreaStyle?: CSSProperties;
182
- placeholder?: any;
183
- className?: string;
184
- ghost?: boolean;
185
- children?: (props: ImagePreviewerProps) => ReactNode;
186
- }
164
+ interface ImagePreviewerProps {
165
+ className?: string;
166
+ visible: boolean;
167
+ imageRef: Ref<HTMLImageElement>;
168
+ imageSrc: string;
169
+ imageSize: {
170
+ width: number;
171
+ height: number;
172
+ };
173
+ }
174
+ interface ImageDropProps<T> {
175
+ uploader: (file: File, img?: HTMLImageElement) => Promise<T>;
176
+ onDrop?: (events: Event, file: File) => void;
177
+ onUploadFinish?: (result: T) => void;
178
+ waitTimeAfterFinish?: number;
179
+ defaultBgColor?: string;
180
+ dragOverBgColor?: string;
181
+ dropAreaStyle?: CSSProperties;
182
+ placeholder?: any;
183
+ className?: string;
184
+ ghost?: boolean;
185
+ children?: (props: ImagePreviewerProps) => ReactNode;
186
+ }
187
187
  declare const DropImage: FunctionComponent<ImageDropProps<any>>;
188
188
 
189
- declare type BLinkDotProps = {
190
- className?: string;
191
- };
189
+ declare type BLinkDotProps = {
190
+ className?: string;
191
+ };
192
192
  declare const BlinkDot: (props: BLinkDotProps) => JSX.Element;
193
193
 
194
- declare type threeColLayoutProps = {
195
- leftRenderer?: () => ReactElement | null;
196
- rightRenderer?: () => ReactElement | null;
197
- middleRenderer?: () => ReactElement | null;
198
- };
194
+ declare type threeColLayoutProps = {
195
+ leftRenderer?: () => ReactElement | null;
196
+ rightRenderer?: () => ReactElement | null;
197
+ middleRenderer?: () => ReactElement | null;
198
+ };
199
199
  declare const ThreeColLayout: (props: threeColLayoutProps) => JSX.Element;
200
200
 
201
- interface listProps {
202
- className?: string;
203
- compact?: boolean;
204
- items: any[];
205
- itemRenderer: (itemProps: any, index: number) => ReactElement;
206
- horizontal?: boolean;
207
- }
208
- declare const List: FunctionComponent<listProps>;
209
- interface TitledListProps extends listProps {
210
- title?: any;
211
- description?: any;
212
- }
213
- declare const TitledList: FunctionComponent<TitledListProps>;
214
- interface LinkListProps extends Omit<listProps, "itemRenderer" | "items"> {
215
- title?: string;
216
- description?: any;
217
- links: LinkProps[];
218
- }
201
+ interface listProps {
202
+ className?: string;
203
+ compact?: boolean;
204
+ items: any[];
205
+ itemRenderer: (itemProps: any, index: number) => ReactElement;
206
+ horizontal?: boolean;
207
+ }
208
+ declare const List: FunctionComponent<listProps>;
209
+ interface TitledListProps extends listProps {
210
+ title?: any;
211
+ description?: any;
212
+ }
213
+ declare const TitledList: FunctionComponent<TitledListProps>;
214
+ interface LinkListProps extends Omit<listProps, "itemRenderer" | "items"> {
215
+ title?: string;
216
+ description?: any;
217
+ links: LinkProps[];
218
+ }
219
219
  declare const LinkList: (props: LinkListProps) => JSX.Element;
220
220
 
221
- interface NoiseCoverProps {
222
- className?: string;
223
- width?: number;
224
- height?: number;
225
- children?: any;
226
- color?: string;
227
- }
221
+ interface NoiseCoverProps {
222
+ className?: string;
223
+ width?: number;
224
+ height?: number;
225
+ children?: any;
226
+ color?: string;
227
+ }
228
228
  declare const NoiseCover: (props: NoiseCoverProps) => JSX.Element;
229
229
 
230
- declare enum ossProcessType {
231
- THUMBNAIL = "thumbnail",
232
- WEBP = "webp",
233
- NULL = "null",
234
- oWEBP = "owebp",
235
- PROG = "prog"
236
- }
237
- interface Photo {
238
- src: string;
239
- width: number;
240
- height: number;
241
- processType?: ossProcessType;
242
- avgColor?: string;
243
- thumbnailSrc?: string;
244
- renderedWidth?: number;
245
- }
246
- interface ImgProps extends Photo {
247
- className?: string;
248
- size?: "large" | "normal";
249
- removeBlurBgAfterLoad?: boolean;
230
+ declare enum ossProcessType {
231
+ THUMBNAIL = "thumbnail",
232
+ WEBP = "webp",
233
+ NULL = "null",
234
+ oWEBP = "owebp",
235
+ PROG = "prog"
236
+ }
237
+ interface Photo {
238
+ src: string;
239
+ width: number;
240
+ height: number;
241
+ processType?: ossProcessType;
242
+ avgColor?: string;
243
+ thumbnailSrc?: string;
244
+ renderedWidth?: number;
245
+ }
246
+ interface ImgProps extends Photo {
247
+ className?: string;
248
+ size?: "large" | "normal";
249
+ removeBlurBgAfterLoad?: boolean;
250
250
  }
251
251
 
252
252
  declare const Img: (props: ImgProps) => JSX.Element;
253
253
 
254
- interface RandomRowsLayoutProps {
255
- classNames?: string;
256
- cellWrapperClsGenerator?: (colNum: number, randBoolean: boolean) => string;
257
- cellsCount: number;
258
- cellRenderer: (index: number, randomBool: boolean, col: number) => React__default.ReactNode;
254
+ interface RandomRowsLayoutProps {
255
+ classNames?: string;
256
+ cellWrapperClsGenerator?: (colNum: number, randBoolean: boolean) => string;
257
+ cellsCount: number;
258
+ cellRenderer: (index: number, randomBool: boolean, col: number) => React__default.ReactNode;
259
259
  }
260
260
 
261
- declare type ImageRenderer = (Img: ReactElement, index: number, col: number, randBool: boolean) => ReactNode;
262
- interface GalleryProps extends Omit<RandomRowsLayoutProps, "classNames" | "cellsCount" | "cellRenderer"> {
263
- className?: string;
264
- images: ImgProps[];
265
- children?: ReactNode;
266
- imageRenderer?: ImageRenderer;
267
- }
261
+ declare type ImageRenderer = (Img: ReactElement, index: number, col: number, randBool: boolean) => ReactNode;
262
+ interface GalleryProps extends Omit<RandomRowsLayoutProps, "classNames" | "cellsCount" | "cellRenderer"> {
263
+ className?: string;
264
+ images: ImgProps[];
265
+ children?: ReactNode;
266
+ imageRenderer?: ImageRenderer;
267
+ }
268
268
  declare const Gallery: (props: GalleryProps) => JSX.Element;
269
269
 
270
- interface ISettings {
271
- canvas?: HTMLCanvasElement;
272
- step?: number;
270
+ interface ISettings {
271
+ canvas?: HTMLCanvasElement;
272
+ step?: number;
273
273
  }
274
274
 
275
- interface IOpt {
276
- multiplier: number;
277
- color: number[];
278
- offset?: number;
279
- length: number;
275
+ interface IOpt {
276
+ multiplier: number;
277
+ color: number[];
278
+ offset?: number;
279
+ length: number;
280
280
  }
281
281
 
282
- interface LoadingSpiralProps extends IOpt, ISettings {
283
- className?: string;
284
- maxWidth?: number;
285
- offset?: number;
286
- }
282
+ interface LoadingSpiralProps extends IOpt, ISettings {
283
+ className?: string;
284
+ maxWidth?: number;
285
+ offset?: number;
286
+ }
287
287
  declare const LoadingSpiral: (props?: LoadingSpiralProps) => JSX.Element;
288
288
 
289
289
  export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, Error, ErrorBoundary, Gallery, GalleryProps, ImageDropProps, ImagePreviewerProps, ImageRenderer, Img, ImgProps, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, LoadingSpiral, LoadingSpiralProps, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, Photo, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, ossProcessType, threeColLayoutProps };