@ctlyst.id/internal-ui 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +1 -0
  3. package/dist/index.js +894 -0
  4. package/dist/index.mjs +20508 -0
  5. package/dist/types/components/breadcrumb/components/BreadCrumb.d.ts +17 -0
  6. package/dist/types/components/breadcrumb/index.d.ts +2 -0
  7. package/dist/types/components/data-table/components/data-table.d.ts +40 -0
  8. package/dist/types/components/data-table/components/indeterminate-checkbox.d.ts +5 -0
  9. package/dist/types/components/data-table/index.d.ts +2 -0
  10. package/dist/types/components/datepicker/components/datepicker.d.ts +17 -0
  11. package/dist/types/components/datepicker/components/styles.d.ts +2 -0
  12. package/dist/types/components/datepicker/components/time-input.d.ts +9 -0
  13. package/dist/types/components/datepicker/index.d.ts +2 -0
  14. package/dist/types/components/field/components/field.d.ts +11 -0
  15. package/dist/types/components/field/components/input-field.d.ts +12 -0
  16. package/dist/types/components/field/components/textarea-field.d.ts +12 -0
  17. package/dist/types/components/field/index.d.ts +6 -0
  18. package/dist/types/components/header/components/header.d.ts +10 -0
  19. package/dist/types/components/header/components/logo.d.ts +2 -0
  20. package/dist/types/components/header/components/profile.d.ts +8 -0
  21. package/dist/types/components/header/components/switch-mode.d.ts +3 -0
  22. package/dist/types/components/header/components/version.d.ts +9 -0
  23. package/dist/types/components/header/index.d.ts +2 -0
  24. package/dist/types/components/header/types.d.ts +10 -0
  25. package/dist/types/components/header/utils/formatter.d.ts +2 -0
  26. package/dist/types/components/index.d.ts +11 -0
  27. package/dist/types/components/modal/components/modal-close-button.d.ts +4 -0
  28. package/dist/types/components/modal/components/modal-footer.d.ts +4 -0
  29. package/dist/types/components/modal/components/modal-header.d.ts +4 -0
  30. package/dist/types/components/modal/index.d.ts +5 -0
  31. package/dist/types/components/navigation/components/navigation.d.ts +9 -0
  32. package/dist/types/components/navigation/index.d.ts +2 -0
  33. package/dist/types/components/navigation/types.d.ts +8 -0
  34. package/dist/types/components/pagination/components/pagination-button-trigger.d.ts +10 -0
  35. package/dist/types/components/pagination/components/pagination-button.d.ts +6 -0
  36. package/dist/types/components/pagination/components/pagination-detail.d.ts +10 -0
  37. package/dist/types/components/pagination/components/pagination-filter.d.ts +13 -0
  38. package/dist/types/components/pagination/components/pagination.d.ts +16 -0
  39. package/dist/types/components/pagination/index.d.ts +6 -0
  40. package/dist/types/components/select/components/select-async-creatable.d.ts +4 -0
  41. package/dist/types/components/select/components/select-async.d.ts +5 -0
  42. package/dist/types/components/select/components/select-creatable.d.ts +4 -0
  43. package/dist/types/components/select/components/select.d.ts +4 -0
  44. package/dist/types/components/select/components/utils.d.ts +26 -0
  45. package/dist/types/components/select/index.d.ts +8 -0
  46. package/dist/types/components/tabs/components/tab-list.d.ts +3 -0
  47. package/dist/types/components/tabs/components/tab-panel.d.ts +3 -0
  48. package/dist/types/components/tabs/components/tab.d.ts +11 -0
  49. package/dist/types/components/tabs/index.d.ts +5 -0
  50. package/dist/types/components/uploader/components/uploader.d.ts +12 -0
  51. package/dist/types/components/uploader/constants.d.ts +8 -0
  52. package/dist/types/components/uploader/index.d.ts +2 -0
  53. package/dist/types/config/index.d.ts +1 -0
  54. package/dist/types/config/theme/components/button.d.ts +3 -0
  55. package/dist/types/config/theme/components/checkbox.d.ts +3 -0
  56. package/dist/types/config/theme/components/form-label.d.ts +19 -0
  57. package/dist/types/config/theme/components/index.d.ts +8 -0
  58. package/dist/types/config/theme/components/input.d.ts +114 -0
  59. package/dist/types/config/theme/components/popover.d.ts +3 -0
  60. package/dist/types/config/theme/components/radio.d.ts +3 -0
  61. package/dist/types/config/theme/components/switch.d.ts +32 -0
  62. package/dist/types/config/theme/components/textarea.d.ts +3 -0
  63. package/dist/types/config/theme/foundations/colors.d.ts +158 -0
  64. package/dist/types/config/theme/foundations/index.d.ts +5 -0
  65. package/dist/types/config/theme/foundations/radius.d.ts +8 -0
  66. package/dist/types/config/theme/foundations/sizes.d.ts +66 -0
  67. package/dist/types/config/theme/foundations/spacing.d.ts +42 -0
  68. package/dist/types/config/theme/foundations/typography.d.ts +173 -0
  69. package/dist/types/config/theme/index.d.ts +1 -0
  70. package/dist/types/config/theme/themeConfiguration.d.ts +4 -0
  71. package/dist/types/index.d.ts +3 -0
  72. package/dist/types/provider/index.d.ts +2 -0
  73. package/dist/types/provider/provider.d.ts +6 -0
  74. package/dist/types/provider/types.d.ts +14 -0
  75. 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,2 @@
