ui-beyable 1.0.4 → 1.0.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.
Files changed (68) hide show
  1. package/README.md +77 -67
  2. package/lib/cjs/components/Modal/Modal.d.ts +2 -3
  3. package/lib/cjs/components/Modal/types.d.ts +4 -2
  4. package/lib/cjs/components/Panel/Panel.d.ts +5 -0
  5. package/lib/cjs/components/Panel/types.d.ts +17 -0
  6. package/lib/cjs/index.css +1 -35
  7. package/lib/cjs/index.css.map +1 -1
  8. package/lib/cjs/index.d.ts +3 -62
  9. package/lib/cjs/index.js +142 -4761
  10. package/lib/cjs/index.js.map +1 -1
  11. package/lib/esm/components/Modal/Modal.d.ts +2 -3
  12. package/lib/esm/components/Modal/types.d.ts +4 -2
  13. package/lib/esm/components/Panel/Panel.d.ts +5 -0
  14. package/lib/esm/components/Panel/types.d.ts +17 -0
  15. package/lib/esm/index.css +1 -35
  16. package/lib/esm/index.css.map +1 -1
  17. package/lib/esm/index.d.ts +3 -62
  18. package/lib/esm/index.js +142 -4757
  19. package/lib/esm/index.js.map +1 -1
  20. package/package.json +9 -20
  21. package/lib/cjs/components/Avatar/Avatar.d.ts +0 -5
  22. package/lib/cjs/components/Avatar/type.d.ts +0 -5
  23. package/lib/cjs/components/Breadcrumb/BYbreadcrumbItem.d.ts +0 -4
  24. package/lib/cjs/components/Breadcrumb/Breadcrumb.d.ts +0 -5
  25. package/lib/cjs/components/Breadcrumb/type.d.ts +0 -21
  26. package/lib/cjs/components/Button/BYbtn.d.ts +0 -6
  27. package/lib/cjs/components/Checkbox/Checkbox.d.ts +0 -4
  28. package/lib/cjs/components/Checkbox/type.d.ts +0 -15
  29. package/lib/cjs/components/Collapse/BYcollapse.d.ts +0 -4
  30. package/lib/cjs/components/InputCustom/InputCustom.d.ts +0 -10
  31. package/lib/cjs/components/InputCustom/types.d.ts +0 -40
  32. package/lib/cjs/components/Modal/BYmodal.d.ts +0 -4
  33. package/lib/cjs/components/Spinner/Spinner.d.ts +0 -4
  34. package/lib/cjs/components/Spinner/type.d.ts +0 -3
  35. package/lib/cjs/components/SpinnerWheel/BYspinnerWheel.d.ts +0 -6
  36. package/lib/cjs/components/SpinnerWheel/type.d.ts +0 -5
  37. package/lib/cjs/esm/components/BYbtn.d.ts +0 -6
  38. package/lib/cjs/esm/components/Button/BYbtn.d.ts +0 -6
  39. package/lib/cjs/esm/components/Button/type.d.ts +0 -27
  40. package/lib/cjs/esm/components/Button.d.ts +0 -7
  41. package/lib/cjs/esm/components/Collapse/BYcollapse.d.ts +0 -4
  42. package/lib/cjs/esm/components/Collapse/type.d.ts +0 -5
  43. package/lib/cjs/esm/components/Modal/BYmodal.d.ts +0 -4
  44. package/lib/cjs/esm/components/Modal/types.d.ts +0 -11
  45. package/lib/cjs/esm/components/Portal/BYportal.d.ts +0 -3
  46. package/lib/cjs/esm/components/Portal/type.d.ts +0 -6
  47. package/lib/cjs/esm/components/type.d.ts +0 -27
  48. package/lib/cjs/esm/index.d.ts +0 -60
  49. package/lib/esm/components/Avatar/Avatar.d.ts +0 -5
  50. package/lib/esm/components/Avatar/type.d.ts +0 -5
  51. package/lib/esm/components/BYbtn.d.ts +0 -6
  52. package/lib/esm/components/Breadcrumb/BYbreadcrumbItem.d.ts +0 -4
  53. package/lib/esm/components/Breadcrumb/Breadcrumb.d.ts +0 -5
  54. package/lib/esm/components/Breadcrumb/type.d.ts +0 -21
  55. package/lib/esm/components/Button/BYbtn.d.ts +0 -6
  56. package/lib/esm/components/Button.d.ts +0 -7
  57. package/lib/esm/components/Checkbox/Checkbox.d.ts +0 -4
  58. package/lib/esm/components/Checkbox/type.d.ts +0 -15
  59. package/lib/esm/components/Collapse/BYcollapse.d.ts +0 -4
  60. package/lib/esm/components/InputCustom/InputCustom.d.ts +0 -10
  61. package/lib/esm/components/InputCustom/types.d.ts +0 -40
  62. package/lib/esm/components/Modal/BYmodal.d.ts +0 -4
  63. package/lib/esm/components/Spinner/Spinner.d.ts +0 -4
  64. package/lib/esm/components/Spinner/type.d.ts +0 -3
  65. package/lib/esm/components/SpinnerWheel/BYspinnerWheel.d.ts +0 -6
  66. package/lib/esm/components/SpinnerWheel/type.d.ts +0 -5
  67. package/lib/esm/components/type.d.ts +0 -27
  68. package/lib/index.d.ts +0 -51
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "ui-beyable",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
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",
13
12
  "build:cjs": "tsc --module commonjs --outDir lib/cjs",
