@ctlyst.id/internal-ui 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE +201 -0
- package/README.md +1 -0
- package/dist/index.js +894 -0
- package/dist/index.mjs +20508 -0
- package/dist/types/components/breadcrumb/components/BreadCrumb.d.ts +17 -0
- package/dist/types/components/breadcrumb/index.d.ts +2 -0
- package/dist/types/components/data-table/components/data-table.d.ts +40 -0
- package/dist/types/components/data-table/components/indeterminate-checkbox.d.ts +5 -0
- package/dist/types/components/data-table/index.d.ts +2 -0
- package/dist/types/components/datepicker/components/datepicker.d.ts +17 -0
- package/dist/types/components/datepicker/components/styles.d.ts +2 -0
- package/dist/types/components/datepicker/components/time-input.d.ts +9 -0
- package/dist/types/components/datepicker/index.d.ts +2 -0
- package/dist/types/components/field/components/field.d.ts +11 -0
- package/dist/types/components/field/components/input-field.d.ts +12 -0
- package/dist/types/components/field/components/textarea-field.d.ts +12 -0
- package/dist/types/components/field/index.d.ts +6 -0
- package/dist/types/components/header/components/header.d.ts +10 -0
- package/dist/types/components/header/components/logo.d.ts +2 -0
- package/dist/types/components/header/components/profile.d.ts +8 -0
- package/dist/types/components/header/components/switch-mode.d.ts +3 -0
- package/dist/types/components/header/components/version.d.ts +9 -0
- package/dist/types/components/header/index.d.ts +2 -0
- package/dist/types/components/header/types.d.ts +10 -0
- package/dist/types/components/header/utils/formatter.d.ts +2 -0
- package/dist/types/components/index.d.ts +11 -0
- package/dist/types/components/modal/components/modal-close-button.d.ts +4 -0
- package/dist/types/components/modal/components/modal-footer.d.ts +4 -0
- package/dist/types/components/modal/components/modal-header.d.ts +4 -0
- package/dist/types/components/modal/index.d.ts +5 -0
- package/dist/types/components/navigation/components/navigation.d.ts +9 -0
- package/dist/types/components/navigation/index.d.ts +2 -0
- package/dist/types/components/navigation/types.d.ts +8 -0
- package/dist/types/components/pagination/components/pagination-button-trigger.d.ts +10 -0
- package/dist/types/components/pagination/components/pagination-button.d.ts +6 -0
- package/dist/types/components/pagination/components/pagination-detail.d.ts +10 -0
- package/dist/types/components/pagination/components/pagination-filter.d.ts +13 -0
- package/dist/types/components/pagination/components/pagination.d.ts +16 -0
- package/dist/types/components/pagination/index.d.ts +6 -0
- package/dist/types/components/select/components/select-async-creatable.d.ts +4 -0
- package/dist/types/components/select/components/select-async.d.ts +5 -0
- package/dist/types/components/select/components/select-creatable.d.ts +4 -0
- package/dist/types/components/select/components/select.d.ts +4 -0
- package/dist/types/components/select/components/utils.d.ts +26 -0
- package/dist/types/components/select/index.d.ts +8 -0
- package/dist/types/components/tabs/components/tab-list.d.ts +3 -0
- package/dist/types/components/tabs/components/tab-panel.d.ts +3 -0
- package/dist/types/components/tabs/components/tab.d.ts +11 -0
- package/dist/types/components/tabs/index.d.ts +5 -0
- package/dist/types/components/uploader/components/uploader.d.ts +12 -0
- package/dist/types/components/uploader/constants.d.ts +8 -0
- package/dist/types/components/uploader/index.d.ts +2 -0
- package/dist/types/config/index.d.ts +1 -0
- package/dist/types/config/theme/components/button.d.ts +3 -0
- package/dist/types/config/theme/components/checkbox.d.ts +3 -0
- package/dist/types/config/theme/components/form-label.d.ts +19 -0
- package/dist/types/config/theme/components/index.d.ts +8 -0
- package/dist/types/config/theme/components/input.d.ts +114 -0
- package/dist/types/config/theme/components/popover.d.ts +3 -0
- package/dist/types/config/theme/components/radio.d.ts +3 -0
- package/dist/types/config/theme/components/switch.d.ts +32 -0
- package/dist/types/config/theme/components/textarea.d.ts +3 -0
- package/dist/types/config/theme/foundations/colors.d.ts +158 -0
- package/dist/types/config/theme/foundations/index.d.ts +5 -0
- package/dist/types/config/theme/foundations/radius.d.ts +8 -0
- package/dist/types/config/theme/foundations/sizes.d.ts +66 -0
- package/dist/types/config/theme/foundations/spacing.d.ts +42 -0
- package/dist/types/config/theme/foundations/typography.d.ts +173 -0
- package/dist/types/config/theme/index.d.ts +1 -0
- package/dist/types/config/theme/themeConfiguration.d.ts +4 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/provider/index.d.ts +2 -0
- package/dist/types/provider/provider.d.ts +6 -0
- package/dist/types/provider/types.d.ts +14 -0
- package/package.json +73 -0
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
export interface BreadCrumbParentProps {
|
3
|
+
name: string;
|
4
|
+
onClick?: () => void;
|
5
|
+
disable?: boolean;
|
6
|
+
link: string;
|
7
|
+
}
|
8
|
+
export interface BreadCrumbProps {
|
9
|
+
title: string;
|
10
|
+
children?: React.ReactNode;
|
11
|
+
parents?: BreadCrumbParentProps[];
|
12
|
+
className?: string;
|
13
|
+
disableHome?: boolean;
|
14
|
+
spacing?: number;
|
15
|
+
}
|
16
|
+
declare const BreadCrumb: React.FC<BreadCrumbProps>;
|
17
|
+
export default BreadCrumb;
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import type { BoxProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps } from '@chakra-ui/react';
|
2
|
+
import type { ColumnDef, ColumnSort, SortingState } from '@tanstack/react-table';
|
3
|
+
import * as React from 'react';
|
4
|
+
export interface TableStyleProps {
|
5
|
+
table?: TableProps;
|
6
|
+
tableHead?: TableHeadProps;
|
7
|
+
tableRow?: TableRowProps;
|
8
|
+
tableBody?: TableBodyProps;
|
9
|
+
tableColumnHeader?: TableColumnHeaderProps;
|
10
|
+
tableCell?: TableCellProps;
|
11
|
+
}
|
12
|
+
export interface DataTableProps<T = unknown> extends BoxProps {
|
13
|
+
styles?: TableStyleProps;
|
14
|
+
columns: ColumnDef<T>[];
|
15
|
+
dataSource: T[] | undefined;
|
16
|
+
isLoading?: boolean;
|
17
|
+
withSelectedRow?: boolean | undefined;
|
18
|
+
onSelectedRow?: (data: T[]) => void;
|
19
|
+
onSort?: (data: ColumnSort[] | ((prevState: SortingState) => SortingState)) => void;
|
20
|
+
manualSorting?: boolean;
|
21
|
+
sortingState?: SortingState;
|
22
|
+
}
|
23
|
+
declare const DataTable: {
|
24
|
+
<P>({ columns, dataSource, isLoading, withSelectedRow, onSelectedRow, onSort, manualSorting, sortingState, styles, ...props }: DataTableProps<P>): React.ReactElement;
|
25
|
+
defaultProps: {
|
26
|
+
withSelectedRow: boolean;
|
27
|
+
overflowX: string;
|
28
|
+
pos: string;
|
29
|
+
maxW: string;
|
30
|
+
minH: number;
|
31
|
+
w: string;
|
32
|
+
styles: undefined;
|
33
|
+
isLoading: undefined;
|
34
|
+
onSelectedRow: undefined;
|
35
|
+
onSort: undefined;
|
36
|
+
manualSorting: boolean;
|
37
|
+
sortingState: never[];
|
38
|
+
};
|
39
|
+
};
|
40
|
+
export default DataTable;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ReactDatePickerProps } from 'react-datepicker';
|
3
|
+
export interface DatepickerProps extends Omit<ReactDatePickerProps, 'selectsRange'> {
|
4
|
+
id?: string;
|
5
|
+
isRequired?: boolean;
|
6
|
+
label?: string;
|
7
|
+
error?: string | React.ReactNode;
|
8
|
+
isError?: boolean;
|
9
|
+
helperText?: string | React.ReactNode;
|
10
|
+
withTime?: boolean;
|
11
|
+
onClear?: () => void;
|
12
|
+
selectsRange?: boolean;
|
13
|
+
showMonth?: boolean;
|
14
|
+
shortMonth?: boolean;
|
15
|
+
}
|
16
|
+
declare const Datepicker: React.FC<DatepickerProps>;
|
17
|
+
export default Datepicker;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { FC, PropsWithChildren, ReactNode } from 'react';
|
2
|
+
export interface Props {
|
3
|
+
label?: string | ReactNode;
|
4
|
+
isError?: boolean;
|
5
|
+
error?: string | ReactNode;
|
6
|
+
helperText?: string | ReactNode;
|
7
|
+
isRequired?: boolean;
|
8
|
+
}
|
9
|
+
export type FieldProps<T = unknown> = Props & T;
|
10
|
+
declare const Field: FC<PropsWithChildren<Props>>;
|
11
|
+
export default Field;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import type { InputProps as ChakraInputProps } from '@chakra-ui/react';
|
2
|
+
import type { ReactNode } from 'react';
|
3
|
+
import React from 'react';
|
4
|
+
import type { FieldProps } from './field';
|
5
|
+
export interface InputFieldProps extends ChakraInputProps, FieldProps {
|
6
|
+
addOnLeft?: ReactNode;
|
7
|
+
addOnRight?: ReactNode;
|
8
|
+
elementLeft?: ReactNode;
|
9
|
+
elementRight?: ReactNode;
|
10
|
+
}
|
11
|
+
declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
|
12
|
+
export default InputField;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import type { TextareaProps as ChakraTextareaProps } from '@chakra-ui/react';
|
2
|
+
import type { ReactNode } from 'react';
|
3
|
+
import React from 'react';
|
4
|
+
import type { FieldProps } from './field';
|
5
|
+
export interface TextAreaProps extends ChakraTextareaProps, FieldProps {
|
6
|
+
addOnLeft?: ReactNode;
|
7
|
+
addOnRight?: ReactNode;
|
8
|
+
elementLeft?: ReactNode;
|
9
|
+
elementRight?: ReactNode;
|
10
|
+
}
|
11
|
+
declare const TextareaField: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
12
|
+
export default TextareaField;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export { default as Field } from './components/field';
|
2
|
+
export { default as InputField } from './components/input-field';
|
3
|
+
export { default as TextareaField } from './components/textarea-field';
|
4
|
+
export * from './components/field';
|
5
|
+
export * from './components/input-field';
|
6
|
+
export * from './components/textarea-field';
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
import type { HeaderDataProps } from '../types';
|
4
|
+
export type HeaderProps = BoxProps & {
|
5
|
+
data?: HeaderDataProps;
|
6
|
+
onLogout?: () => void;
|
7
|
+
onOpenModalRelease?: () => void;
|
8
|
+
};
|
9
|
+
declare const Header: React.FC<HeaderProps>;
|
10
|
+
export default Header;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import type { Environment } from '../types';
|
3
|
+
export type VersionProps = {
|
4
|
+
environment?: Environment;
|
5
|
+
version?: string;
|
6
|
+
onOpenModalRelease?: () => void;
|
7
|
+
};
|
8
|
+
declare const Version: React.FC<VersionProps>;
|
9
|
+
export default Version;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
export * from './modal';
|
2
|
+
export * from './navigation';
|
3
|
+
export * from './header';
|
4
|
+
export * from './data-table';
|
5
|
+
export * from './pagination';
|
6
|
+
export * from './field';
|
7
|
+
export * from './select';
|
8
|
+
export * from './tabs';
|
9
|
+
export * from './uploader';
|
10
|
+
export * from './datepicker';
|
11
|
+
export * from './breadcrumb';
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { AlertDialog, AlertDialogContent, AlertDialogProps, Drawer, DrawerContent, DrawerContentProps, DrawerProps, Modal, ModalBody as AlertDialogBody, ModalBody as DrawerBody, ModalBody, ModalBodyProps, ModalCloseButton as AlertDialogCloseButton, ModalCloseButton as DrawerCloseButton, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooter as AlertDialogFooter, ModalFooter as DrawerFooter, ModalFooterProps, ModalHeader as AlertDialogHeader, ModalHeader as DrawerHeader, ModalHeaderProps, ModalOverlay as AlertDialogOverlay, ModalOverlay as DrawerOverlay, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles } from '@chakra-ui/react';
|
2
|
+
export { default as ModalCloseButton } from './components/modal-close-button';
|
3
|
+
export { default as ModalFooter } from './components/modal-footer';
|
4
|
+
export { default as ModalHeader } from './components/modal-header';
|
5
|
+
export { AlertDialog, AlertDialogBody, AlertDialogCloseButton, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogProps, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerProps, Modal, ModalBody, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles, };
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
import type { NavigationLink } from '../types';
|
4
|
+
export type NavigationProps = BoxProps & {
|
5
|
+
navigations?: NavigationLink[];
|
6
|
+
activePath: string;
|
7
|
+
};
|
8
|
+
declare const Navigation: React.FC<NavigationProps>;
|
9
|
+
export default Navigation;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
type PaginationButtonTriggerProps = {
|
3
|
+
color?: string;
|
4
|
+
isDisabled?: boolean;
|
5
|
+
onClick?: () => void;
|
6
|
+
visuallyHidden?: string;
|
7
|
+
icon?: React.ReactNode;
|
8
|
+
};
|
9
|
+
declare const PaginationButtonTrigger: React.FC<PaginationButtonTriggerProps>;
|
10
|
+
export default PaginationButtonTrigger;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { ButtonProps } from '@chakra-ui/react';
|
2
|
+
export interface PaginationButtonProps {
|
3
|
+
isActive?: boolean;
|
4
|
+
}
|
5
|
+
declare const PaginationButton: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ButtonProps>;
|
6
|
+
export default PaginationButton;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { TextProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
export interface PaginationDetailProps extends TextProps {
|
4
|
+
page: number;
|
5
|
+
/** Total limit of pages. */
|
6
|
+
limit: number;
|
7
|
+
length: number;
|
8
|
+
}
|
9
|
+
declare const PaginationDetail: React.FC<PaginationDetailProps>;
|
10
|
+
export default PaginationDetail;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
export interface PaginationFilterProps<T> {
|
3
|
+
/** Total limit of pages. */
|
4
|
+
limit?: number;
|
5
|
+
/** Label in front of select input */
|
6
|
+
label?: string;
|
7
|
+
/** Label items. */
|
8
|
+
items: T[];
|
9
|
+
/** The change handler for the select. */
|
10
|
+
onChange: (changes: T) => void;
|
11
|
+
}
|
12
|
+
declare const PaginationFilter: React.FC<PaginationFilterProps<number>>;
|
13
|
+
export default PaginationFilter;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
export interface PaginationProps {
|
3
|
+
/** Additional CSS classes to give to the pagination. */
|
4
|
+
className?: string;
|
5
|
+
/** The current page number. */
|
6
|
+
current: number;
|
7
|
+
/** Total number of pages. */
|
8
|
+
total: number;
|
9
|
+
/**
|
10
|
+
* Callback to run when a page number is selected. You can use this to e.g.
|
11
|
+
* run setState on your component's page state.
|
12
|
+
*/
|
13
|
+
onSelect?: (page: number) => void;
|
14
|
+
}
|
15
|
+
declare const Pagination: React.FC<PaginationProps>;
|
16
|
+
export default Pagination;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export { default as Pagination } from './components/pagination';
|
2
|
+
export * from './components/pagination';
|
3
|
+
export { default as PaginationDetail } from './components/pagination-detail';
|
4
|
+
export * from './components/pagination-detail';
|
5
|
+
export { default as PaginationFilter } from './components/pagination-filter';
|
6
|
+
export * from './components/pagination-filter';
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import type { GroupBase } from 'react-select';
|
2
|
+
import type { AsyncCreatableProps } from 'react-select/async-creatable';
|
3
|
+
export type SelectAsyncCreatableProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AsyncCreatableProps<Option, IsMulti, Group>;
|
4
|
+
export default function SelectAsyncCreatable<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, ...rest }: SelectAsyncCreatableProps<Option, IsMulti, Group>): JSX.Element;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import type { GroupBase } from 'react-select';
|
2
|
+
import type { AsyncPaginateProps } from 'react-select-async-paginate';
|
3
|
+
export type SelectAsyncProps<OptionType = unknown, Group extends GroupBase<OptionType> = GroupBase<OptionType>, Additional = unknown, IsMulti extends boolean = false> = AsyncPaginateProps<OptionType, Group, Additional, IsMulti>;
|
4
|
+
declare function SelectAsync<OptionType, Group extends GroupBase<OptionType>, Additional, IsMulti extends boolean = false>({ styles, ...rest }: SelectAsyncProps<OptionType, Group, Additional, IsMulti>): JSX.Element;
|
5
|
+
export default SelectAsync;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import type { GroupBase } from 'react-select';
|
2
|
+
import type { CreatableProps } from 'react-select/creatable';
|
3
|
+
export type SelectCreatableProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = CreatableProps<Option, IsMulti, Group>;
|
4
|
+
export default function SelectCreatable<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, ...rest }: SelectCreatableProps<Option, IsMulti, Group>): JSX.Element;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import type { GroupBase, Props as ReactSelectProps } from 'react-select';
|
2
|
+
export type SelectProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = ReactSelectProps<Option, IsMulti, Group>;
|
3
|
+
declare function Select<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>({ styles, ...rest }: SelectProps<OptionType, IsMulti, Group>): JSX.Element;
|
4
|
+
export default Select;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import type { ColorMode } from '@chakra-ui/system';
|
2
|
+
import type { GroupBase, StylesConfig, Theme } from 'react-select';
|
3
|
+
export declare function selectStyles<OptionType = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(colorMode?: ColorMode): StylesConfig<OptionType, IsMulti, Group> | undefined;
|
4
|
+
export declare const themeSelect: (theme: Theme) => {
|
5
|
+
colors: {
|
6
|
+
primary: string;
|
7
|
+
primary25: string;
|
8
|
+
primary50: string;
|
9
|
+
primary75: string;
|
10
|
+
danger: string;
|
11
|
+
dangerLight: string;
|
12
|
+
neutral0: string;
|
13
|
+
neutral5: string;
|
14
|
+
neutral10: string;
|
15
|
+
neutral20: string;
|
16
|
+
neutral30: string;
|
17
|
+
neutral40: string;
|
18
|
+
neutral50: string;
|
19
|
+
neutral60: string;
|
20
|
+
neutral70: string;
|
21
|
+
neutral80: string;
|
22
|
+
neutral90: string;
|
23
|
+
};
|
24
|
+
borderRadius: number;
|
25
|
+
spacing: import("react-select").ThemeSpacing;
|
26
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export { default as Select } from './components/select';
|
2
|
+
export { default as SelectAsync } from './components/select-async';
|
3
|
+
export { default as SelectCreatable } from './components/select-creatable';
|
4
|
+
export { default as SelectAsyncCreatable } from './components/select-async-creatable';
|
5
|
+
export * from './components/select';
|
6
|
+
export * from './components/select-async';
|
7
|
+
export * from './components/select-creatable';
|
8
|
+
export * from './components/select-async-creatable';
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { TabProps as ChakraTabProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
type AddonProps = {
|
4
|
+
isSelected: boolean;
|
5
|
+
};
|
6
|
+
type TabProps = ChakraTabProps & {
|
7
|
+
leftAddon?({ isSelected }: AddonProps): React.ReactNode;
|
8
|
+
rightAddon?({ isSelected }: AddonProps): React.ReactNode;
|
9
|
+
};
|
10
|
+
declare const Tab: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", TabProps>;
|
11
|
+
export default Tab;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { TabIndicator, TabIndicatorProps, TabListProps, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles } from '@chakra-ui/react';
|
2
|
+
export { default as Tab } from './components/tab';
|
3
|
+
export { default as TabPanel } from './components/tab-panel';
|
4
|
+
export { default as TabList } from './components/tab-list';
|
5
|
+
export { TabIndicator, TabIndicatorProps, TabListProps, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles, };
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import type { FlexProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
import type { DropzoneOptions, DropzoneState, FileRejection } from 'react-dropzone';
|
4
|
+
export type UploaderProps = FlexProps & DropzoneOptions & {
|
5
|
+
onHandleUploadFile?: (res: File[]) => void;
|
6
|
+
onHandleRejections?: (rejections: FileRejection[]) => void;
|
7
|
+
renderError?: (rejections: FileRejection[]) => React.ReactNode;
|
8
|
+
selected?: boolean;
|
9
|
+
};
|
10
|
+
export type UploaderState = DropzoneState;
|
11
|
+
declare const Uploader: React.FC<UploaderProps>;
|
12
|
+
export default Uploader;
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './theme';
|
@@ -0,0 +1,19 @@
|
|
1
|
+
declare const FormLabel: {
|
2
|
+
baseStyle?: {
|
3
|
+
fontSize: string;
|
4
|
+
marginEnd: number;
|
5
|
+
mb: number;
|
6
|
+
} | undefined;
|
7
|
+
sizes?: {
|
8
|
+
[key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
|
9
|
+
} | undefined;
|
10
|
+
variants?: {
|
11
|
+
[key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
|
12
|
+
} | undefined;
|
13
|
+
defaultProps?: {
|
14
|
+
size?: string | number | undefined;
|
15
|
+
variant?: string | number | undefined;
|
16
|
+
colorScheme?: string | undefined;
|
17
|
+
} | undefined;
|
18
|
+
};
|
19
|
+
export default FormLabel;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
export { default as Button } from './button';
|
2
|
+
export { default as Checkbox } from './checkbox';
|
3
|
+
export { default as FormLabel } from './form-label';
|
4
|
+
export { default as Input } from './input';
|
5
|
+
export { default as Radio } from './radio';
|
6
|
+
export { default as Switch } from './switch';
|
7
|
+
export { default as Popover } from './popover';
|
8
|
+
export { default as Textarea } from './textarea';
|