1
+ export { default as BreadCrumb } from './components/BreadCrumb';
2
+ export * from './components/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,5 @@
1
+ import * as React from 'react';
2
+ declare const IndeterminateCheckbox: ({ indeterminate, ...rest }: {
3
+ indeterminate: boolean;
4
+ } & React.HTMLProps<HTMLInputElement>) => JSX.Element;
5
+ export default IndeterminateCheckbox;
@@ -0,0 +1,2 @@
1
+ export { default as DataTable } from './components/data-table';
2
+ export * from './components/data-table';
@@ -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,2 @@
1
+ declare const Styles: () => JSX.Element;
2
+ export default Styles;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface TimeInputProps {
3
+ value?: string;
4
+ onChange?: (time: string) => void;
5
+ label?: string;
6
+ rightAddon?: React.ReactNode | string;
7
+ }
8
+ declare const TimeInput: React.FC<TimeInputProps>;
9
+ export default TimeInput;
@@ -0,0 +1,2 @@
1
+ export { default as Datepicker } from './components/datepicker';
2
+ export * from './components/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,2 @@
1
+ export declare const XMSLogo: () => JSX.Element;
2
+ export declare const VoilaLogo: () => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import type { HeaderDataProps } from '../types';
3
+ export type ProfileProps = {
4
+ data?: HeaderDataProps;
5
+ onLogout?: () => void;
6
+ };
7
+ declare const Profile: React.FC<ProfileProps>;
8
+ export default Profile;
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare const SwitchMode: React.FC;
3
+ export default SwitchMode;
@@ -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,2 @@
1
+ export { default as Header } from './components/header';
2
+ export * from './components/header';
@@ -0,0 +1,10 @@
1
+ export type Environment = 'DEVELOPMENT' | 'STAGING' | 'PRODUCTION';
2
+ export type HeaderDataProps = {
3
+ environment?: Environment;
4
+ version?: string;
5
+ email?: string;
6
+ name?: string;
7
+ userRole?: string;
8
+ office?: string;
9
+ avatarUrl?: string;
10
+ };
@@ -0,0 +1,2 @@
1
+ import type { Environment } from '../types';
2
+ export declare function environmentName(env?: Environment): "Dev" | "Staging" | null;
@@ -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,4 @@
1
+ /// <reference types="react" />
2
+ import type { ButtonProps } from '@chakra-ui/react';
3
+ declare const ModalCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
4
+ export default ModalCloseButton;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type { ModalFooterProps } from '@chakra-ui/react';
3
+ declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ export default ModalFooter;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type { ModalHeaderProps } from '@chakra-ui/react';
3
+ declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ export default ModalHeader;
@@ -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,2 @@
1
+ export { default as MainMenu } from './components/navigation';
2
+ export * from './components/navigation';
@@ -0,0 +1,8 @@
1
+ import type { IconType } from 'react-icons/lib';
2
+ export type NavigationLink = {
3
+ title: string;
4
+ icon: IconType;
5
+ navLink?: string;
6
+ navHost?: string;
7
+ children?: Omit<NavigationLink, 'children'>[];
8
+ };
@@ -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,3 @@
1
+ import type { TabListProps } from '@chakra-ui/react';
2
+ declare const TabList: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", TabListProps>;
3
+ export default TabList;
@@ -0,0 +1,3 @@
1
+ import type { TabPanelProps } from '@chakra-ui/react';
2
+ declare const TabPanel: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", TabPanelProps>;
3
+ export default TabPanel;
@@ -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,8 @@
1
+ export declare const ONE_MEGA_BYTE = 1000000;
2
+ export declare const messages: {
3
+ dragActive: string;
4
+ dragInActive: string;
5
+ dragReplace: string;
6
+ replaceFile: string;
7
+ uploadFile: string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Uploader } from './components/uploader';
2
+ export * from './components/uploader';
@@ -0,0 +1 @@
1
+ export * from './theme';
@@ -0,0 +1,3 @@
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Button: ComponentStyleConfig;
3
+ export default Button;
@@ -0,0 +1,3 @@
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Checkbox: ComponentStyleConfig;
3
+ export default Checkbox;
@@ -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';