14
- "prepublishOnly": "rollup -c"
13
+ "prepublishOnly": "rollup -c",
14
+ "buildlib": "tcm src && rollup -c"
15
15
  },
16
16
  "plugins": [
17
17
  {
@@ -37,14 +37,14 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@fortawesome/fontawesome-svg-core": "^6.4.0",
40
+ "@postcss-plugins/typescript-css": "^0.1.2",
40
41
  "@rollup/plugin-commonjs": "^25.0.1",
41
42
  "@rollup/plugin-node-resolve": "^15.1.0",
42
43
  "@rollup/plugin-typescript": "^11.1.1",
43
44
  "@tsconfig/recommended": "^1.0.2",
44
- "@types/react-tooltip": "^4.2.4",
45
45
  "autoprefixer": "^10.4.14",
46
46
  "postcss": "^8.4.24",
47
- "react-tooltip": "^4.2.21",
47
+ "postcss-typescript-css": "^0.2.1",
48
48
  "rollup": "^3.25.1",
49
49
  "rollup-plugin-dts": "^5.3.0",
50
50
  "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -52,27 +52,16 @@
52
52
  "rollup-plugin-postcss-modules": "^2.1.1",
53
53
  "rollup-plugin-typescript2": "^0.34.1",
54
54
  "tslib": "^2.5.3",
55
- "typescript-plugin-css-modules": "^5.0.1",
56
- "uuid": "^9.0.0"
55
+ "typed-css-modules": "^0.7.2",
56
+ "typed-scss-modules": "^7.1.1",
57
+ "typescript-plugin-css-modules": "^5.0.1"
57
58
  },
58
59
  "devDependencies": {
59
- "@testing-library/jest-dom": "^5.16.5",
60
- "@testing-library/react": "^14.0.0",
61
60
  "@types/react": "18.2.0",
62
61
  "@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
62
  "react": "18.2.0",
68
63
  "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"
64
+ "typescript": "^4.0.2"
76
65
  },
77
66
  "files": [
78
67
  "/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,6 +0,0 @@
1
- import React from 'react';
2
- import { IBYbtn } from './type';
3
- declare const Btn: ({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => JSX.Element;
4
- export { Btn };
5
- declare const BYbtn: React.MemoExoticComponent<({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => JSX.Element>;
6
- export default BYbtn;
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYcollapse } from './type';
3
- declare function Collapse({ label, children, defaultOpen }: IBYcollapse): JSX.Element;
4
- export default Collapse;
@@ -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 { IBYmodal } from './types';
3
- declare function Modal({ children, isOpen, onClose, noClose, width, height, minHeight }: IBYmodal): JSX.Element;
4
- export default Modal;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { IBYbtn } from './type';
3
- declare const Btn: ({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => React.JSX.Element;
4
- export { Btn };
5
- declare const BYbtn: React.MemoExoticComponent<({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => React.JSX.Element>;
6
- export default BYbtn;
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { IBYbtn } from './type';
3
- declare const Btn: ({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => React.JSX.Element;
4
- export { Btn };
5
- declare const BYbtn: React.MemoExoticComponent<({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => React.JSX.Element>;
6
- export default BYbtn;
@@ -1,27 +0,0 @@
1
- import React from "react";
2
- export interface IBYbtn {
3
- children?: React.ReactNode;
4
- type?: "button" | "submit" | "reset";
5
- htmlTag?: 'button' | 'a';
6
- onClickFunction?: (e: React.MouseEvent) => any;
7
- onClick?: (e: React.MouseEvent) => any;
8
- href?: string;
9
- target?: string;
10
- message?: string;
11
- color?: string;
12
- style?: string;
13
- rounded?: boolean;
14
- disabled?: boolean;
15
- className?: string;
16
- strong?: boolean;
17
- light?: boolean;
18
- size?: "" | "xxs" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
19
- fontSize?: string;
20
- fullWidth?: boolean;
21
- fullHeight?: boolean;
22
- icon?: any;
23
- iconPosition?: 'before' | 'after';
24
- arrow?: boolean | "true" | "false";
25
- dataFor?: string;
26
- dataTip?: string;
27
- }
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
3
- backgroundColor?: string;
4
- color?: string;
5
- }
6
- declare const Button: React.FunctionComponent<IButtonProps>;
7
- export default Button;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IBYcollapse } from './type';
3
- declare function Collapse({ label, children, defaultOpen }: IBYcollapse): React.JSX.Element;
4
- export default Collapse;
@@ -1,5 +0,0 @@
1
- export interface IBYcollapse {
2
- label?: string;
3
- children?: any;
4
- defaultOpen?: boolean;
5
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYmodal } from './types';
3
- declare function Modal({ children, isOpen, onClose, noClose, width, height, minHeight }: IBYmodal): JSX.Element;
4
- export default Modal;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- interface IBYmodal {
3
- children: React.ReactNode;
4
- isOpen: boolean;
5
- onClose?: (e: any) => any;
6
- noClose?: boolean;
7
- width?: string;
8
- height?: string;
9
- minHeight?: string;
10
- }
11
- export type { IBYmodal };
@@ -1,3 +0,0 @@
1
- import { IBYportal } from './type';
2
- declare function Portal({ target, children }: IBYportal): any;
3
- export default Portal;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- interface IBYportal {
3
- target?: any;
4
- children: React.ReactNode;
5
- }
6
- export type { IBYportal };
@@ -1,27 +0,0 @@
1
- import React from "react";
2
- export interface IBYbtn {
3
- children?: React.ReactNode;
4
- type?: "button" | "submit" | "reset";
5
- htmlTag?: 'button' | 'a';
6
- onClickFunction?: (e: React.MouseEvent) => any;
7
- onClick?: (e: React.MouseEvent) => any;
8
- href?: string;
9
- target?: string;
10
- message?: string;
11
- color?: string;
12
- style?: string;
13
- rounded?: boolean;
14
- disabled?: boolean;
15
- className?: string;
16
- strong?: boolean;
17
- light?: boolean;
18
- size?: "" | "xxs" | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
19
- fontSize?: string;
20
- fullWidth?: boolean;
21
- fullHeight?: boolean;
22
- icon?: any;
23
- iconPosition?: 'before' | 'after';
24
- arrow?: boolean | "true" | "false";
25
- dataFor?: string;
26
- dataTip?: string;
27
- }
@@ -1,60 +0,0 @@
1
- import BYBtn from './components/Button/BYbtn';
2
- import BYmodal from './components/Modal/BYmodal';
3
- import ByPortal from './components/Portal/BYportal';
4
- import BYcollapse from './components/Collapse/BYcollapse';
5
- import "./style/globalStyle.css";
6
- import "./style/params.css";
7
- import "./style/animate.css";
8
- import "./style/bootstrap-overrides.css";
9
- import "./style/bootstrap/css/bootstrap_framework.css";
10
- import "./style/btn.css";
11
- import "./style/c3.min.css";
12
- import "./style/checkbox.css";
13
- import "./style/colorpicker.css";
14
- import "./style/custom-antd.css";
15
- import "./style/customInput.css";
16
- import "./style/datepicker.css";
17
- import "./style/datepickerrange.min.css";
18
- import "./style/empty.css";
19
- import "./style/field.css";
20
- import "./style/flex.css";
21
- import "./style/fonts.css";
22
- import "./style/form.css";
23
- import "./style/gridstack.min.css";
24
- import "./style/Header.css";
25
- import "./style/icofont.min.css";
26
- import "./style/icon.css";
27
- import "./style/Informations.css";
28
- import "./style/insights.css";
29
- import "./style/jqCron.css";
30
- import "./style/listbox.css";
31
- import "./style/modal.css";
32
- import "./style/navigation.css";
33
- import "./style/notifications.css";
34
- import "./style/orchestration.css";
35
- import "./style/page.css";
36
- import "./style/panel.css";
37
- import "./style/place_autocomplete.css";
38
- import "./style/react-cron.css";
39
- import "./style/react-table.css";
40
- import "./style/reset.css";
41
- import "./style/scroll.css";
42
- import "./style/section.css";
43
- import "./style/setup.css";
44
- import "./style/shepherd.css";
45
- import "./style/simplegrid.css";
46
- import "./style/spinner.css";
47
- import "./style/stats.css";
48
- import "./style/style.css";
49
- import "./style/SideBar.css";
50
- import "./style/table.css";
51
- import "./style/tabs.css";
52
- import "./style/thumb_list.css";
53
- import "./style/tippy.css";
54
- import "./style/traffic-overview.css";
55
- import "./style/utils.css";
56
- import "./style/var.css";
57
- import "./style/variation.css";
58
- import "./style/wheel.css";
59
- import "./style/wishlists.css";
60
- export { BYBtn, BYmodal, ByPortal, BYcollapse };
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { IBYbtn } from './type';
3
- declare const Btn: ({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => React.JSX.Element;
4
- export { Btn };
5
- declare const BYbtn: React.MemoExoticComponent<({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => React.JSX.Element>;
6
- export default BYbtn;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { IBYbtn } from './type';
3
- declare const Btn: ({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => JSX.Element;
4
- export { Btn };
5
- declare const BYbtn: React.MemoExoticComponent<({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => JSX.Element>;
6
- export default BYbtn;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
3
- backgroundColor?: string;
4
- color?: string;
5
- }
6
- declare const Button: React.FunctionComponent<IButtonProps>;
7
- export default Button;
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IBYcollapse } from './type';
3
- declare function Collapse({ label, children, defaultOpen }: IBYcollapse): JSX.Element;
4
- export default Collapse;
@@ -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 { IBYmodal } from './types';
3
- declare function Modal({ children, isOpen, onClose, noClose, width, height, minHeight }: IBYmodal): JSX.Element;
4
- export default Modal;
@@ -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
- }