@paygreen/pgui 2.14.10 → 3.0.0-beta
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 +125 -59
- package/dist/components/actions-button/actions-button.d.ts +20 -0
- package/dist/components/data-list/datalist.d.ts +88 -0
- package/dist/components/data-table/data-table.d.ts +67 -0
- package/dist/components/date-picker/date-picker.d.ts +44 -0
- package/dist/components/field-wrapper/field-wrapper.d.ts +50 -0
- package/dist/components/index.d.ts +15 -0
- package/dist/components/input/input.d.ts +24 -0
- package/dist/components/input-mask/input-mask.d.ts +27 -0
- package/dist/components/input-phone/input-phone.d.ts +62 -0
- package/dist/components/input-phone/partials/search-on-list.d.ts +61 -0
- package/dist/components/loader/loader.d.ts +23 -0
- package/dist/components/logos/logoPaygreenByLemonway.d.ts +26 -0
- package/dist/components/modal/modal.d.ts +42 -0
- package/dist/components/pagination/pagination.d.ts +31 -0
- package/dist/components/select/select.d.ts +44 -0
- package/dist/components/sidebar/sidebar.d.ts +103 -0
- package/dist/components/ui/color-mode.d.ts +21 -0
- package/dist/hooks/scroll-shadow.d.ts +7 -0
- package/dist/hooks/use-data-table.d.ts +12 -0
- package/dist/index.d.ts +2 -352
- package/dist/index.js +48 -0
- package/dist/index.mjs +8355 -0
- package/dist/pgui.css +1 -0
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/recipes/card-recipe.d.ts +18 -0
- package/dist/theme/recipes/index.d.ts +21 -0
- package/dist/theme/recipes/text-recipe.d.ts +2 -0
- package/dist/theme/semanticTokens/colors.d.ts +46 -0
- package/dist/theme/semanticTokens/index.d.ts +48 -0
- package/dist/theme/tokens/colors.d.ts +35 -0
- package/dist/theme/tokens/font-sizes.d.ts +42 -0
- package/dist/theme/tokens/fonts.d.ts +12 -0
- package/dist/theme/tokens/gradients.d.ts +6 -0
- package/dist/theme/tokens/index.d.ts +188 -0
- package/dist/theme/tokens/radii.d.ts +39 -0
- package/dist/theme/tokens/sizes.d.ts +57 -0
- package/package.json +94 -103
- package/src/components/date-picker/date-picker.css +206 -0
- package/src/components/select/select.css +75 -0
- package/src/styles/index.css +12 -0
- package/dist/cjs/index.js +0 -60887
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/types/components/ActionsButton/index.d.ts +0 -6
- package/dist/cjs/types/components/Card/index.d.ts +0 -3
- package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts +0 -13
- package/dist/cjs/types/components/DataList/index.d.ts +0 -42
- package/dist/cjs/types/components/FormGroup/index.d.ts +0 -12
- package/dist/cjs/types/components/InputDayPicker/index.d.ts +0 -20
- package/dist/cjs/types/components/InputPhone/SearchOnList.d.ts +0 -19
- package/dist/cjs/types/components/InputPhone/index.d.ts +0 -12
- package/dist/cjs/types/components/InputRangePicker/index.d.ts +0 -25
- package/dist/cjs/types/components/ModalResponsive/index.d.ts +0 -5
- package/dist/cjs/types/components/Pagination/index.d.ts +0 -43
- package/dist/cjs/types/components/SearchInput/index.d.ts +0 -12
- package/dist/cjs/types/components/Select/index.d.ts +0 -120
- package/dist/cjs/types/components/Textarea/index.d.ts +0 -8
- package/dist/cjs/types/components/index.d.ts +0 -12
- package/dist/cjs/types/hooks/useClickOutside.d.ts +0 -3
- package/dist/cjs/types/index.d.ts +0 -4
- package/dist/cjs/types/layout/BottomBar/index.d.ts +0 -3
- package/dist/cjs/types/layout/LayoutContainer/index.d.ts +0 -3
- package/dist/cjs/types/layout/SideNav/index.d.ts +0 -21
- package/dist/cjs/types/layout/TopBar/index.d.ts +0 -10
- package/dist/cjs/types/layout/index.d.ts +0 -4
- package/dist/cjs/types/theme/components/alert.d.ts +0 -9
- package/dist/cjs/types/theme/components/badge.d.ts +0 -9
- package/dist/cjs/types/theme/components/button.d.ts +0 -163
- package/dist/cjs/types/theme/components/checkbox.d.ts +0 -11
- package/dist/cjs/types/theme/components/drawer.d.ts +0 -6
- package/dist/cjs/types/theme/components/form.d.ts +0 -8
- package/dist/cjs/types/theme/components/index.d.ts +0 -16
- package/dist/cjs/types/theme/components/input.d.ts +0 -58
- package/dist/cjs/types/theme/components/menu.d.ts +0 -9
- package/dist/cjs/types/theme/components/number-input.d.ts +0 -54
- package/dist/cjs/types/theme/components/pin-input.d.ts +0 -42
- package/dist/cjs/types/theme/components/radio.d.ts +0 -6
- package/dist/cjs/types/theme/components/slider.d.ts +0 -6
- package/dist/cjs/types/theme/components/switch.d.ts +0 -6
- package/dist/cjs/types/theme/components/tag.d.ts +0 -14
- package/dist/cjs/types/theme/components/textarea.d.ts +0 -54
- package/dist/cjs/types/theme/components/tooltip.d.ts +0 -8
- package/dist/cjs/types/theme/foundations/colors.d.ts +0 -66
- package/dist/cjs/types/theme/foundations/index.d.ts +0 -129
- package/dist/cjs/types/theme/foundations/radius.d.ts +0 -11
- package/dist/cjs/types/theme/foundations/shadows.d.ts +0 -10
- package/dist/cjs/types/theme/foundations/sizes.d.ts +0 -21
- package/dist/cjs/types/theme/foundations/typography.d.ts +0 -21
- package/dist/cjs/types/theme/index.d.ts +0 -1
- package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts +0 -2
- package/dist/cjs/types/theme/rawStyle/index.d.ts +0 -3
- package/dist/cjs/types/theme/rawStyle/reactDayPicker.d.ts +0 -23
- package/dist/cjs/types/theme/rawStyle/scrollbarStyles.d.ts +0 -11
- package/dist/cjs/types/theme/styles.d.ts +0 -2
- package/dist/cjs/types/theme/theme.d.ts +0 -1
- package/dist/cjs/types/utils/date.d.ts +0 -1
- package/dist/cjs/types/utils/index.d.ts +0 -2
- package/dist/cjs/types/utils/responsive.d.ts +0 -1
- package/dist/esm/index.js +0 -60814
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/types/components/ActionsButton/index.d.ts +0 -6
- package/dist/esm/types/components/Card/index.d.ts +0 -3
- package/dist/esm/types/components/ConfirmMenuItem/index.d.ts +0 -13
- package/dist/esm/types/components/DataList/index.d.ts +0 -42
- package/dist/esm/types/components/FormGroup/index.d.ts +0 -12
- package/dist/esm/types/components/InputDayPicker/index.d.ts +0 -20
- package/dist/esm/types/components/InputPhone/SearchOnList.d.ts +0 -19
- package/dist/esm/types/components/InputPhone/index.d.ts +0 -12
- package/dist/esm/types/components/InputRangePicker/index.d.ts +0 -25
- package/dist/esm/types/components/ModalResponsive/index.d.ts +0 -5
- package/dist/esm/types/components/Pagination/index.d.ts +0 -43
- package/dist/esm/types/components/SearchInput/index.d.ts +0 -12
- package/dist/esm/types/components/Select/index.d.ts +0 -120
- package/dist/esm/types/components/Textarea/index.d.ts +0 -8
- package/dist/esm/types/components/index.d.ts +0 -12
- package/dist/esm/types/hooks/useClickOutside.d.ts +0 -3
- package/dist/esm/types/index.d.ts +0 -4
- package/dist/esm/types/layout/BottomBar/index.d.ts +0 -3
- package/dist/esm/types/layout/LayoutContainer/index.d.ts +0 -3
- package/dist/esm/types/layout/SideNav/index.d.ts +0 -21
- package/dist/esm/types/layout/TopBar/index.d.ts +0 -10
- package/dist/esm/types/layout/index.d.ts +0 -4
- package/dist/esm/types/theme/components/alert.d.ts +0 -9
- package/dist/esm/types/theme/components/badge.d.ts +0 -9
- package/dist/esm/types/theme/components/button.d.ts +0 -163
- package/dist/esm/types/theme/components/checkbox.d.ts +0 -11
- package/dist/esm/types/theme/components/drawer.d.ts +0 -6
- package/dist/esm/types/theme/components/form.d.ts +0 -8
- package/dist/esm/types/theme/components/index.d.ts +0 -16
- package/dist/esm/types/theme/components/input.d.ts +0 -58
- package/dist/esm/types/theme/components/menu.d.ts +0 -9
- package/dist/esm/types/theme/components/number-input.d.ts +0 -54
- package/dist/esm/types/theme/components/pin-input.d.ts +0 -42
- package/dist/esm/types/theme/components/radio.d.ts +0 -6
- package/dist/esm/types/theme/components/slider.d.ts +0 -6
- package/dist/esm/types/theme/components/switch.d.ts +0 -6
- package/dist/esm/types/theme/components/tag.d.ts +0 -14
- package/dist/esm/types/theme/components/textarea.d.ts +0 -54
- package/dist/esm/types/theme/components/tooltip.d.ts +0 -8
- package/dist/esm/types/theme/foundations/colors.d.ts +0 -66
- package/dist/esm/types/theme/foundations/index.d.ts +0 -129
- package/dist/esm/types/theme/foundations/radius.d.ts +0 -11
- package/dist/esm/types/theme/foundations/shadows.d.ts +0 -10
- package/dist/esm/types/theme/foundations/sizes.d.ts +0 -21
- package/dist/esm/types/theme/foundations/typography.d.ts +0 -21
- package/dist/esm/types/theme/index.d.ts +0 -1
- package/dist/esm/types/theme/rawStyle/chakraStyle.d.ts +0 -2
- package/dist/esm/types/theme/rawStyle/index.d.ts +0 -3
- package/dist/esm/types/theme/rawStyle/reactDayPicker.d.ts +0 -23
- package/dist/esm/types/theme/rawStyle/scrollbarStyles.d.ts +0 -11
- package/dist/esm/types/theme/styles.d.ts +0 -2
- package/dist/esm/types/theme/theme.d.ts +0 -1
- package/dist/esm/types/utils/date.d.ts +0 -1
- package/dist/esm/types/utils/index.d.ts +0 -2
- package/dist/esm/types/utils/responsive.d.ts +0 -1
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
import { IconButtonProps } from '@chakra-ui/react';
|
|
3
|
-
export type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
|
|
4
|
-
label: string;
|
|
5
|
-
};
|
|
6
|
-
export declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
|
|
3
|
-
export type StyledMenuItemProps = HTMLChakraProps<'button'>;
|
|
4
|
-
export declare const MenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", MenuItemProps>;
|
|
5
|
-
type ConfirmMenuItemProps = MenuItemProps & {
|
|
6
|
-
confirmDelay?: number;
|
|
7
|
-
confirmColorScheme?: string;
|
|
8
|
-
confirmContent?: React.ReactNode;
|
|
9
|
-
confirmText?: React.ReactNode;
|
|
10
|
-
confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
|
|
11
|
-
};
|
|
12
|
-
export declare const ConfirmMenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ConfirmMenuItemProps>;
|
|
13
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React, { FC, PropsWithChildren } from 'react';
|
|
2
|
-
import { AccordionProps, FlexProps } from '@chakra-ui/react';
|
|
3
|
-
type DataListColumns = Record<string, DataListCellProps>;
|
|
4
|
-
type DataListContextValue = {
|
|
5
|
-
setColumns: React.Dispatch<React.SetStateAction<DataListColumns>>;
|
|
6
|
-
columns: DataListColumns;
|
|
7
|
-
isHover: boolean;
|
|
8
|
-
};
|
|
9
|
-
export declare const DataListContext: React.Context<DataListContextValue>;
|
|
10
|
-
export declare const DataListHeaderContext: React.Context<boolean>;
|
|
11
|
-
export type DataListCellProps = FlexProps & {
|
|
12
|
-
colName?: string;
|
|
13
|
-
colWidth?: string | number | Record<string, string | number>;
|
|
14
|
-
isVisible?: boolean | boolean[] | Record<string, boolean>;
|
|
15
|
-
};
|
|
16
|
-
export declare const DataListCell: ({ children, colName, colWidth, isVisible, ...rest }: DataListCellProps) => React.JSX.Element | null;
|
|
17
|
-
export declare const DataListAccordion: ({ ...rest }: {
|
|
18
|
-
[x: string]: any;
|
|
19
|
-
}) => React.JSX.Element;
|
|
20
|
-
export declare const DataListAccordionButton: ({ ...rest }: {
|
|
21
|
-
[x: string]: any;
|
|
22
|
-
}) => React.JSX.Element;
|
|
23
|
-
export declare const DataListAccordionIcon: ({ ...rest }: {
|
|
24
|
-
[x: string]: any;
|
|
25
|
-
}) => React.JSX.Element;
|
|
26
|
-
export declare const DataListAccordionPanel: ({ ...rest }: {
|
|
27
|
-
[x: string]: any;
|
|
28
|
-
}) => React.JSX.Element;
|
|
29
|
-
export type DataListRowProps = FlexProps & {
|
|
30
|
-
isVisible?: boolean | boolean[] | Record<string, boolean>;
|
|
31
|
-
isDisabled?: boolean;
|
|
32
|
-
};
|
|
33
|
-
export declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
|
|
34
|
-
export type DataListHeaderProps = DataListRowProps;
|
|
35
|
-
export declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
|
|
36
|
-
export type DataListFooterProps = DataListRowProps;
|
|
37
|
-
export declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
|
|
38
|
-
export type DataListProps = AccordionProps & {
|
|
39
|
-
isHover?: boolean;
|
|
40
|
-
};
|
|
41
|
-
export declare const DataList: FC<PropsWithChildren<DataListProps>>;
|
|
42
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { FormControlProps } from '@chakra-ui/react';
|
|
3
|
-
export type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaultValue' | 'label'> & {
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
errorMessage?: ReactNode;
|
|
6
|
-
helper?: ReactNode;
|
|
7
|
-
id?: string;
|
|
8
|
-
isRequired?: boolean;
|
|
9
|
-
label?: ReactNode;
|
|
10
|
-
showError?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const FormGroup: ({ children, errorMessage, helper, id, isRequired, label, showError, ...props }: FormGroupProps) => React.JSX.Element;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React, { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import 'react-day-picker/dist/style.css';
|
|
3
|
-
export type InputDayPickerProps = {
|
|
4
|
-
name: string;
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
onChange: Dispatch<SetStateAction<Date | null>>;
|
|
7
|
-
value: Date | null;
|
|
8
|
-
locale?: 'fr' | 'en';
|
|
9
|
-
variant?: 'filled' | 'outline';
|
|
10
|
-
withTime?: boolean;
|
|
11
|
-
minDate?: Date | null | undefined;
|
|
12
|
-
maxDate?: Date | null | undefined;
|
|
13
|
-
isDisabled?: boolean;
|
|
14
|
-
inputProps?: any;
|
|
15
|
-
dayPickerProps?: any;
|
|
16
|
-
isOpen?: boolean;
|
|
17
|
-
onOpen?: () => void;
|
|
18
|
-
onClose?: () => void;
|
|
19
|
-
};
|
|
20
|
-
export declare const InputDayPicker: ({ value, onChange, placeholder, name, isDisabled, withTime, locale, minDate, maxDate, variant, inputProps, dayPickerProps, isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, }: InputDayPickerProps) => React.JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type Country = {
|
|
3
|
-
name: string;
|
|
4
|
-
flag: string;
|
|
5
|
-
code: string;
|
|
6
|
-
dial_code: string;
|
|
7
|
-
};
|
|
8
|
-
export type Props = {
|
|
9
|
-
country?: Country;
|
|
10
|
-
data: Country[];
|
|
11
|
-
onChange: (args: Country) => void;
|
|
12
|
-
};
|
|
13
|
-
export declare const SearchOnList: ({ options, onChange, iconComponent: IconComponent, locale, ...selectProps }: {
|
|
14
|
-
[x: string]: any;
|
|
15
|
-
options: any;
|
|
16
|
-
onChange: any;
|
|
17
|
-
iconComponent: any;
|
|
18
|
-
locale: any;
|
|
19
|
-
}) => React.JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import 'react-phone-number-input/style.css';
|
|
3
|
-
export type InputPhoneProps = {
|
|
4
|
-
locale?: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
isDisabled?: boolean;
|
|
8
|
-
inputProps?: object;
|
|
9
|
-
};
|
|
10
|
-
export declare const isValidPhone: (val: string) => boolean;
|
|
11
|
-
export declare const formatPhoneIntl: (val: string) => string;
|
|
12
|
-
export declare const InputPhone: ({ locale, value, placeholder, isDisabled, inputProps, ...props }: InputPhoneProps) => React.JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
export type InputRangePickerProps = {
|
|
3
|
-
name: string;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
onChange: Dispatch<SetStateAction<{
|
|
6
|
-
from: Date | null;
|
|
7
|
-
to: Date | null;
|
|
8
|
-
} | null>>;
|
|
9
|
-
value?: {
|
|
10
|
-
from: Date | null;
|
|
11
|
-
to: Date | null;
|
|
12
|
-
} | null;
|
|
13
|
-
locale?: 'fr' | 'en';
|
|
14
|
-
variant?: 'filled' | 'outline';
|
|
15
|
-
withTime?: boolean;
|
|
16
|
-
minStartDate?: Date | null | undefined;
|
|
17
|
-
maxStartDate?: Date | null | undefined;
|
|
18
|
-
minEndDate?: Date | null | undefined;
|
|
19
|
-
maxEndDate?: Date | null | undefined;
|
|
20
|
-
isDisabled?: boolean;
|
|
21
|
-
breakpoint?: 'base' | 'sm' | 'md' | 'lg';
|
|
22
|
-
inputProps?: any;
|
|
23
|
-
dayPickerProps?: any;
|
|
24
|
-
};
|
|
25
|
-
export declare const InputRangePicker: ({ value, onChange, placeholder, name, isDisabled, withTime, locale, minStartDate, maxStartDate, minEndDate, maxEndDate, variant, breakpoint, inputProps, dayPickerProps, }: InputRangePickerProps) => React.JSX.Element;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DrawerProps, ModalProps } from '@chakra-ui/react';
|
|
3
|
-
type ModalResponsiveProps = ModalProps & DrawerProps;
|
|
4
|
-
export declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => React.JSX.Element;
|
|
5
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React, { FC, PropsWithChildren } from 'react';
|
|
2
|
-
import { IconButtonProps, StackProps } from '@chakra-ui/react';
|
|
3
|
-
export declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
|
|
4
|
-
page?: number | undefined;
|
|
5
|
-
pageSize?: number | undefined;
|
|
6
|
-
totalItems?: number | undefined;
|
|
7
|
-
}) => {
|
|
8
|
-
firstPage: number;
|
|
9
|
-
lastPage: number;
|
|
10
|
-
firstItemOnPage: number;
|
|
11
|
-
lastItemOnPage: number;
|
|
12
|
-
isFirstPage: boolean;
|
|
13
|
-
isLastPage: boolean;
|
|
14
|
-
};
|
|
15
|
-
export type PaginationContextValue<PageType = number> = {
|
|
16
|
-
page: PageType;
|
|
17
|
-
setPage: (page: PageType) => void;
|
|
18
|
-
firstPage: PageType;
|
|
19
|
-
isFirstPage: boolean;
|
|
20
|
-
lastPage: PageType;
|
|
21
|
-
isLastPage: boolean;
|
|
22
|
-
totalItems: number;
|
|
23
|
-
isLoadingPage: boolean;
|
|
24
|
-
pageSize: number;
|
|
25
|
-
firstItemOnPage: number;
|
|
26
|
-
lastItemOnPage: number;
|
|
27
|
-
};
|
|
28
|
-
export declare const PaginationContext: React.Context<PaginationContextValue<number>>;
|
|
29
|
-
export declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
|
|
30
|
-
export declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
|
|
31
|
-
export declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
|
|
32
|
-
export declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
|
|
33
|
-
export declare const PaginationInfo: ({ ...rest }: {
|
|
34
|
-
[x: string]: any;
|
|
35
|
-
}) => React.JSX.Element;
|
|
36
|
-
export type PaginationProps = StackProps & {
|
|
37
|
-
setPage: (page: number) => void;
|
|
38
|
-
page?: number;
|
|
39
|
-
pageSize?: number;
|
|
40
|
-
totalItems?: number;
|
|
41
|
-
isLoadingPage?: boolean;
|
|
42
|
-
};
|
|
43
|
-
export declare const Pagination: ({ setPage, page, pageSize, totalItems, isLoadingPage, children, ...rest }: PaginationProps) => React.JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { InputProps } from '@chakra-ui/react';
|
|
2
|
-
type CustomProps = {
|
|
3
|
-
value?: string;
|
|
4
|
-
defaultValue?: string;
|
|
5
|
-
onChange?(value?: string): void;
|
|
6
|
-
delay?: number;
|
|
7
|
-
clearLabel?: string;
|
|
8
|
-
inputProps?: object;
|
|
9
|
-
};
|
|
10
|
-
type SearchInputProps = Overwrite<InputProps, CustomProps>;
|
|
11
|
-
export declare const SearchInput: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SearchInputProps>;
|
|
12
|
-
export {};
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { BoxProps } from '@chakra-ui/react';
|
|
3
|
-
import { GroupBase, Props } from 'react-select';
|
|
4
|
-
declare module 'react' {
|
|
5
|
-
function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
|
|
6
|
-
}
|
|
7
|
-
export type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
|
|
8
|
-
isAsync?: boolean;
|
|
9
|
-
isCreatable?: boolean;
|
|
10
|
-
isError?: boolean;
|
|
11
|
-
size?: string;
|
|
12
|
-
formatCreateLabel?: (inputValue: string) => ReactNode;
|
|
13
|
-
loadOptions?: (input: unknown) => TODO;
|
|
14
|
-
defaultOptions?: unknown | boolean;
|
|
15
|
-
debounceDelay?: number;
|
|
16
|
-
variant?: 'filled' | 'outline';
|
|
17
|
-
} & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
|
|
18
|
-
export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
|
|
19
|
-
isAsync?: boolean | undefined;
|
|
20
|
-
isCreatable?: boolean | undefined;
|
|
21
|
-
isError?: boolean | undefined;
|
|
22
|
-
size?: string | undefined;
|
|
23
|
-
formatCreateLabel?: ((inputValue: string) => ReactNode) | undefined;
|
|
24
|
-
loadOptions?: ((input: unknown) => TODO) | undefined;
|
|
25
|
-
defaultOptions?: unknown | boolean;
|
|
26
|
-
debounceDelay?: number | undefined;
|
|
27
|
-
variant?: "outline" | "filled" | undefined;
|
|
28
|
-
} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
|
|
29
|
-
tabIndex?: number | undefined;
|
|
30
|
-
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
31
|
-
isLoading?: boolean | undefined;
|
|
32
|
-
isDisabled?: boolean | undefined;
|
|
33
|
-
components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
|
|
34
|
-
placeholder?: React.ReactNode;
|
|
35
|
-
options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
|
|
36
|
-
pageSize?: number | undefined;
|
|
37
|
-
backspaceRemovesValue?: boolean | undefined;
|
|
38
|
-
blurInputOnSelect?: boolean | undefined;
|
|
39
|
-
captureMenuScroll?: boolean | undefined;
|
|
40
|
-
classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
|
|
41
|
-
closeMenuOnSelect?: boolean | undefined;
|
|
42
|
-
closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
|
|
43
|
-
controlShouldRenderValue?: boolean | undefined;
|
|
44
|
-
escapeClearsValue?: boolean | undefined;
|
|
45
|
-
filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
|
|
46
|
-
formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
|
|
47
|
-
getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
|
|
48
|
-
getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
|
|
49
|
-
isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
|
|
50
|
-
isMulti?: IsMulti | undefined;
|
|
51
|
-
isRtl?: boolean | undefined;
|
|
52
|
-
isSearchable?: boolean | undefined;
|
|
53
|
-
loadingMessage?: ((obj: {
|
|
54
|
-
inputValue: string;
|
|
55
|
-
}) => React.ReactNode) | undefined;
|
|
56
|
-
minMenuHeight?: number | undefined;
|
|
57
|
-
maxMenuHeight?: number | undefined;
|
|
58
|
-
menuIsOpen?: boolean | undefined;
|
|
59
|
-
menuPlacement?: import("react-select").MenuPlacement | undefined;
|
|
60
|
-
menuPosition?: import("react-select").MenuPosition | undefined;
|
|
61
|
-
menuShouldBlockScroll?: boolean | undefined;
|
|
62
|
-
menuShouldScrollIntoView?: boolean | undefined;
|
|
63
|
-
noOptionsMessage?: ((obj: {
|
|
64
|
-
inputValue: string;
|
|
65
|
-
}) => React.ReactNode) | undefined;
|
|
66
|
-
openMenuOnFocus?: boolean | undefined;
|
|
67
|
-
openMenuOnClick?: boolean | undefined;
|
|
68
|
-
screenReaderStatus?: ((obj: {
|
|
69
|
-
count: number;
|
|
70
|
-
}) => string) | undefined;
|
|
71
|
-
styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
|
|
72
|
-
tabSelectsValue?: boolean | undefined;
|
|
73
|
-
unstyled?: boolean | undefined;
|
|
74
|
-
} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
|
|
75
|
-
tabIndex?: number | undefined;
|
|
76
|
-
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
77
|
-
isLoading?: boolean | undefined;
|
|
78
|
-
isDisabled?: boolean | undefined;
|
|
79
|
-
components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
|
|
80
|
-
placeholder?: React.ReactNode;
|
|
81
|
-
options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
|
|
82
|
-
pageSize?: number | undefined;
|
|
83
|
-
backspaceRemovesValue?: boolean | undefined;
|
|
84
|
-
blurInputOnSelect?: boolean | undefined;
|
|
85
|
-
captureMenuScroll?: boolean | undefined;
|
|
86
|
-
classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
|
|
87
|
-
closeMenuOnSelect?: boolean | undefined;
|
|
88
|
-
closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
|
|
89
|
-
controlShouldRenderValue?: boolean | undefined;
|
|
90
|
-
escapeClearsValue?: boolean | undefined;
|
|
91
|
-
filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
|
|
92
|
-
formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
|
|
93
|
-
getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
|
|
94
|
-
getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
|
|
95
|
-
isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
|
|
96
|
-
isMulti?: IsMulti | undefined;
|
|
97
|
-
isRtl?: boolean | undefined;
|
|
98
|
-
isSearchable?: boolean | undefined;
|
|
99
|
-
loadingMessage?: ((obj: {
|
|
100
|
-
inputValue: string;
|
|
101
|
-
}) => React.ReactNode) | undefined;
|
|
102
|
-
minMenuHeight?: number | undefined;
|
|
103
|
-
maxMenuHeight?: number | undefined;
|
|
104
|
-
menuIsOpen?: boolean | undefined;
|
|
105
|
-
menuPlacement?: import("react-select").MenuPlacement | undefined;
|
|
106
|
-
menuPosition?: import("react-select").MenuPosition | undefined;
|
|
107
|
-
menuShouldBlockScroll?: boolean | undefined;
|
|
108
|
-
menuShouldScrollIntoView?: boolean | undefined;
|
|
109
|
-
noOptionsMessage?: ((obj: {
|
|
110
|
-
inputValue: string;
|
|
111
|
-
}) => React.ReactNode) | undefined;
|
|
112
|
-
openMenuOnFocus?: boolean | undefined;
|
|
113
|
-
openMenuOnClick?: boolean | undefined;
|
|
114
|
-
screenReaderStatus?: ((obj: {
|
|
115
|
-
count: number;
|
|
116
|
-
}) => string) | undefined;
|
|
117
|
-
styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
|
|
118
|
-
tabSelectsValue?: boolean | undefined;
|
|
119
|
-
unstyled?: boolean | undefined;
|
|
120
|
-
} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TextareaProps } from '@chakra-ui/react';
|
|
3
|
-
export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
|
|
4
|
-
onFocus?: (() => void) | undefined;
|
|
5
|
-
onBlur?: (() => void) | undefined;
|
|
6
|
-
onMouseEnter?: (() => void) | undefined;
|
|
7
|
-
onMouseLeave?: (() => void) | undefined;
|
|
8
|
-
}) => React.JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export * from './ActionsButton';
|
|
2
|
-
export * from './Card';
|
|
3
|
-
export * from './ConfirmMenuItem';
|
|
4
|
-
export * from './DataList';
|
|
5
|
-
export * from './FormGroup';
|
|
6
|
-
export * from './InputDayPicker';
|
|
7
|
-
export * from './InputPhone';
|
|
8
|
-
export * from './InputRangePicker';
|
|
9
|
-
export * from './ModalResponsive';
|
|
10
|
-
export * from './Pagination';
|
|
11
|
-
export * from './SearchInput';
|
|
12
|
-
export * from './Select';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ButtonProps, DrawerContentProps, FlexProps, StackProps, TextProps } from '@chakra-ui/react';
|
|
3
|
-
export type SideNavProps = {
|
|
4
|
-
isOpen: boolean;
|
|
5
|
-
onClose: () => void;
|
|
6
|
-
onToggle?: () => void;
|
|
7
|
-
breakpoint?: any[] | Partial<Record<string, any>>;
|
|
8
|
-
} & FlexProps & DrawerContentProps;
|
|
9
|
-
export type SideNavMenuItemProps = {
|
|
10
|
-
isActive?: boolean;
|
|
11
|
-
} & ButtonProps;
|
|
12
|
-
export type SideNavMenuProps = {
|
|
13
|
-
textProps?: TextProps;
|
|
14
|
-
} & StackProps;
|
|
15
|
-
export declare const SideNav: ({ isOpen, onClose, onToggle, breakpoint, children, ...props }: SideNavProps) => React.JSX.Element;
|
|
16
|
-
export declare const SideNavContainer: (props: StackProps) => React.JSX.Element;
|
|
17
|
-
export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => React.JSX.Element;
|
|
18
|
-
export declare const SideNavBody: ({ children, ...rest }: StackProps) => React.JSX.Element;
|
|
19
|
-
export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => React.JSX.Element;
|
|
20
|
-
export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => React.JSX.Element;
|
|
21
|
-
export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => React.JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React, { ReactComponentElement } from 'react';
|
|
2
|
-
import { FlexProps, StackProps } from '@chakra-ui/react';
|
|
3
|
-
export type TopBarBackActionProps = {
|
|
4
|
-
backAction?: () => void;
|
|
5
|
-
rightInformation?: ReactComponentElement<any>;
|
|
6
|
-
} & FlexProps;
|
|
7
|
-
export declare const TopBar: (props: StackProps) => React.JSX.Element;
|
|
8
|
-
export declare const TopBarFirstElement: (props: FlexProps) => React.JSX.Element;
|
|
9
|
-
export declare const TopBarLastElement: (props: StackProps) => React.JSX.Element;
|
|
10
|
-
export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => React.JSX.Element;
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
baseStyle: {
|
|
3
|
-
borderRadius: string;
|
|
4
|
-
fontWeight: string;
|
|
5
|
-
};
|
|
6
|
-
variants: {
|
|
7
|
-
'@primary': (props: any) => {
|
|
8
|
-
bg: string;
|
|
9
|
-
color: string;
|
|
10
|
-
borderWidth: string;
|
|
11
|
-
borderStyle: string;
|
|
12
|
-
borderColor: string;
|
|
13
|
-
_focus: {
|
|
14
|
-
boxShadow: string;
|
|
15
|
-
};
|
|
16
|
-
_hover: {
|
|
17
|
-
bg: string;
|
|
18
|
-
color: string;
|
|
19
|
-
textDecoration: string;
|
|
20
|
-
_disabled: {
|
|
21
|
-
bg: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
_active: {
|
|
25
|
-
bg: string;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
'@secondary': (props: any) => {
|
|
29
|
-
bg: string;
|
|
30
|
-
color: string;
|
|
31
|
-
borderWidth: string;
|
|
32
|
-
borderStyle: string;
|
|
33
|
-
borderColor: string;
|
|
34
|
-
_focus: {
|
|
35
|
-
boxShadow: string;
|
|
36
|
-
};
|
|
37
|
-
_hover: {
|
|
38
|
-
bg: string;
|
|
39
|
-
color: string;
|
|
40
|
-
textDecoration: string;
|
|
41
|
-
_disabled: {
|
|
42
|
-
bg: string;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
_active: {
|
|
46
|
-
bg: string;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
'@danger': (props: any) => {
|
|
50
|
-
bg: string;
|
|
51
|
-
color: string;
|
|
52
|
-
borderWidth: string;
|
|
53
|
-
borderStyle: string;
|
|
54
|
-
borderColor: string;
|
|
55
|
-
_focus: {
|
|
56
|
-
boxShadow: string;
|
|
57
|
-
};
|
|
58
|
-
_hover: {
|
|
59
|
-
bg: string;
|
|
60
|
-
color: string;
|
|
61
|
-
textDecoration: string;
|
|
62
|
-
_disabled: {
|
|
63
|
-
bg: string;
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
_active: {
|
|
67
|
-
bg: string;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
'@link': (props: any) => {
|
|
71
|
-
height: string;
|
|
72
|
-
margin: number;
|
|
73
|
-
padding: number;
|
|
74
|
-
bg: string;
|
|
75
|
-
color: string;
|
|
76
|
-
borderWidth: string;
|
|
77
|
-
borderStyle: string;
|
|
78
|
-
borderColor: string;
|
|
79
|
-
_focus: {
|
|
80
|
-
boxShadow: string;
|
|
81
|
-
};
|
|
82
|
-
_hover: {
|
|
83
|
-
bg: string;
|
|
84
|
-
color: string;
|
|
85
|
-
textDecoration: string;
|
|
86
|
-
_disabled: {
|
|
87
|
-
bg: string;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
_active: {
|
|
91
|
-
bg: string;
|
|
92
|
-
};
|
|
93
|
-
};
|
|
94
|
-
'@linkNeutral': (props: any) => {
|
|
95
|
-
height: string;
|
|
96
|
-
margin: number;
|
|
97
|
-
padding: number;
|
|
98
|
-
_hover: {
|
|
99
|
-
textDecoration: string;
|
|
100
|
-
};
|
|
101
|
-
bg: string;
|
|
102
|
-
color: string;
|
|
103
|
-
borderWidth: string;
|
|
104
|
-
borderStyle: string;
|
|
105
|
-
borderColor: string;
|
|
106
|
-
_focus: {
|
|
107
|
-
boxShadow: string;
|
|
108
|
-
};
|
|
109
|
-
_active: {
|
|
110
|
-
bg: string;
|
|
111
|
-
};
|
|
112
|
-
};
|
|
113
|
-
'@white': (props: any) => {
|
|
114
|
-
bg: string;
|
|
115
|
-
color: string;
|
|
116
|
-
borderWidth: string;
|
|
117
|
-
borderStyle: string;
|
|
118
|
-
borderColor: string;
|
|
119
|
-
_focus: {
|
|
120
|
-
boxShadow: string;
|
|
121
|
-
};
|
|
122
|
-
_hover: {
|
|
123
|
-
bg: string;
|
|
124
|
-
color: string;
|
|
125
|
-
textDecoration: string;
|
|
126
|
-
_disabled: {
|
|
127
|
-
bg: string;
|
|
128
|
-
};
|
|
129
|
-
};
|
|
130
|
-
_active: {
|
|
131
|
-
bg: string;
|
|
132
|
-
};
|
|
133
|
-
};
|
|
134
|
-
'@whiteNeutral': (props: any) => {
|
|
135
|
-
bg: string;
|
|
136
|
-
color: string;
|
|
137
|
-
borderWidth: string;
|
|
138
|
-
borderStyle: string;
|
|
139
|
-
borderColor: string;
|
|
140
|
-
_focus: {
|
|
141
|
-
boxShadow: string;
|
|
142
|
-
};
|
|
143
|
-
_hover: {
|
|
144
|
-
bg: string;
|
|
145
|
-
color: string;
|
|
146
|
-
textDecoration: string;
|
|
147
|
-
_disabled: {
|
|
148
|
-
bg: string;
|
|
149
|
-
};
|
|
150
|
-
};
|
|
151
|
-
_active: {
|
|
152
|
-
bg: string;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
ghost: (props: any) => {
|
|
156
|
-
bg: string;
|
|
157
|
-
_hover: {
|
|
158
|
-
bg: string;
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
};
|
|
162
|
-
};
|
|
163
|
-
export default _default;
|