@paygreen/pgui 2.1.1 → 2.2.0
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 +38 -22
- package/dist/cjs/index.js +50946 -2674
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ActionsButton/index.d.ts +2 -2
- package/dist/cjs/types/components/Card/index.d.ts +3 -0
- package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts +13 -0
- package/dist/cjs/types/components/DataList/index.d.ts +5 -5
- package/dist/cjs/types/components/DayPicker/index.d.ts +3 -0
- package/dist/cjs/types/components/FormGroup/index.d.ts +1 -1
- package/dist/cjs/types/components/InputDayPicker/index.d.ts +16 -0
- package/dist/cjs/types/components/Pagination/index.d.ts +5 -5
- package/dist/cjs/types/components/SearchInput/index.d.ts +11 -0
- package/dist/cjs/types/components/Select/index.d.ts +116 -0
- package/dist/cjs/types/components/index.d.ts +6 -0
- package/dist/cjs/types/index.d.ts +3 -0
- package/dist/cjs/types/layout/BottomBar/index.d.ts +3 -0
- package/dist/cjs/types/layout/LayoutContainer/index.d.ts +3 -0
- package/dist/cjs/types/layout/SideNav/index.d.ts +16 -0
- package/dist/cjs/types/layout/TopBar/index.d.ts +10 -0
- package/dist/cjs/types/layout/index.d.ts +4 -0
- package/dist/cjs/types/theme/components/{Badge.d.ts → badge.d.ts} +2 -1
- package/dist/{esm/types/theme/components/Button.d.ts → cjs/types/theme/components/button.d.ts} +2 -7
- package/dist/cjs/types/theme/components/drawer.d.ts +6 -0
- package/dist/cjs/types/theme/components/index.d.ts +5 -0
- package/dist/{esm/types/theme/components/Input.d.ts → cjs/types/theme/components/input.d.ts} +2 -1
- package/dist/{esm/types/theme/components/Tag.d.ts → cjs/types/theme/components/tag.d.ts} +2 -1
- package/dist/cjs/types/theme/externals-css.d.ts +1 -0
- package/dist/cjs/types/theme/foundations/colors.d.ts +1 -0
- package/dist/cjs/types/theme/foundations/index.d.ts +118 -0
- package/dist/cjs/types/theme/foundations/radius.d.ts +11 -0
- package/dist/cjs/types/theme/foundations/sizes.d.ts +21 -0
- package/dist/cjs/types/theme/index.d.ts +2 -1
- package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts +2 -0
- package/dist/cjs/types/theme/rawStyle/index.d.ts +2 -0
- package/dist/cjs/types/theme/rawStyle/reactDayPicker.d.ts +2 -0
- package/dist/cjs/types/theme/styles.d.ts +2 -0
- package/dist/cjs/types/theme/theme.d.ts +1 -0
- package/dist/cjs/types/utils/date.d.ts +1 -0
- package/dist/cjs/types/utils/index.d.ts +2 -0
- package/dist/cjs/types/utils/responsive.d.ts +1 -0
- package/dist/esm/index.js +50902 -2675
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ActionsButton/index.d.ts +2 -2
- package/dist/esm/types/components/Card/index.d.ts +3 -0
- package/dist/esm/types/components/ConfirmMenuItem/index.d.ts +13 -0
- package/dist/esm/types/components/DataList/index.d.ts +5 -5
- package/dist/esm/types/components/DayPicker/index.d.ts +3 -0
- package/dist/esm/types/components/FormGroup/index.d.ts +1 -1
- package/dist/esm/types/components/InputDayPicker/index.d.ts +16 -0
- package/dist/esm/types/components/Pagination/index.d.ts +5 -5
- package/dist/esm/types/components/SearchInput/index.d.ts +11 -0
- package/dist/esm/types/components/Select/index.d.ts +116 -0
- package/dist/esm/types/components/index.d.ts +6 -0
- package/dist/esm/types/index.d.ts +3 -0
- package/dist/esm/types/layout/BottomBar/index.d.ts +3 -0
- package/dist/esm/types/layout/LayoutContainer/index.d.ts +3 -0
- package/dist/esm/types/layout/SideNav/index.d.ts +16 -0
- package/dist/esm/types/layout/TopBar/index.d.ts +10 -0
- package/dist/esm/types/layout/index.d.ts +4 -0
- package/dist/esm/types/theme/components/{Badge.d.ts → badge.d.ts} +2 -1
- package/dist/{cjs/types/theme/components/Button.d.ts → esm/types/theme/components/button.d.ts} +2 -7
- package/dist/esm/types/theme/components/drawer.d.ts +6 -0
- package/dist/esm/types/theme/components/index.d.ts +5 -0
- package/dist/{cjs/types/theme/components/Input.d.ts → esm/types/theme/components/input.d.ts} +2 -1
- package/dist/{cjs/types/theme/components/Tag.d.ts → esm/types/theme/components/tag.d.ts} +2 -1
- package/dist/esm/types/theme/externals-css.d.ts +1 -0
- package/dist/esm/types/theme/foundations/colors.d.ts +1 -0
- package/dist/esm/types/theme/foundations/index.d.ts +118 -0
- package/dist/esm/types/theme/foundations/radius.d.ts +11 -0
- package/dist/esm/types/theme/foundations/sizes.d.ts +21 -0
- package/dist/esm/types/theme/index.d.ts +2 -1
- package/dist/esm/types/theme/rawStyle/chakraStyle.d.ts +2 -0
- package/dist/esm/types/theme/rawStyle/index.d.ts +2 -0
- package/dist/esm/types/theme/rawStyle/reactDayPicker.d.ts +2 -0
- package/dist/esm/types/theme/styles.d.ts +2 -0
- package/dist/esm/types/theme/theme.d.ts +1 -0
- package/dist/esm/types/utils/date.d.ts +1 -0
- package/dist/esm/types/utils/index.d.ts +2 -0
- package/dist/esm/types/utils/responsive.d.ts +1 -0
- package/dist/index.d.ts +209 -13
- package/package.json +14 -8
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { IconButtonProps } from '@chakra-ui/react';
|
|
3
3
|
export declare type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
|
|
4
4
|
label: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const ActionsButton: FC<
|
|
6
|
+
export declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
|
|
3
|
+
export declare type StyledMenuItemProps = HTMLChakraProps<'button'>;
|
|
4
|
+
export declare const MenuItem: import("@chakra-ui/react").ComponentWithAs<"button", MenuItemProps>;
|
|
5
|
+
declare 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/react").ComponentWithAs<"button", ConfirmMenuItemProps>;
|
|
13
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
1
|
+
import React, { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { AccordionProps, FlexProps } from '@chakra-ui/react';
|
|
3
3
|
declare type DataListColumns = Record<string, DataListCellProps>;
|
|
4
4
|
declare type DataListContextValue = {
|
|
@@ -30,13 +30,13 @@ export declare type DataListRowProps = FlexProps & {
|
|
|
30
30
|
isVisible?: boolean | boolean[] | Record<string, boolean>;
|
|
31
31
|
isDisabled?: boolean;
|
|
32
32
|
};
|
|
33
|
-
export declare const DataListRow: FC<
|
|
33
|
+
export declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
|
|
34
34
|
export declare type DataListHeaderProps = DataListRowProps;
|
|
35
|
-
export declare const DataListHeader: FC<
|
|
35
|
+
export declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
|
|
36
36
|
export declare type DataListFooterProps = DataListRowProps;
|
|
37
|
-
export declare const DataListFooter: FC<
|
|
37
|
+
export declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
|
|
38
38
|
export declare type DataListProps = AccordionProps & {
|
|
39
39
|
isHover?: boolean;
|
|
40
40
|
};
|
|
41
|
-
export declare const DataList: FC<
|
|
41
|
+
export declare const DataList: FC<PropsWithChildren<DataListProps>>;
|
|
42
42
|
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { InputProps, PopoverProps } from '@chakra-ui/react';
|
|
3
|
+
import { DayPickerSingleProps, DaySelectionMode } from 'react-day-picker';
|
|
4
|
+
export declare type SingleDayPickerProps = {
|
|
5
|
+
mode?: DaySelectionMode;
|
|
6
|
+
} & DayPickerSingleProps;
|
|
7
|
+
export declare type InputDayPickerProps = {
|
|
8
|
+
isDisabled?: boolean;
|
|
9
|
+
popoverProps?: PopoverProps;
|
|
10
|
+
inputProps?: InputProps;
|
|
11
|
+
dayPickerProps?: SingleDayPickerProps;
|
|
12
|
+
dateFormat?: string;
|
|
13
|
+
value?: string | '';
|
|
14
|
+
onChange?: Dispatch<SetStateAction<string | undefined>>;
|
|
15
|
+
};
|
|
16
|
+
export declare const InputDayPicker: ({ isDisabled, popoverProps, inputProps, dayPickerProps, dateFormat, value, onChange, }: InputDayPickerProps) => JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
1
|
+
import React, { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { IconButtonProps, StackProps } from '@chakra-ui/react';
|
|
3
3
|
export declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
|
|
4
4
|
page?: number | undefined;
|
|
@@ -26,10 +26,10 @@ export declare type PaginationContextValue<PageType = number> = {
|
|
|
26
26
|
lastItemOnPage: number;
|
|
27
27
|
};
|
|
28
28
|
export declare const PaginationContext: React.Context<PaginationContextValue<number>>;
|
|
29
|
-
export declare const PaginationButtonFirstPage: FC<
|
|
30
|
-
export declare const PaginationButtonPrevPage: FC<
|
|
31
|
-
export declare const PaginationButtonLastPage: FC<
|
|
32
|
-
export declare const PaginationButtonNextPage: FC<
|
|
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
33
|
export declare const PaginationInfo: ({ ...rest }: {
|
|
34
34
|
[x: string]: any;
|
|
35
35
|
}) => JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputProps } from '@chakra-ui/react';
|
|
2
|
+
declare type CustomProps = {
|
|
3
|
+
value?: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onChange?(value?: string): void;
|
|
6
|
+
delay?: number;
|
|
7
|
+
clearLabel?: string;
|
|
8
|
+
};
|
|
9
|
+
declare type SearchInputProps = Overwrite<InputProps, CustomProps>;
|
|
10
|
+
export declare const SearchInput: import("@chakra-ui/react").ComponentWithAs<"input", SearchInputProps>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,116 @@
|
|
|
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 declare 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?: 'unstyled' | 'filled' | 'outlined';
|
|
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?: "unstyled" | "filled" | "outlined" | undefined;
|
|
28
|
+
} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
|
|
29
|
+
placeholder?: React.ReactNode;
|
|
30
|
+
tabIndex?: number | undefined;
|
|
31
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
32
|
+
isLoading?: boolean | undefined;
|
|
33
|
+
isDisabled?: boolean | undefined;
|
|
34
|
+
components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
|
|
35
|
+
pageSize?: number | undefined;
|
|
36
|
+
backspaceRemovesValue?: boolean | undefined;
|
|
37
|
+
blurInputOnSelect?: boolean | undefined;
|
|
38
|
+
captureMenuScroll?: boolean | undefined;
|
|
39
|
+
closeMenuOnSelect?: boolean | undefined;
|
|
40
|
+
closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
|
|
41
|
+
controlShouldRenderValue?: boolean | undefined;
|
|
42
|
+
escapeClearsValue?: boolean | undefined;
|
|
43
|
+
filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
|
|
44
|
+
formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
|
|
45
|
+
getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
|
|
46
|
+
getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
|
|
47
|
+
isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
|
|
48
|
+
isMulti?: IsMulti | undefined;
|
|
49
|
+
isRtl?: boolean | undefined;
|
|
50
|
+
isSearchable?: boolean | undefined;
|
|
51
|
+
loadingMessage?: ((obj: {
|
|
52
|
+
inputValue: string;
|
|
53
|
+
}) => React.ReactNode) | undefined;
|
|
54
|
+
minMenuHeight?: number | undefined;
|
|
55
|
+
maxMenuHeight?: number | undefined;
|
|
56
|
+
menuIsOpen?: boolean | undefined;
|
|
57
|
+
menuPlacement?: import("react-select").MenuPlacement | undefined;
|
|
58
|
+
menuPosition?: import("react-select").MenuPosition | undefined;
|
|
59
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
60
|
+
menuShouldScrollIntoView?: boolean | undefined;
|
|
61
|
+
noOptionsMessage?: ((obj: {
|
|
62
|
+
inputValue: string;
|
|
63
|
+
}) => React.ReactNode) | undefined;
|
|
64
|
+
openMenuOnFocus?: boolean | undefined;
|
|
65
|
+
openMenuOnClick?: boolean | undefined;
|
|
66
|
+
options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
|
|
67
|
+
screenReaderStatus?: ((obj: {
|
|
68
|
+
count: number;
|
|
69
|
+
}) => string) | undefined;
|
|
70
|
+
styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
|
|
71
|
+
tabSelectsValue?: boolean | undefined;
|
|
72
|
+
} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "autoFocus" | "name" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
|
|
73
|
+
placeholder?: React.ReactNode;
|
|
74
|
+
tabIndex?: number | undefined;
|
|
75
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
76
|
+
isLoading?: boolean | undefined;
|
|
77
|
+
isDisabled?: boolean | undefined;
|
|
78
|
+
components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
|
|
79
|
+
pageSize?: number | undefined;
|
|
80
|
+
backspaceRemovesValue?: boolean | undefined;
|
|
81
|
+
blurInputOnSelect?: boolean | undefined;
|
|
82
|
+
captureMenuScroll?: boolean | undefined;
|
|
83
|
+
closeMenuOnSelect?: boolean | undefined;
|
|
84
|
+
closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
|
|
85
|
+
controlShouldRenderValue?: boolean | undefined;
|
|
86
|
+
escapeClearsValue?: boolean | undefined;
|
|
87
|
+
filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
|
|
88
|
+
formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
|
|
89
|
+
getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
|
|
90
|
+
getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
|
|
91
|
+
isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
|
|
92
|
+
isMulti?: IsMulti | undefined;
|
|
93
|
+
isRtl?: boolean | undefined;
|
|
94
|
+
isSearchable?: boolean | undefined;
|
|
95
|
+
loadingMessage?: ((obj: {
|
|
96
|
+
inputValue: string;
|
|
97
|
+
}) => React.ReactNode) | undefined;
|
|
98
|
+
minMenuHeight?: number | undefined;
|
|
99
|
+
maxMenuHeight?: number | undefined;
|
|
100
|
+
menuIsOpen?: boolean | undefined;
|
|
101
|
+
menuPlacement?: import("react-select").MenuPlacement | undefined;
|
|
102
|
+
menuPosition?: import("react-select").MenuPosition | undefined;
|
|
103
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
104
|
+
menuShouldScrollIntoView?: boolean | undefined;
|
|
105
|
+
noOptionsMessage?: ((obj: {
|
|
106
|
+
inputValue: string;
|
|
107
|
+
}) => React.ReactNode) | undefined;
|
|
108
|
+
openMenuOnFocus?: boolean | undefined;
|
|
109
|
+
openMenuOnClick?: boolean | undefined;
|
|
110
|
+
options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
|
|
111
|
+
screenReaderStatus?: ((obj: {
|
|
112
|
+
count: number;
|
|
113
|
+
}) => string) | undefined;
|
|
114
|
+
styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
|
|
115
|
+
tabSelectsValue?: boolean | undefined;
|
|
116
|
+
} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
export * from './ActionsButton';
|
|
2
|
+
export * from './Card';
|
|
3
|
+
export * from './ConfirmMenuItem';
|
|
2
4
|
export * from './DataList';
|
|
5
|
+
export * from './DayPicker';
|
|
3
6
|
export * from './FormGroup';
|
|
7
|
+
export * from './InputDayPicker';
|
|
4
8
|
export * from './Pagination';
|
|
9
|
+
export * from './SearchInput';
|
|
10
|
+
export * from './Select';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps, DrawerContentProps, FlexProps, StackProps } from '@chakra-ui/react';
|
|
3
|
+
export declare type SideNavProps = {
|
|
4
|
+
isMobileMenuOpen: boolean;
|
|
5
|
+
onMobileMenuClose: () => void;
|
|
6
|
+
} & FlexProps & DrawerContentProps;
|
|
7
|
+
export declare type SideNavMenuItemProps = {
|
|
8
|
+
isActive?: boolean;
|
|
9
|
+
} & ButtonProps;
|
|
10
|
+
export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
|
|
11
|
+
export declare const SideNavContainer: (props: StackProps) => JSX.Element;
|
|
12
|
+
export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
|
|
13
|
+
export declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
|
|
14
|
+
export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
|
|
15
|
+
export declare const SideNavMenu: ({ title, children, ...rest }: StackProps) => JSX.Element;
|
|
16
|
+
export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactComponentElement } from 'react';
|
|
2
|
+
import { FlexProps, StackProps } from '@chakra-ui/react';
|
|
3
|
+
export declare type TopBarBackActionProps = {
|
|
4
|
+
backAction?: () => void;
|
|
5
|
+
rightInformation?: ReactComponentElement<any>;
|
|
6
|
+
} & FlexProps;
|
|
7
|
+
export declare const TopBar: (props: StackProps) => JSX.Element;
|
|
8
|
+
export declare const TopBarFirstElement: (props: FlexProps) => JSX.Element;
|
|
9
|
+
export declare const TopBarLastElement: (props: StackProps) => JSX.Element;
|
|
10
|
+
export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => JSX.Element;
|
package/dist/{cjs/types/theme/components/Button.d.ts → esm/types/theme/components/button.d.ts}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
declare const _default: {
|
|
2
2
|
baseStyle: {
|
|
3
3
|
borderRadius: string;
|
|
4
4
|
fontWeight: string;
|
|
@@ -91,9 +91,6 @@ export declare const Button: {
|
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
93
|
'@white': (props: any) => {
|
|
94
|
-
borderWidth: string;
|
|
95
|
-
borderStyle: string;
|
|
96
|
-
borderColor: string;
|
|
97
94
|
bg: string;
|
|
98
95
|
color: string;
|
|
99
96
|
_focus: {
|
|
@@ -111,9 +108,6 @@ export declare const Button: {
|
|
|
111
108
|
};
|
|
112
109
|
};
|
|
113
110
|
'@whiteNeutral': (props: any) => {
|
|
114
|
-
borderWidth: string;
|
|
115
|
-
borderStyle: string;
|
|
116
|
-
borderColor: string;
|
|
117
111
|
bg: string;
|
|
118
112
|
color: string;
|
|
119
113
|
_focus: {
|
|
@@ -138,3 +132,4 @@ export declare const Button: {
|
|
|
138
132
|
};
|
|
139
133
|
};
|
|
140
134
|
};
|
|
135
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import 'react-day-picker/dist/style.css';
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
declare const foundations: {
|
|
2
|
+
sizes: {
|
|
3
|
+
max: string;
|
|
4
|
+
min: string;
|
|
5
|
+
full: string;
|
|
6
|
+
'3xs': string;
|
|
7
|
+
'2xs': string;
|
|
8
|
+
xs: string;
|
|
9
|
+
nav: string;
|
|
10
|
+
sm: string;
|
|
11
|
+
md: string;
|
|
12
|
+
lg: string;
|
|
13
|
+
xl: string;
|
|
14
|
+
'2xl': string;
|
|
15
|
+
'3xl': string;
|
|
16
|
+
'4xl': string;
|
|
17
|
+
'5xl': string;
|
|
18
|
+
'6xl': string;
|
|
19
|
+
'7xl': string;
|
|
20
|
+
'8xl': string;
|
|
21
|
+
};
|
|
22
|
+
shadows: {
|
|
23
|
+
xs: string;
|
|
24
|
+
sm: string;
|
|
25
|
+
base: string;
|
|
26
|
+
md: string;
|
|
27
|
+
lg: string;
|
|
28
|
+
xl: string;
|
|
29
|
+
'2xl': string;
|
|
30
|
+
layout: string;
|
|
31
|
+
};
|
|
32
|
+
radii: {
|
|
33
|
+
none: string;
|
|
34
|
+
sm: string;
|
|
35
|
+
base: string;
|
|
36
|
+
md: string;
|
|
37
|
+
lg: string;
|
|
38
|
+
xl: string;
|
|
39
|
+
'2xl': string;
|
|
40
|
+
'3xl': string;
|
|
41
|
+
full: string;
|
|
42
|
+
};
|
|
43
|
+
fonts: {
|
|
44
|
+
heading: string;
|
|
45
|
+
body: string;
|
|
46
|
+
mono: string;
|
|
47
|
+
};
|
|
48
|
+
fontSizes: {
|
|
49
|
+
'2xs': string;
|
|
50
|
+
};
|
|
51
|
+
colors: {
|
|
52
|
+
brand: {
|
|
53
|
+
50: string;
|
|
54
|
+
100: string;
|
|
55
|
+
200: string;
|
|
56
|
+
300: string;
|
|
57
|
+
400: string;
|
|
58
|
+
500: string;
|
|
59
|
+
600: string;
|
|
60
|
+
700: string;
|
|
61
|
+
800: string;
|
|
62
|
+
900: string;
|
|
63
|
+
};
|
|
64
|
+
gray: {
|
|
65
|
+
50: string;
|
|
66
|
+
100: string;
|
|
67
|
+
200: string;
|
|
68
|
+
300: string;
|
|
69
|
+
400: string;
|
|
70
|
+
500: string;
|
|
71
|
+
600: string;
|
|
72
|
+
700: string;
|
|
73
|
+
800: string;
|
|
74
|
+
900: string;
|
|
75
|
+
};
|
|
76
|
+
red: {
|
|
77
|
+
50: string;
|
|
78
|
+
100: string;
|
|
79
|
+
200: string;
|
|
80
|
+
300: string;
|
|
81
|
+
400: string;
|
|
82
|
+
500: string;
|
|
83
|
+
600: string;
|
|
84
|
+
700: string;
|
|
85
|
+
800: string;
|
|
86
|
+
900: string;
|
|
87
|
+
};
|
|
88
|
+
orange: {
|
|
89
|
+
50: string;
|
|
90
|
+
100: string;
|
|
91
|
+
200: string;
|
|
92
|
+
300: string;
|
|
93
|
+
400: string;
|
|
94
|
+
500: string;
|
|
95
|
+
600: string;
|
|
96
|
+
700: string;
|
|
97
|
+
800: string;
|
|
98
|
+
900: string;
|
|
99
|
+
};
|
|
100
|
+
green: {
|
|
101
|
+
50: string;
|
|
102
|
+
100: string;
|
|
103
|
+
200: string;
|
|
104
|
+
300: string;
|
|
105
|
+
400: string;
|
|
106
|
+
500: string;
|
|
107
|
+
600: string;
|
|
108
|
+
700: string;
|
|
109
|
+
800: string;
|
|
110
|
+
900: string;
|
|
111
|
+
};
|
|
112
|
+
gradients: {
|
|
113
|
+
primary: string;
|
|
114
|
+
};
|
|
115
|
+
background: string;
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
export default foundations;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
max: string;
|
|
3
|
+
min: string;
|
|
4
|
+
full: string;
|
|
5
|
+
'3xs': string;
|
|
6
|
+
'2xs': string;
|
|
7
|
+
xs: string;
|
|
8
|
+
nav: string;
|
|
9
|
+
sm: string;
|
|
10
|
+
md: string;
|
|
11
|
+
lg: string;
|
|
12
|
+
xl: string;
|
|
13
|
+
'2xl': string;
|
|
14
|
+
'3xl': string;
|
|
15
|
+
'4xl': string;
|
|
16
|
+
'5xl': string;
|
|
17
|
+
'6xl': string;
|
|
18
|
+
'7xl': string;
|
|
19
|
+
'8xl': string;
|
|
20
|
+
};
|
|
21
|
+
export default _default;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import './externals-css';
|
|
2
|
+
export * from './theme';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const theme: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const dateFormat = "dd/MM/yyyy";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useIsMobile: (currentBreakpoint: string) => boolean;
|