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.
Files changed (60) hide show
  1. package/README.md +67 -67
  2. package/lib/cjs/components/Button/BYbtn.d.ts +6 -6
  3. package/lib/cjs/components/Collapse/BYcollapse.d.ts +4 -4
  4. package/lib/cjs/components/Modal/BYmodal.d.ts +4 -4
  5. package/lib/cjs/esm/components/BYbtn.d.ts +6 -6
  6. package/lib/cjs/esm/components/Button/BYbtn.d.ts +6 -6
  7. package/lib/cjs/esm/components/Button/type.d.ts +27 -27
  8. package/lib/cjs/esm/components/Button.d.ts +7 -7
  9. package/lib/cjs/esm/components/Collapse/BYcollapse.d.ts +4 -4
  10. package/lib/cjs/esm/components/Collapse/type.d.ts +5 -5
  11. package/lib/cjs/esm/components/Modal/BYmodal.d.ts +4 -4
  12. package/lib/cjs/esm/components/Modal/types.d.ts +11 -11
  13. package/lib/cjs/esm/components/Portal/BYportal.d.ts +3 -3
  14. package/lib/cjs/esm/components/Portal/type.d.ts +6 -6
  15. package/lib/cjs/esm/components/type.d.ts +27 -27
  16. package/lib/cjs/esm/index.d.ts +60 -60
  17. package/lib/cjs/index.css +32 -32
  18. package/lib/cjs/index.css.map +1 -1
  19. package/lib/cjs/index.d.ts +5 -11
  20. package/lib/cjs/index.js +0 -4755
  21. package/lib/cjs/index.js.map +1 -1
  22. package/lib/esm/components/BYbtn.d.ts +6 -6
  23. package/lib/esm/components/Button/BYbtn.d.ts +6 -6
  24. package/lib/esm/components/Button.d.ts +7 -7
  25. package/lib/esm/components/Collapse/BYcollapse.d.ts +4 -4
  26. package/lib/esm/components/Modal/BYmodal.d.ts +4 -4
  27. package/lib/esm/components/type.d.ts +27 -27
  28. package/lib/esm/index.css +32 -32
  29. package/lib/esm/index.css.map +1 -1
  30. package/lib/esm/index.d.ts +5 -11
  31. package/lib/esm/index.js +2 -4751
  32. package/lib/esm/index.js.map +1 -1
  33. package/lib/index.d.ts +40 -40
  34. package/package.json +3 -18
  35. package/lib/cjs/components/Avatar/Avatar.d.ts +0 -5
  36. package/lib/cjs/components/Avatar/type.d.ts +0 -5
  37. package/lib/cjs/components/Breadcrumb/BYbreadcrumbItem.d.ts +0 -4
  38. package/lib/cjs/components/Breadcrumb/Breadcrumb.d.ts +0 -5
  39. package/lib/cjs/components/Breadcrumb/type.d.ts +0 -21
  40. package/lib/cjs/components/Checkbox/Checkbox.d.ts +0 -4
  41. package/lib/cjs/components/Checkbox/type.d.ts +0 -15
  42. package/lib/cjs/components/InputCustom/InputCustom.d.ts +0 -10
  43. package/lib/cjs/components/InputCustom/types.d.ts +0 -40
  44. package/lib/cjs/components/Spinner/Spinner.d.ts +0 -4
  45. package/lib/cjs/components/Spinner/type.d.ts +0 -3
  46. package/lib/cjs/components/SpinnerWheel/BYspinnerWheel.d.ts +0 -6
  47. package/lib/cjs/components/SpinnerWheel/type.d.ts +0 -5
  48. package/lib/esm/components/Avatar/Avatar.d.ts +0 -5
  49. package/lib/esm/components/Avatar/type.d.ts +0 -5
  50. package/lib/esm/components/Breadcrumb/BYbreadcrumbItem.d.ts +0 -4
  51. package/lib/esm/components/Breadcrumb/Breadcrumb.d.ts +0 -5
  52. package/lib/esm/components/Breadcrumb/type.d.ts +0 -21
  53. package/lib/esm/components/Checkbox/Checkbox.d.ts +0 -4
  54. package/lib/esm/components/Checkbox/type.d.ts +0 -15
  55. package/lib/esm/components/InputCustom/InputCustom.d.ts +0 -10
  56. package/lib/esm/components/InputCustom/types.d.ts +0 -40
  57. package/lib/esm/components/Spinner/Spinner.d.ts +0 -4
  58. package/lib/esm/components/Spinner/type.d.ts +0 -3
  59. package/lib/esm/components/SpinnerWheel/BYspinnerWheel.d.ts +0 -6
  60. 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.4",
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
- "uuid": "^9.0.0"
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
- "react-scripts": "^5.0.1",
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,5 +0,0 @@
1
- /// <reference types="react" />
2
- import './Avatar.css';
3
- import { IBYavatar } from './type';
4
- declare const Avatar: ({ id, name, size }: IBYavatar) => JSX.Element;
5
- export default Avatar;
@@ -1,5 +0,0 @@
1
- export interface IBYavatar {
2
- id: string;
3
- name: string;
4
- size?: "" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
5
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import './Breadcrumb.css';
3
- import { IBYbreadcrumbItem } from './type';
4
- export default function BreadcrumbItem({ index, name, onClickFunction, stepSelected, showIndex }: IBYbreadcrumbItem): JSX.Element;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYbreadcrumb } from './type';
3
- import './Breadcrumb.css';
4
- declare function Breadcrumb({ itemOfBreadcrumb, onClickFunction, stepSelected }: IBYbreadcrumb): JSX.Element;
5
- export default Breadcrumb;
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYcheckbox } from './type';
3
- declare function Checkbox({ children, label, tooltip, name, value, checked, forcedChecked, disabled, onChange, size, fullWidth }: IBYcheckbox): JSX.Element;
4
- export default Checkbox;
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYspinner } from './type';
3
- declare function Spinner({ overlay }: IBYspinner): JSX.Element;
4
- export default Spinner;
@@ -1,3 +0,0 @@
1
- export interface IBYspinner {
2
- overlay?: boolean;
3
- }
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYspinnerWheel } from './type';
3
- declare function SpinnerWheel({ wheelSize, // xxs, xs, s, m, l
4
- display, // block | inline | overlay
5
- verticalSize, }: IBYspinnerWheel): JSX.Element;
6
- export default SpinnerWheel;
@@ -1,5 +0,0 @@
1
- export interface IBYspinnerWheel {
2
- wheelSize?: 'xxs' | 'xs' | 's' | 'm' | 'l';
3
- display?: 'block' | 'inline' | 'overlay';
4
- verticalSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
5
- }
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import './Avatar.css';
3
- import { IBYavatar } from './type';
4
- declare const Avatar: ({ id, name, size }: IBYavatar) => JSX.Element;
5
- export default Avatar;
@@ -1,5 +0,0 @@
1
- export interface IBYavatar {
2
- id: string;
3
- name: string;
4
- size?: "" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
5
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import './Breadcrumb.css';
3
- import { IBYbreadcrumbItem } from './type';
4
- export default function BreadcrumbItem({ index, name, onClickFunction, stepSelected, showIndex }: IBYbreadcrumbItem): JSX.Element;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYbreadcrumb } from './type';
3
- import './Breadcrumb.css';
4
- declare function Breadcrumb({ itemOfBreadcrumb, onClickFunction, stepSelected }: IBYbreadcrumb): JSX.Element;
5
- export default Breadcrumb;
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYcheckbox } from './type';
3
- declare function Checkbox({ children, label, tooltip, name, value, checked, forcedChecked, disabled, onChange, size, fullWidth }: IBYcheckbox): JSX.Element;
4
- export default Checkbox;
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYspinner } from './type';
3
- declare function Spinner({ overlay }: IBYspinner): JSX.Element;
4
- export default Spinner;
@@ -1,3 +0,0 @@
1
- export interface IBYspinner {
2
- overlay?: boolean;
3
- }
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYspinnerWheel } from './type';
3
- declare function SpinnerWheel({ wheelSize, // xxs, xs, s, m, l
4
- display, // block | inline | overlay
5
- verticalSize, }: IBYspinnerWheel): JSX.Element;
6
- export default SpinnerWheel;
@@ -1,5 +0,0 @@
1
- export interface IBYspinnerWheel {
2
- wheelSize?: 'xxs' | 'xs' | 's' | 'm' | 'l';
3
- display?: 'block' | 'inline' | 'overlay';
4
- verticalSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
5
- }