ui-beyable 1.0.4 → 1.0.5
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/README.md +67 -67
- package/lib/cjs/components/Button/BYbtn.d.ts +6 -6
- package/lib/cjs/components/Collapse/BYcollapse.d.ts +4 -4
- package/lib/cjs/components/Modal/BYmodal.d.ts +4 -4
- package/lib/cjs/esm/components/BYbtn.d.ts +6 -6
- package/lib/cjs/esm/components/Button/BYbtn.d.ts +6 -6
- package/lib/cjs/esm/components/Button/type.d.ts +27 -27
- package/lib/cjs/esm/components/Button.d.ts +7 -7
- package/lib/cjs/esm/components/Collapse/BYcollapse.d.ts +4 -4
- package/lib/cjs/esm/components/Collapse/type.d.ts +5 -5
- package/lib/cjs/esm/components/Modal/BYmodal.d.ts +4 -4
- package/lib/cjs/esm/components/Modal/types.d.ts +11 -11
- package/lib/cjs/esm/components/Portal/BYportal.d.ts +3 -3
- package/lib/cjs/esm/components/Portal/type.d.ts +6 -6
- package/lib/cjs/esm/components/type.d.ts +27 -27
- package/lib/cjs/esm/index.d.ts +60 -60
- package/lib/cjs/index.css +32 -32
- package/lib/cjs/index.css.map +1 -1
- package/lib/cjs/index.d.ts +5 -11
- package/lib/cjs/index.js +0 -4755
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/BYbtn.d.ts +6 -6
- package/lib/esm/components/Button/BYbtn.d.ts +6 -6
- package/lib/esm/components/Button.d.ts +7 -7
- package/lib/esm/components/Collapse/BYcollapse.d.ts +4 -4
- package/lib/esm/components/Modal/BYmodal.d.ts +4 -4
- package/lib/esm/components/type.d.ts +27 -27
- package/lib/esm/index.css +32 -32
- package/lib/esm/index.css.map +1 -1
- package/lib/esm/index.d.ts +5 -11
- package/lib/esm/index.js +2 -4751
- package/lib/esm/index.js.map +1 -1
- package/lib/index.d.ts +40 -40
- package/package.json +3 -18
- package/lib/cjs/components/Avatar/Avatar.d.ts +0 -5
- package/lib/cjs/components/Avatar/type.d.ts +0 -5
- package/lib/cjs/components/Breadcrumb/BYbreadcrumbItem.d.ts +0 -4
- package/lib/cjs/components/Breadcrumb/Breadcrumb.d.ts +0 -5
- package/lib/cjs/components/Breadcrumb/type.d.ts +0 -21
- package/lib/cjs/components/Checkbox/Checkbox.d.ts +0 -4
- package/lib/cjs/components/Checkbox/type.d.ts +0 -15
- package/lib/cjs/components/InputCustom/InputCustom.d.ts +0 -10
- package/lib/cjs/components/InputCustom/types.d.ts +0 -40
- package/lib/cjs/components/Spinner/Spinner.d.ts +0 -4
- package/lib/cjs/components/Spinner/type.d.ts +0 -3
- package/lib/cjs/components/SpinnerWheel/BYspinnerWheel.d.ts +0 -6
- package/lib/cjs/components/SpinnerWheel/type.d.ts +0 -5
- package/lib/esm/components/Avatar/Avatar.d.ts +0 -5
- package/lib/esm/components/Avatar/type.d.ts +0 -5
- package/lib/esm/components/Breadcrumb/BYbreadcrumbItem.d.ts +0 -4
- package/lib/esm/components/Breadcrumb/Breadcrumb.d.ts +0 -5
- package/lib/esm/components/Breadcrumb/type.d.ts +0 -21
- package/lib/esm/components/Checkbox/Checkbox.d.ts +0 -4
- package/lib/esm/components/Checkbox/type.d.ts +0 -15
- package/lib/esm/components/InputCustom/InputCustom.d.ts +0 -10
- package/lib/esm/components/InputCustom/types.d.ts +0 -40
- package/lib/esm/components/Spinner/Spinner.d.ts +0 -4
- package/lib/esm/components/Spinner/type.d.ts +0 -3
- package/lib/esm/components/SpinnerWheel/BYspinnerWheel.d.ts +0 -6
- package/lib/esm/components/SpinnerWheel/type.d.ts +0 -5
package/lib/index.d.ts
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
|
|
3
|
-
interface IBYmodal {
|
|
4
|
-
children: React$1.ReactNode;
|
|
5
|
-
isOpen:boolean;
|
|
6
|
-
onClose?:(e:any) => any ;
|
|
7
|
-
noClose?:boolean ;
|
|
8
|
-
width?: string ;
|
|
9
|
-
height? : string;
|
|
10
|
-
minHeight?: string;
|
|
3
|
+
interface IBYmodal {
|
|
4
|
+
children: React$1.ReactNode;
|
|
5
|
+
isOpen:boolean;
|
|
6
|
+
onClose?:(e:any) => any ;
|
|
7
|
+
noClose?:boolean ;
|
|
8
|
+
width?: string ;
|
|
9
|
+
height? : string;
|
|
10
|
+
minHeight?: string;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
interface IBYportal {
|
|
14
|
-
target?: any;
|
|
15
|
-
children: React.ReactNode;
|
|
13
|
+
interface IBYportal {
|
|
14
|
+
target?: any;
|
|
15
|
+
children: React.ReactNode;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
interface IBYbtn {
|
|
19
|
-
children? : React$1.ReactNode;
|
|
20
|
-
type? : "button" | "submit" |"reset" ;
|
|
21
|
-
htmlTag?: 'button' | 'a';
|
|
22
|
-
onClickFunction? : (e : React$1.MouseEvent) => any;
|
|
23
|
-
onClick? : (e : React$1.MouseEvent) => any;
|
|
24
|
-
href? : string;
|
|
25
|
-
target? :string;
|
|
26
|
-
message? :string;
|
|
27
|
-
color? : string;
|
|
28
|
-
style? : string;
|
|
29
|
-
rounded? :boolean;
|
|
30
|
-
disabled? :boolean;
|
|
31
|
-
className? : string;
|
|
32
|
-
strong? :boolean;
|
|
33
|
-
light? :boolean;
|
|
34
|
-
size?: ""|"xxs"|'xs'|'s'|'m'|'l'|'xl'|'xxl';
|
|
35
|
-
fontSize? : string;
|
|
36
|
-
fullWidth?: boolean;
|
|
37
|
-
fullHeight?: boolean;
|
|
38
|
-
icon? : any;
|
|
39
|
-
iconPosition? : 'before' | 'after';
|
|
40
|
-
arrow? :boolean | "true" | "false";
|
|
41
|
-
dataFor? : string;
|
|
42
|
-
dataTip? : string;
|
|
18
|
+
interface IBYbtn {
|
|
19
|
+
children? : React$1.ReactNode;
|
|
20
|
+
type? : "button" | "submit" |"reset" ;
|
|
21
|
+
htmlTag?: 'button' | 'a';
|
|
22
|
+
onClickFunction? : (e : React$1.MouseEvent) => any;
|
|
23
|
+
onClick? : (e : React$1.MouseEvent) => any;
|
|
24
|
+
href? : string;
|
|
25
|
+
target? :string;
|
|
26
|
+
message? :string;
|
|
27
|
+
color? : string;
|
|
28
|
+
style? : string;
|
|
29
|
+
rounded? :boolean;
|
|
30
|
+
disabled? :boolean;
|
|
31
|
+
className? : string;
|
|
32
|
+
strong? :boolean;
|
|
33
|
+
light? :boolean;
|
|
34
|
+
size?: ""|"xxs"|'xs'|'s'|'m'|'l'|'xl'|'xxl';
|
|
35
|
+
fontSize? : string;
|
|
36
|
+
fullWidth?: boolean;
|
|
37
|
+
fullHeight?: boolean;
|
|
38
|
+
icon? : any;
|
|
39
|
+
iconPosition? : 'before' | 'after';
|
|
40
|
+
arrow? :boolean | "true" | "false";
|
|
41
|
+
dataFor? : string;
|
|
42
|
+
dataTip? : string;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
interface IBYcollapse {
|
|
46
|
-
label?:string,
|
|
47
|
-
children?:any,
|
|
48
|
-
defaultOpen ?:boolean
|
|
45
|
+
interface IBYcollapse {
|
|
46
|
+
label?:string,
|
|
47
|
+
children?:any,
|
|
48
|
+
defaultOpen ?:boolean
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
export { IBYbtn, IBYcollapse, IBYmodal, IBYportal };
|
package/package.json
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ui-beyable",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "Ui library of Beyable projets",
|
|
5
5
|
"main": "./lib/cjs/index.js",
|
|
6
6
|
"module": "./lib/esm/index.js",
|
|
7
7
|
"types": "./lib/esm/index.d.ts",
|
|
8
8
|
"scripts": {
|
|
9
|
-
"test": "jest",
|
|
10
9
|
"buildrollup": "rollup -c",
|
|
11
10
|
"build": "npm run build:esm && npm run build:cjs",
|
|
12
11
|
"build:esm": "tsc",
|
|
@@ -41,10 +40,8 @@
|
|
|
41
40
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
42
41
|
"@rollup/plugin-typescript": "^11.1.1",
|
|
43
42
|
"@tsconfig/recommended": "^1.0.2",
|
|
44
|
-
"@types/react-tooltip": "^4.2.4",
|
|
45
43
|
"autoprefixer": "^10.4.14",
|
|
46
44
|
"postcss": "^8.4.24",
|
|
47
|
-
"react-tooltip": "^4.2.21",
|
|
48
45
|
"rollup": "^3.25.1",
|
|
49
46
|
"rollup-plugin-dts": "^5.3.0",
|
|
50
47
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
@@ -53,26 +50,14 @@
|
|
|
53
50
|
"rollup-plugin-typescript2": "^0.34.1",
|
|
54
51
|
"tslib": "^2.5.3",
|
|
55
52
|
"typescript-plugin-css-modules": "^5.0.1",
|
|
56
|
-
"
|
|
53
|
+
"user": "^0.0.0"
|
|
57
54
|
},
|
|
58
55
|
"devDependencies": {
|
|
59
|
-
"@testing-library/jest-dom": "^5.16.5",
|
|
60
|
-
"@testing-library/react": "^14.0.0",
|
|
61
56
|
"@types/react": "18.2.0",
|
|
62
57
|
"@types/react-dom": "18.2.0",
|
|
63
|
-
"@types/uuid": "^9.0.2",
|
|
64
|
-
"jest": "^29.5.0",
|
|
65
|
-
"jest-environment-jsdom": "^29.5.0",
|
|
66
|
-
"jest-watch-typeahead": "^2.2.2",
|
|
67
58
|
"react": "18.2.0",
|
|
68
59
|
"react-dom": "18.2.0",
|
|
69
|
-
"
|
|
70
|
-
"react-test-renderer": "^18.2.0",
|
|
71
|
-
"ts-jest": "^29.1.0",
|
|
72
|
-
"tsconfig-paths": "^4.2.0",
|
|
73
|
-
"typescript": "^4.0.2",
|
|
74
|
-
"webpack": "^5.87.0",
|
|
75
|
-
"webpack-cli": "^5.1.4"
|
|
60
|
+
"typescript": "^4.0.2"
|
|
76
61
|
},
|
|
77
62
|
"files": [
|
|
78
63
|
"/lib"
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export interface IBYbreadcrumb {
|
|
2
|
-
itemOfBreadcrumb: IitemOfBreadcrumb[];
|
|
3
|
-
onClickFunction: (e: any) => void;
|
|
4
|
-
stepSelected?: number;
|
|
5
|
-
}
|
|
6
|
-
export interface IBYbreadcrumbItem {
|
|
7
|
-
index: number;
|
|
8
|
-
name?: string;
|
|
9
|
-
onClickFunction: (e: number) => void;
|
|
10
|
-
stepSelected?: number;
|
|
11
|
-
showIndex?: number;
|
|
12
|
-
}
|
|
13
|
-
interface IitemOfBreadcrumb {
|
|
14
|
-
index: number;
|
|
15
|
-
title?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const mockIItemOfBreadcrumb: {
|
|
18
|
-
index: number;
|
|
19
|
-
title: string;
|
|
20
|
-
}[];
|
|
21
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface IBYcheckbox {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
name?: string;
|
|
5
|
-
value?: any;
|
|
6
|
-
checked?: boolean;
|
|
7
|
-
forcedChecked?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
onChange: (e?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
-
size?: "" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
11
|
-
fullWidth?: boolean;
|
|
12
|
-
label?: string;
|
|
13
|
-
tooltip?: string;
|
|
14
|
-
}
|
|
15
|
-
export type { IBYcheckbox };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IBYinputCustom } from './types';
|
|
3
|
-
import './inputCustom.css';
|
|
4
|
-
declare function InputCustom({ value, type, onChange, handleChangeForm, // DEPRECATED : replace by onChange
|
|
5
|
-
placeholder, placeHolder, disabled, readonly, name, min, max, label, labelClassName, description, descriptionBottom, labelTooltip, blockClassName, size, color, unit, isAnError, fullWidth, width, // 'Full' || 's' || 'xs' || 'xxs'
|
|
6
|
-
className, style, selectOnFocus, autoFocus, spellCheck, onEnter, onFocus, onBlur, append, prepend, rows, // For textarea
|
|
7
|
-
autogrow, // Vertical for textarea, Horizontal for text
|
|
8
|
-
maxHeight, // For textarea autogrow
|
|
9
|
-
maxWidth }: IBYinputCustom): JSX.Element;
|
|
10
|
-
export default InputCustom;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
export interface IBYinputCustom {
|
|
3
|
-
value?: string | number;
|
|
4
|
-
type?: "text" | "textarea" | "number";
|
|
5
|
-
onChange?: (e: any) => void;
|
|
6
|
-
handleChangeForm?: (e: any) => void;
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
placeHolder?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
readonly?: boolean;
|
|
11
|
-
name?: string;
|
|
12
|
-
min?: any;
|
|
13
|
-
max?: any;
|
|
14
|
-
label?: string;
|
|
15
|
-
labelClassName?: string;
|
|
16
|
-
description?: string;
|
|
17
|
-
descriptionBottom?: string;
|
|
18
|
-
labelTooltip?: string;
|
|
19
|
-
blockClassName?: string;
|
|
20
|
-
size?: "" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
21
|
-
color?: "grey" | "white";
|
|
22
|
-
unit?: string;
|
|
23
|
-
isAnError?: string;
|
|
24
|
-
fullWidth?: boolean | null;
|
|
25
|
-
width?: string | null;
|
|
26
|
-
className?: string;
|
|
27
|
-
style?: string;
|
|
28
|
-
selectOnFocus?: boolean;
|
|
29
|
-
autoFocus?: boolean;
|
|
30
|
-
spellCheck?: boolean;
|
|
31
|
-
onEnter?: (e: any) => void;
|
|
32
|
-
onFocus?: (e: any) => void;
|
|
33
|
-
onBlur?: (e: any) => void;
|
|
34
|
-
append?: ReactElement;
|
|
35
|
-
prepend?: ReactElement;
|
|
36
|
-
rows?: number | string;
|
|
37
|
-
autogrow?: boolean;
|
|
38
|
-
maxHeight?: number;
|
|
39
|
-
maxWidth?: number;
|
|
40
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export interface IBYbreadcrumb {
|
|
2
|
-
itemOfBreadcrumb: IitemOfBreadcrumb[];
|
|
3
|
-
onClickFunction: (e: any) => void;
|
|
4
|
-
stepSelected?: number;
|
|
5
|
-
}
|
|
6
|
-
export interface IBYbreadcrumbItem {
|
|
7
|
-
index: number;
|
|
8
|
-
name?: string;
|
|
9
|
-
onClickFunction: (e: number) => void;
|
|
10
|
-
stepSelected?: number;
|
|
11
|
-
showIndex?: number;
|
|
12
|
-
}
|
|
13
|
-
interface IitemOfBreadcrumb {
|
|
14
|
-
index: number;
|
|
15
|
-
title?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const mockIItemOfBreadcrumb: {
|
|
18
|
-
index: number;
|
|
19
|
-
title: string;
|
|
20
|
-
}[];
|
|
21
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface IBYcheckbox {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
name?: string;
|
|
5
|
-
value?: any;
|
|
6
|
-
checked?: boolean;
|
|
7
|
-
forcedChecked?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
onChange: (e?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
-
size?: "" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
11
|
-
fullWidth?: boolean;
|
|
12
|
-
label?: string;
|
|
13
|
-
tooltip?: string;
|
|
14
|
-
}
|
|
15
|
-
export type { IBYcheckbox };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IBYinputCustom } from './types';
|
|
3
|
-
import './inputCustom.css';
|
|
4
|
-
declare function InputCustom({ value, type, onChange, handleChangeForm, // DEPRECATED : replace by onChange
|
|
5
|
-
placeholder, placeHolder, disabled, readonly, name, min, max, label, labelClassName, description, descriptionBottom, labelTooltip, blockClassName, size, color, unit, isAnError, fullWidth, width, // 'Full' || 's' || 'xs' || 'xxs'
|
|
6
|
-
className, style, selectOnFocus, autoFocus, spellCheck, onEnter, onFocus, onBlur, append, prepend, rows, // For textarea
|
|
7
|
-
autogrow, // Vertical for textarea, Horizontal for text
|
|
8
|
-
maxHeight, // For textarea autogrow
|
|
9
|
-
maxWidth }: IBYinputCustom): JSX.Element;
|
|
10
|
-
export default InputCustom;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
export interface IBYinputCustom {
|
|
3
|
-
value?: string | number;
|
|
4
|
-
type?: "text" | "textarea" | "number";
|
|
5
|
-
onChange?: (e: any) => void;
|
|
6
|
-
handleChangeForm?: (e: any) => void;
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
placeHolder?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
readonly?: boolean;
|
|
11
|
-
name?: string;
|
|
12
|
-
min?: any;
|
|
13
|
-
max?: any;
|
|
14
|
-
label?: string;
|
|
15
|
-
labelClassName?: string;
|
|
16
|
-
description?: string;
|
|
17
|
-
descriptionBottom?: string;
|
|
18
|
-
labelTooltip?: string;
|
|
19
|
-
blockClassName?: string;
|
|
20
|
-
size?: "" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
21
|
-
color?: "grey" | "white";
|
|
22
|
-
unit?: string;
|
|
23
|
-
isAnError?: string;
|
|
24
|
-
fullWidth?: boolean | null;
|
|
25
|
-
width?: string | null;
|
|
26
|
-
className?: string;
|
|
27
|
-
style?: string;
|
|
28
|
-
selectOnFocus?: boolean;
|
|
29
|
-
autoFocus?: boolean;
|
|
30
|
-
spellCheck?: boolean;
|
|
31
|
-
onEnter?: (e: any) => void;
|
|
32
|
-
onFocus?: (e: any) => void;
|
|
33
|
-
onBlur?: (e: any) => void;
|
|
34
|
-
append?: ReactElement;
|
|
35
|
-
prepend?: ReactElement;
|
|
36
|
-
rows?: number | string;
|
|
37
|
-
autogrow?: boolean;
|
|
38
|
-
maxHeight?: number;
|
|
39
|
-
maxWidth?: number;
|
|
40
|
-
}
|