nectiasw 0.0.7 → 0.0.9
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/components/Badge/index.d.ts +17 -0
- package/dist/components/Badge/types.d.ts +5 -0
- package/dist/components/Box/index.d.ts +108 -0
- package/dist/components/Box/styles.d.ts +10 -0
- package/dist/components/Button/builder.d.ts +21 -0
- package/dist/components/Button/index.d.ts +10 -0
- package/dist/components/Button/styled.d.ts +5 -0
- package/dist/components/Button/styles.d.ts +4 -0
- package/dist/components/Button/types.d.ts +26 -0
- package/dist/components/Card/index.d.ts +7 -0
- package/dist/components/Card/styles.d.ts +17 -0
- package/dist/components/Card/types.d.ts +10 -0
- package/dist/components/Checkbox/index.d.ts +0 -1
- package/dist/components/Collapse/index.d.ts +17 -0
- package/dist/components/Collapse/styles.d.ts +17 -0
- package/dist/components/Container/index.d.ts +13 -0
- package/dist/components/Counter/index.d.ts +12 -0
- package/dist/components/Counter/styles.d.ts +9 -0
- package/dist/components/Datepicker/index.d.ts +30 -0
- package/dist/components/Datepicker/styled.d.ts +9 -0
- package/dist/components/Datepicker/styles.d.ts +5 -0
- package/dist/components/DeadlineChart/index.d.ts +54 -0
- package/dist/components/DeadlineChart/styles.d.ts +11 -0
- package/dist/components/Detail/index.d.ts +37 -0
- package/dist/components/Detail/styles.d.ts +14 -0
- package/dist/components/Dropdown/index.d.ts +42 -0
- package/dist/components/Dropdown/styles.d.ts +21 -0
- package/dist/components/Empty/index.d.ts +14 -0
- package/dist/components/Flex/index.d.ts +26 -0
- package/dist/components/Flex/styles.d.ts +9 -0
- package/dist/components/Grid/index.d.ts +37 -0
- package/dist/components/Input/index.d.ts +58 -0
- package/dist/components/Input/styles.d.ts +8 -0
- package/dist/components/Input/variants/InputTable.d.ts +4 -0
- package/dist/components/Loading/index.d.ts +17 -0
- package/dist/components/Loading/styles.d.ts +19 -0
- package/dist/components/Modal/index.d.ts +9 -0
- package/dist/components/Modal/styles.d.ts +25 -0
- package/dist/components/Navbar/index.d.ts +26 -0
- package/dist/components/Navbar/styles.d.ts +32 -0
- package/dist/components/Pagination/index.d.ts +4 -0
- package/dist/components/Pagination/styles.d.ts +25 -0
- package/dist/components/Pagination/types.d.ts +18 -0
- package/dist/components/RadioButton/index.d.ts +14 -0
- package/dist/components/RadioButton/styles.d.ts +7 -0
- package/dist/components/Row/index.d.ts +15 -0
- package/dist/components/Search/index.d.ts +8 -0
- package/dist/components/Search/styles.d.ts +20 -0
- package/dist/components/Search/types.d.ts +72 -0
- package/dist/components/Search/variants/ScrollSearch.d.ts +5 -0
- package/dist/components/Search/variants/styled.d.ts +19 -0
- package/dist/components/Select/builder.d.ts +28 -0
- package/dist/components/Select/index.d.ts +43 -0
- package/dist/components/Switch/index.d.ts +19 -0
- package/dist/components/Table/builder.d.ts +19 -0
- package/dist/components/Table/index.d.ts +147 -0
- package/dist/components/Table/styles.d.ts +27 -0
- package/dist/components/Table/variants/participants.d.ts +14 -0
- package/dist/components/Tableinput/index.d.ts +41 -0
- package/dist/components/Tableinput/styles.d.ts +3 -0
- package/dist/components/Tableinput/types.d.ts +8 -0
- package/dist/components/Textarea/index.d.ts +15 -0
- package/dist/components/Textarea/styled.d.ts +3 -0
- package/dist/components/Textarea/styles.d.ts +23 -0
- package/dist/components/Timeline/index.d.ts +135 -0
- package/dist/components/Timeline/styles.d.ts +5 -0
- package/dist/components/Tooltip/index.d.ts +17 -0
- package/dist/components/Tooltip/styled.d.ts +23 -0
- package/dist/components/Tooltip/styles.d.ts +3 -0
- package/dist/components/Totalhours/index.d.ts +48 -0
- package/dist/components/Wizard/index.d.ts +17 -0
- package/dist/components/Wizard/styles.d.ts +8 -0
- package/dist/components/index.d.ts +62 -0
- package/dist/constants/index.d.ts +11 -0
- package/dist/index.d.ts +1 -6
- package/dist/index.es.js +42404 -8221
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +4103 -35
- package/dist/index.umd.js.map +1 -1
- package/dist/main.d.ts +1 -6
- package/dist/style.css +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/time/index.d.ts +7 -0
- package/package.json +13 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @description
|
|
5
|
+
* Grid view system for CCC components.
|
|
6
|
+
* Avoid "autofill" prop for default behaviour.
|
|
7
|
+
* @param props - Props for grid.
|
|
8
|
+
*/
|
|
9
|
+
export declare const Grid: React.FunctionComponent<GridProps>;
|
|
10
|
+
/**
|
|
11
|
+
* @description
|
|
12
|
+
* Colspan system for Grid CCC Components.
|
|
13
|
+
*/
|
|
14
|
+
export declare const Colspan: React.FunctionComponent<ColspanProps>;
|
|
15
|
+
export type GridProps = {
|
|
16
|
+
md?: number;
|
|
17
|
+
lg?: number;
|
|
18
|
+
xs?: number;
|
|
19
|
+
xl?: number;
|
|
20
|
+
gap?: number;
|
|
21
|
+
cols?: number;
|
|
22
|
+
gapX?: number;
|
|
23
|
+
gapY?: number;
|
|
24
|
+
autofill?: boolean;
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
};
|
|
27
|
+
export type ColspanProps = {
|
|
28
|
+
md?: number;
|
|
29
|
+
lg?: number;
|
|
30
|
+
xs?: number;
|
|
31
|
+
xl?: number;
|
|
32
|
+
end?: number;
|
|
33
|
+
cols?: number;
|
|
34
|
+
start?: number;
|
|
35
|
+
autofill?: number;
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Input: React.FunctionComponent<InputProps>;
|
|
4
|
+
interface StyledProps {
|
|
5
|
+
inputField?: boolean;
|
|
6
|
+
minValue?: number;
|
|
7
|
+
maxValue?: number;
|
|
8
|
+
value?: string | number;
|
|
9
|
+
isError?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledProps>> & string;
|
|
12
|
+
export declare const StyledInputBold: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof StyledProps> & StyledProps, "ref"> & {
|
|
13
|
+
ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
14
|
+
}, never>> & string;
|
|
15
|
+
export declare const StyledInputAddon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
16
|
+
export declare const StyledIconContainerAddon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputProps>> & string;
|
|
17
|
+
export declare const StyledIconEdit: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
18
|
+
export declare const StyledIconDelete: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export type InputProps = {
|
|
20
|
+
date?: Date;
|
|
21
|
+
value?: string;
|
|
22
|
+
error?: boolean;
|
|
23
|
+
length?: number;
|
|
24
|
+
fullWidth?: boolean;
|
|
25
|
+
completed?: boolean;
|
|
26
|
+
maxLength?: number;
|
|
27
|
+
minLength?: number;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
className?: string;
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
AddOn?: React.ReactNode;
|
|
32
|
+
onEdit?: () => void;
|
|
33
|
+
onDelete?: () => void;
|
|
34
|
+
onChange?: (value: string) => void;
|
|
35
|
+
type?: "text" | "password";
|
|
36
|
+
allow?: "text" | "number" | "date" | "decimals";
|
|
37
|
+
zeros?: boolean;
|
|
38
|
+
validation?: "sence" | "length" | "amount" | "score";
|
|
39
|
+
minValue?: number;
|
|
40
|
+
maxValue?: number;
|
|
41
|
+
fieldIdentifier?: string;
|
|
42
|
+
score?: boolean;
|
|
43
|
+
onKeyDown?: (value: string | number, fieldIdentifier?: string) => void;
|
|
44
|
+
downKeys?: DownKeys;
|
|
45
|
+
inputField?: boolean;
|
|
46
|
+
isError?: boolean;
|
|
47
|
+
mode?: "strict" | "score" | "range";
|
|
48
|
+
};
|
|
49
|
+
type DownKeys = {
|
|
50
|
+
next: string;
|
|
51
|
+
prev: string;
|
|
52
|
+
};
|
|
53
|
+
export type FormatValueProps = {
|
|
54
|
+
value: string;
|
|
55
|
+
allow: "number" | string;
|
|
56
|
+
onChange?: (value: string) => void;
|
|
57
|
+
};
|
|
58
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type LoadingProps = {
|
|
4
|
+
status?: boolean;
|
|
5
|
+
centered?: boolean;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* @description
|
|
10
|
+
* Loading component for the application on TailwindCSS.
|
|
11
|
+
*/
|
|
12
|
+
export declare const Loading: React.FunctionComponent<LoadingProps>;
|
|
13
|
+
/**
|
|
14
|
+
* @description
|
|
15
|
+
* Wait component for the application on TailwindCSS.
|
|
16
|
+
*/
|
|
17
|
+
export declare const Wait: React.FunctionComponent<LoadingProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
loading: {
|
|
3
|
+
position: string;
|
|
4
|
+
top: number;
|
|
5
|
+
left: number;
|
|
6
|
+
width: string;
|
|
7
|
+
height: string;
|
|
8
|
+
zIndex: number;
|
|
9
|
+
};
|
|
10
|
+
spinnerCenter: {
|
|
11
|
+
display: string;
|
|
12
|
+
justifyContent: string;
|
|
13
|
+
alignItems: string;
|
|
14
|
+
top: string;
|
|
15
|
+
left: string;
|
|
16
|
+
position: string;
|
|
17
|
+
transform: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const Tailwind: {
|
|
2
|
+
dialog: {
|
|
3
|
+
header: {
|
|
4
|
+
className: string;
|
|
5
|
+
};
|
|
6
|
+
content: {
|
|
7
|
+
className: string | undefined;
|
|
8
|
+
};
|
|
9
|
+
mask: {
|
|
10
|
+
style: {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
transition: ({ props }: {
|
|
15
|
+
props: {
|
|
16
|
+
position: string;
|
|
17
|
+
};
|
|
18
|
+
}) => {
|
|
19
|
+
enterFromClass: string;
|
|
20
|
+
enterActiveClass: string;
|
|
21
|
+
leaveActiveClass: string;
|
|
22
|
+
leaveToClass: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface Route {
|
|
4
|
+
name: string;
|
|
5
|
+
href: string;
|
|
6
|
+
}
|
|
7
|
+
export type NavbarProps = {
|
|
8
|
+
routes?: Route[];
|
|
9
|
+
selected?: string;
|
|
10
|
+
isDropdown?: boolean;
|
|
11
|
+
previousPath?: string | boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare const Navbar: React.FunctionComponent<NavbarProps>;
|
|
14
|
+
export declare const HeaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const HeaderMobile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export declare const HeaderDesktop: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
+
export declare const BackButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
18
|
+
export declare const UserContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export declare const Logo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
20
|
+
export declare const LogoMobiel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
|
|
21
|
+
export declare const NameDiv: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export declare const UserDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
|
+
export declare enum System {
|
|
24
|
+
SIGN = "Firma Digital",
|
|
25
|
+
INTEGRA = "Integra Negocio"
|
|
26
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
background: string;
|
|
3
|
+
displayleft: string;
|
|
4
|
+
displayright: string;
|
|
5
|
+
logo: {
|
|
6
|
+
root: string;
|
|
7
|
+
wrapper: string;
|
|
8
|
+
container: string;
|
|
9
|
+
};
|
|
10
|
+
router: {
|
|
11
|
+
routes: string;
|
|
12
|
+
root: string;
|
|
13
|
+
route: string;
|
|
14
|
+
};
|
|
15
|
+
menu: {
|
|
16
|
+
root: string;
|
|
17
|
+
button: string;
|
|
18
|
+
active: string;
|
|
19
|
+
headless: string;
|
|
20
|
+
engine: string;
|
|
21
|
+
};
|
|
22
|
+
profile: {
|
|
23
|
+
image: string;
|
|
24
|
+
root: string;
|
|
25
|
+
pick: string;
|
|
26
|
+
name: string;
|
|
27
|
+
info: string;
|
|
28
|
+
badge: string;
|
|
29
|
+
role: string;
|
|
30
|
+
};
|
|
31
|
+
sr: string;
|
|
32
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @description
|
|
3
|
+
* This file contains the styles for the tw-pagination component.
|
|
4
|
+
*/
|
|
5
|
+
export declare const classes: {
|
|
6
|
+
container: string;
|
|
7
|
+
controls: {
|
|
8
|
+
root: string;
|
|
9
|
+
prev: string;
|
|
10
|
+
next: string;
|
|
11
|
+
};
|
|
12
|
+
filter: {
|
|
13
|
+
root: string;
|
|
14
|
+
end: string;
|
|
15
|
+
show: string;
|
|
16
|
+
info: string;
|
|
17
|
+
};
|
|
18
|
+
pagination: {
|
|
19
|
+
root: string;
|
|
20
|
+
active: string;
|
|
21
|
+
page: string;
|
|
22
|
+
controlsRight: string;
|
|
23
|
+
controlsLeft: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type PaginationProps = {
|
|
2
|
+
page: number;
|
|
3
|
+
pages: number;
|
|
4
|
+
hasNext?: boolean;
|
|
5
|
+
hasPrev?: boolean;
|
|
6
|
+
onClickPage?: (page: number) => void;
|
|
7
|
+
onClickLimit?: (limit: string) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
info?: string;
|
|
10
|
+
total?: number;
|
|
11
|
+
limit?: string;
|
|
12
|
+
current?: number;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* @description
|
|
16
|
+
* Maximum offset for the pagination.
|
|
17
|
+
*/
|
|
18
|
+
export declare const OFFSET_RANGE = 2;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const RadioButton: React.FunctionComponent<RadioButtonProps>;
|
|
4
|
+
export declare const StyledRadioButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
6
|
+
}>, never>, never>> & string;
|
|
7
|
+
export type RadioButtonProps = {
|
|
8
|
+
className?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
value?: string;
|
|
11
|
+
checked?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onClick?: (value: string | undefined) => void;
|
|
14
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Row: React.FC<RowProps>;
|
|
4
|
+
export declare const StyledRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RowProps>> & string;
|
|
5
|
+
export interface RowProps {
|
|
6
|
+
unit?: "px" | "rem" | "em" | "%";
|
|
7
|
+
border?: string;
|
|
8
|
+
height?: string;
|
|
9
|
+
padding?: string;
|
|
10
|
+
gapBottom?: string;
|
|
11
|
+
borderRadius?: string;
|
|
12
|
+
childrenColor?: string;
|
|
13
|
+
backgroundColor?: string;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
input: {
|
|
3
|
+
root: string;
|
|
4
|
+
ref: string;
|
|
5
|
+
button: string;
|
|
6
|
+
};
|
|
7
|
+
dropdown: {
|
|
8
|
+
root: string;
|
|
9
|
+
item: string;
|
|
10
|
+
items: string;
|
|
11
|
+
title: string;
|
|
12
|
+
container: string;
|
|
13
|
+
};
|
|
14
|
+
search: {
|
|
15
|
+
root: string;
|
|
16
|
+
};
|
|
17
|
+
icon: {
|
|
18
|
+
xcircle: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Color } from '../../theme';
|
|
2
|
+
|
|
3
|
+
export type SearchItem = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
export type Placeholder = {
|
|
8
|
+
label?: string;
|
|
9
|
+
type?: "number" | "text" | "id";
|
|
10
|
+
};
|
|
11
|
+
type EventUI = React.UIEvent<HTMLDivElement>;
|
|
12
|
+
export type SearchProps = {
|
|
13
|
+
value?: string;
|
|
14
|
+
selected?: string;
|
|
15
|
+
options?: string[];
|
|
16
|
+
placeholder?: Placeholder;
|
|
17
|
+
placeholderText?: string;
|
|
18
|
+
onReachingLimit?: () => void;
|
|
19
|
+
onInputChange?: (value: string) => void;
|
|
20
|
+
onChange?: (value: string) => void;
|
|
21
|
+
onAdding?: (search: SearchItem) => void;
|
|
22
|
+
onDelete?: (search: SearchItem) => void;
|
|
23
|
+
onPress?: () => void;
|
|
24
|
+
onSearch?: () => void;
|
|
25
|
+
onClearInput?: () => void;
|
|
26
|
+
values?: SearchItem[];
|
|
27
|
+
classNames?: {
|
|
28
|
+
root?: string;
|
|
29
|
+
input?: string;
|
|
30
|
+
search?: string;
|
|
31
|
+
dropdown?: string;
|
|
32
|
+
};
|
|
33
|
+
length?: number;
|
|
34
|
+
search?: string;
|
|
35
|
+
dropdown?: boolean;
|
|
36
|
+
backgroundColor?: string;
|
|
37
|
+
};
|
|
38
|
+
export type Client = {
|
|
39
|
+
rut?: string;
|
|
40
|
+
name?: string;
|
|
41
|
+
};
|
|
42
|
+
export type PendingClientElement = {
|
|
43
|
+
uuid: string;
|
|
44
|
+
width?: number;
|
|
45
|
+
};
|
|
46
|
+
export interface ScrollSearchProps {
|
|
47
|
+
search?: string;
|
|
48
|
+
results?: Client[];
|
|
49
|
+
property?: keyof Client;
|
|
50
|
+
pending?: PendingClientElement[];
|
|
51
|
+
show?: boolean;
|
|
52
|
+
shallow?: boolean;
|
|
53
|
+
loading?: boolean;
|
|
54
|
+
searching?: boolean;
|
|
55
|
+
placeholder?: string;
|
|
56
|
+
onFocus?: () => void;
|
|
57
|
+
onFocusOut?: () => void;
|
|
58
|
+
onScroll?: (e: EventUI) => void;
|
|
59
|
+
onInputChange?: (value: string) => void;
|
|
60
|
+
onResultSelect?: (result: Client) => void;
|
|
61
|
+
barColor?: Color;
|
|
62
|
+
loaderColor?: Color;
|
|
63
|
+
searchColor?: Color;
|
|
64
|
+
spacingColor?: Color;
|
|
65
|
+
placeholderColor?: Color;
|
|
66
|
+
dropdownItemColor?: Color;
|
|
67
|
+
renderItem?: (item: Client) => React.ReactNode;
|
|
68
|
+
}
|
|
69
|
+
export declare const defaults: {
|
|
70
|
+
value: string;
|
|
71
|
+
};
|
|
72
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ScrollSearchProps } from '../types';
|
|
3
|
+
|
|
4
|
+
export declare const ScrollSearch: React.MemoExoticComponent<React.ForwardRefExoticComponent<ScrollSearchProps & React.RefAttributes<HTMLDivElement>>>;
|
|
5
|
+
export default ScrollSearch;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Color } from '../../../theme';
|
|
2
|
+
|
|
3
|
+
type SkeletonProps = {
|
|
4
|
+
width?: number;
|
|
5
|
+
};
|
|
6
|
+
type WithTheme = {
|
|
7
|
+
theming?: Color;
|
|
8
|
+
};
|
|
9
|
+
export declare const SkeletonDropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;
|
|
10
|
+
export declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const SearchBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WithTheme>> & string;
|
|
12
|
+
export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, WithTheme & {
|
|
13
|
+
placeholderColor: Color;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const Dropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WithTheme>> & string;
|
|
17
|
+
export declare const Spacing: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WithTheme>> & string;
|
|
18
|
+
export declare const Loader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WithTheme>> & string;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { SelectProps } from '.';
|
|
2
|
+
|
|
3
|
+
export type Override<T, U> = Omit<T, keyof U> & U;
|
|
4
|
+
export type OverrideBuilder = Override<Builder, {
|
|
5
|
+
backgrounds: typeof Builder.prototype.backgrounds;
|
|
6
|
+
variants: typeof Builder.prototype.variants;
|
|
7
|
+
}>;
|
|
8
|
+
declare class Builder {
|
|
9
|
+
private base;
|
|
10
|
+
private props;
|
|
11
|
+
variants: {
|
|
12
|
+
xs: string;
|
|
13
|
+
sm: string;
|
|
14
|
+
lg: string;
|
|
15
|
+
xl: string;
|
|
16
|
+
xxl: string;
|
|
17
|
+
base: string;
|
|
18
|
+
};
|
|
19
|
+
backgrounds: Record<string, string>;
|
|
20
|
+
private disabled;
|
|
21
|
+
tailwind: string;
|
|
22
|
+
option?: string;
|
|
23
|
+
text: string;
|
|
24
|
+
constructor(props: Partial<SelectProps>, override?: OverrideBuilder);
|
|
25
|
+
private buildClassName;
|
|
26
|
+
getText(): string;
|
|
27
|
+
}
|
|
28
|
+
export { Builder };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { OverrideBuilder } from './builder';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @description
|
|
6
|
+
* This is a description of the TwSelect component and what it does in one or two sentences.
|
|
7
|
+
*/
|
|
8
|
+
export declare const Select: React.FunctionComponent<SelectProps>;
|
|
9
|
+
export type Option = {
|
|
10
|
+
key: string | number;
|
|
11
|
+
value: string;
|
|
12
|
+
label: string;
|
|
13
|
+
history?: string;
|
|
14
|
+
};
|
|
15
|
+
export type SelectProps = {
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
options?: Option[];
|
|
18
|
+
devtools?: boolean;
|
|
19
|
+
optionFontSize?: string;
|
|
20
|
+
value?: string | number;
|
|
21
|
+
onSelect?: (value: Option) => void;
|
|
22
|
+
onPick?: (hour?: Option) => void;
|
|
23
|
+
size: "xs" | "sm" | "base" | "lg" | "xl" | "xxl";
|
|
24
|
+
variant: "primary" | "secondary" | "outline" | "outlined-primary" | "outlined-black" | "outlined-gray" | "tertiary" | "hours" | "hoursPicker";
|
|
25
|
+
className?: string;
|
|
26
|
+
container?: string;
|
|
27
|
+
defaultValue?: string;
|
|
28
|
+
control?: React.CSSProperties;
|
|
29
|
+
hours?: boolean;
|
|
30
|
+
option?: React.CSSProperties;
|
|
31
|
+
placeholder?: React.CSSProperties;
|
|
32
|
+
time?: string;
|
|
33
|
+
override?: OverrideBuilder;
|
|
34
|
+
onTypingHour?: (hour?: string) => void;
|
|
35
|
+
position?: "absolute" | "relative" | "fixed" | "sticky" | "static" | "inherit" | "initial" | "unset";
|
|
36
|
+
isSearchable?: boolean;
|
|
37
|
+
onClear?: () => void;
|
|
38
|
+
listHeight?: number;
|
|
39
|
+
handleKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
|
|
40
|
+
};
|
|
41
|
+
export type OptionListProps = {
|
|
42
|
+
active?: boolean;
|
|
43
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Switch: React.FunctionComponent<SwitchProps>;
|
|
4
|
+
export declare const SwitchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const SwitchLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SwitchProps>> & string;
|
|
6
|
+
export declare const CheckboxContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const CheckboxLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
8
|
+
export declare const CheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
10
|
+
}>, never>, SwitchProps>> & string;
|
|
11
|
+
export declare const CheckboxButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SwitchProps>> & string;
|
|
12
|
+
export type SwitchProps = {
|
|
13
|
+
color?: string;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
backgroundColor?: string;
|
|
16
|
+
onChange?: (checked: boolean) => void;
|
|
17
|
+
checked?: boolean;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TableProps, Heading } from './index';
|
|
2
|
+
|
|
3
|
+
export type Override<T, U> = Omit<T, keyof U> & U;
|
|
4
|
+
export type OverrideBuilder = Override<Builder, {
|
|
5
|
+
variants: typeof Builder.prototype.variants;
|
|
6
|
+
}>;
|
|
7
|
+
declare class Builder {
|
|
8
|
+
variants: {
|
|
9
|
+
sm: string;
|
|
10
|
+
md: string;
|
|
11
|
+
lg: string;
|
|
12
|
+
xl: string;
|
|
13
|
+
};
|
|
14
|
+
tailwind: string;
|
|
15
|
+
headings: string[];
|
|
16
|
+
constructor(props: Partial<TableProps>);
|
|
17
|
+
buildStyle(headers: string[] | Heading[]): string[];
|
|
18
|
+
}
|
|
19
|
+
export { Builder };
|