@ctlyst.id/internal-ui 2.1.11-canary.0 → 2.1.11-canary.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/accordion/__stories__/accordion.stories.d.ts +9 -0
- package/dist/components/accordion/components/accordion-indicator.d.ts +1 -0
- package/dist/components/accordion/components/index.d.ts +2 -0
- package/dist/components/accordion/index.d.ts +1 -0
- package/dist/components/alert/__stories__/alert.stories.d.ts +11 -0
- package/dist/components/alert/components/alert-action.d.ts +6 -0
- package/dist/components/alert/components/alert-close.d.ts +6 -0
- package/dist/components/alert/components/alert-context.d.ts +33 -0
- package/dist/components/alert/components/alert-description.d.ts +3 -0
- package/dist/components/alert/components/alert-icon.d.ts +6 -0
- package/dist/components/alert/components/alert-title.d.ts +3 -0
- package/dist/components/alert/components/alert.d.ts +25 -0
- package/dist/components/alert/components/icons.d.ts +3 -0
- package/dist/components/alert/components/index.d.ts +14 -0
- package/dist/components/alert/index.d.ts +1 -0
- package/dist/components/anchor/__stories__/anchor.stories.d.ts +9 -0
- package/dist/components/anchor/components/anchor.d.ts +20 -0
- package/dist/components/anchor/components/index.d.ts +1 -0
- package/dist/components/anchor/index.d.ts +1 -0
- package/dist/components/badge/__stories__/badge.stories.d.ts +15 -0
- package/dist/components/badge/components/badge.d.ts +11 -0
- package/dist/components/badge/components/index.d.ts +1 -0
- package/dist/components/badge/index.d.ts +1 -0
- package/dist/components/breadcrumb/__stories__/breadcrumb.stories.d.ts +8 -0
- package/dist/components/breadcrumb/components/bread-crumb.d.ts +18 -0
- package/dist/components/breadcrumb/index.d.ts +2 -0
- package/dist/components/button/__stories__/button.stories.d.ts +12 -0
- package/dist/components/button/components/button.d.ts +4 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/card/__stories__/card.stories.d.ts +8 -0
- package/dist/components/card/components/card.d.ts +8 -0
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/checkbox/__stories__/checkbox.stories.d.ts +13 -0
- package/dist/components/checkbox/components/checkbox-group.d.ts +18 -0
- package/dist/components/checkbox/components/checkbox.d.ts +10 -0
- package/dist/components/checkbox/index.d.ts +5 -0
- package/dist/components/chips/__stories__/chips.stories.d.ts +9 -0
- package/dist/components/chips/components/chips.d.ts +19 -0
- package/dist/components/chips/index.d.ts +2 -0
- package/dist/components/collapse/__stories__/collapse.stories.d.ts +7 -0
- package/dist/components/counter/__stories__/counter.stories.d.ts +10 -0
- package/dist/components/counter/components/counter.d.ts +15 -0
- package/dist/components/counter/index.d.ts +1 -0
- package/dist/components/data-table/__stories__/datatable.stories.d.ts +22 -0
- package/dist/components/data-table/components/data-table.d.ts +36 -0
- package/dist/components/data-table/index.d.ts +2 -0
- package/dist/components/datepicker/__stories__/datepicker.stories.d.ts +13 -0
- package/dist/components/datepicker/components/datepicker-month/datepicker-month.d.ts +9 -0
- package/dist/components/datepicker/components/datepicker-month/index.d.ts +4 -0
- package/dist/components/datepicker/components/datepicker-month/multi-datepicker-month.d.ts +9 -0
- package/dist/components/datepicker/components/datepicker.d.ts +17 -0
- package/dist/components/datepicker/components/styles.d.ts +2 -0
- package/dist/components/datepicker/components/time-input.d.ts +9 -0
- package/dist/components/datepicker/index.d.ts +3 -0
- package/dist/components/dialog/__stories__/dialog.stories.d.ts +7 -0
- package/dist/components/dialog/components/dialog.d.ts +12 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/empty-state/__stories__/dialog.stories.d.ts +7 -0
- package/dist/components/field/__stories__/field.stories.d.ts +7 -0
- package/dist/components/field/components/field.d.ts +15 -0
- package/dist/components/field/index.d.ts +2 -0
- package/dist/components/form/__stories__/input.stories.d.ts +15 -0
- package/dist/components/form/__stories__/textarea.stories.d.ts +7 -0
- package/dist/components/form/components/input-addon.d.ts +7 -0
- package/dist/components/form/components/input-element.d.ts +2 -0
- package/dist/components/form/components/input-field.d.ts +13 -0
- package/dist/components/form/components/textarea.d.ts +8 -0
- package/dist/components/form/index.d.ts +7 -0
- package/dist/components/form/styles/input-field.d.ts +4 -0
- package/dist/components/header/__stories__/header.stories.d.ts +9 -0
- package/dist/components/header/components/header.d.ts +19 -0
- package/dist/components/header/components/logo.d.ts +10 -0
- package/dist/components/header/components/profile.d.ts +11 -0
- package/dist/components/header/components/switch-mode.d.ts +3 -0
- package/dist/components/header/components/version.d.ts +10 -0
- package/dist/components/header/index.d.ts +3 -0
- package/dist/components/header/types.d.ts +10 -0
- package/dist/components/header/utils/formatter.d.ts +2 -0
- package/dist/components/image/__stories__/image.stories.d.ts +9 -0
- package/dist/components/image/index.d.ts +1 -0
- package/dist/components/index.d.ts +34 -0
- package/dist/components/layouting/index.d.ts +1 -0
- package/dist/components/list/index.d.ts +1 -0
- package/dist/components/loader/__stories__/loader.stories.d.ts +9 -0
- package/dist/components/loader/components/loader.d.ts +10 -0
- package/dist/components/loader/index.d.ts +3 -0
- package/dist/components/modal/__stories__/modal.stories.d.ts +7 -0
- package/dist/components/modal/components/modal-body.d.ts +4 -0
- package/dist/components/modal/components/modal-close-button.d.ts +4 -0
- package/dist/components/modal/components/modal-footer.d.ts +4 -0
- package/dist/components/modal/components/modal-header.d.ts +4 -0
- package/dist/components/modal/index.d.ts +5 -0
- package/dist/components/navigation/__stories__/navigation.stories.d.ts +8 -0
- package/dist/components/navigation/components/customer-icon.d.ts +2 -0
- package/dist/components/navigation/components/mapping-icon.d.ts +2 -0
- package/dist/components/navigation/components/navigation-bar.d.ts +12 -0
- package/dist/components/navigation/components/navigation.d.ts +11 -0
- package/dist/components/navigation/index.d.ts +4 -0
- package/dist/components/navigation/types.d.ts +24 -0
- package/dist/components/pagination/__stories__/pagination.stories.d.ts +10 -0
- package/dist/components/pagination/components/pagination-button-trigger.d.ts +10 -0
- package/dist/components/pagination/components/pagination-button.d.ts +6 -0
- package/dist/components/pagination/components/pagination-detail.d.ts +10 -0
- package/dist/components/pagination/components/pagination-filter.d.ts +13 -0
- package/dist/components/pagination/components/pagination.d.ts +16 -0
- package/dist/components/pagination/index.d.ts +6 -0
- package/dist/components/popover/index.d.ts +1 -0
- package/dist/components/radio/__stories__/radio.stories.d.ts +13 -0
- package/dist/components/radio/components/radio-group.d.ts +18 -0
- package/dist/components/radio/components/radio.d.ts +17 -0
- package/dist/components/radio/index.d.ts +3 -0
- package/dist/components/rating/__stories__/rating.stories.d.ts +7 -0
- package/dist/components/rating/components/rating.d.ts +6 -0
- package/dist/components/rating/index.d.ts +2 -0
- package/dist/components/select/__stories__/select.stories.d.ts +10 -0
- package/dist/components/select/components/select-async-creatable.d.ts +5 -0
- package/dist/components/select/components/select-async.d.ts +6 -0
- package/dist/components/select/components/select-creatable.d.ts +5 -0
- package/dist/components/select/components/select-wrapper.d.ts +6 -0
- package/dist/components/select/components/select.d.ts +5 -0
- package/dist/components/select/components/types/select.types.d.ts +3 -0
- package/dist/components/select/components/utils.d.ts +26 -0
- package/dist/components/select/index.d.ts +8 -0
- package/dist/components/switch/__stories__/switch.stories.d.ts +10 -0
- package/dist/components/switch/components/switch.d.ts +18 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/tabs/__stories__/tabs.stories.d.ts +8 -0
- package/dist/components/tabs/components/tab.d.ts +12 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/toast/__stories__/toast.stories.d.ts +12 -0
- package/dist/components/toast/components/toast.d.ts +21 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/tooltip/__stories__/tooltip.stories.d.ts +7 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/uploader/__stories__/uploader.stories.d.ts +9 -0
- package/dist/components/uploader/components/uploader.d.ts +12 -0
- package/dist/components/uploader/constants.d.ts +8 -0
- package/dist/components/uploader/index.d.ts +2 -0
- package/dist/config/__stories__/foundations.stories.d.ts +15 -0
- package/dist/config/__stories__/globals.stories.d.ts +10 -0
- package/dist/config/index.d.ts +1 -0
- package/dist/config/theme/components/accordion.d.ts +53 -0
- package/dist/config/theme/components/alert.d.ts +69 -0
- package/dist/config/theme/components/badge.d.ts +3 -0
- package/dist/config/theme/components/button.d.ts +3 -0
- package/dist/config/theme/components/card.d.ts +18 -0
- package/dist/config/theme/components/checkbox.d.ts +101 -0
- package/dist/config/theme/components/chips.d.ts +34 -0
- package/dist/config/theme/components/form-label.d.ts +20 -0
- package/dist/config/theme/components/index.d.ts +16 -0
- package/dist/config/theme/components/input.d.ts +101 -0
- package/dist/config/theme/components/loader.d.ts +85 -0
- package/dist/config/theme/components/popover.d.ts +3 -0
- package/dist/config/theme/components/radio.d.ts +102 -0
- package/dist/config/theme/components/switch.d.ts +75 -0
- package/dist/config/theme/components/table.d.ts +197 -0
- package/dist/config/theme/components/tabs.d.ts +30 -0
- package/dist/config/theme/components/textarea.d.ts +55 -0
- package/dist/config/theme/foundations/index.d.ts +5 -0
- package/dist/config/theme/foundations/radius.d.ts +8 -0
- package/dist/config/theme/foundations/shadows.d.ts +15 -0
- package/dist/config/theme/foundations/sizes.d.ts +66 -0
- package/dist/config/theme/foundations/spacing.d.ts +42 -0
- package/dist/config/theme/foundations/typography.d.ts +191 -0
- package/dist/config/theme/index.d.ts +1 -0
- package/dist/config/theme/themeConfiguration.d.ts +6 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useFetcher.d.ts +4 -0
- package/dist/interfaces/common.d.ts +17 -0
- package/dist/internal-ui.cjs.development.js +6217 -0
- package/dist/internal-ui.cjs.development.js.map +1 -0
- package/dist/internal-ui.cjs.production.min.js +38 -0
- package/dist/internal-ui.cjs.production.min.js.map +1 -0
- package/dist/internal-ui.esm.js +5179 -0
- package/dist/internal-ui.esm.js.map +1 -0
- package/dist/provider/__stories__/provider.stories.d.ts +13 -0
- package/dist/provider/components/provider.d.ts +7 -0
- package/dist/provider/index.d.ts +3 -0
- package/dist/provider/types.d.ts +14 -0
- package/package.json +5 -5
@@ -0,0 +1,15 @@
|
|
1
|
+
import type { FormControlProps } from '@chakra-ui/react';
|
2
|
+
import type { FC, PropsWithChildren, ReactNode } from 'react';
|
3
|
+
export interface Props {
|
4
|
+
label?: string | ReactNode;
|
5
|
+
isError?: boolean;
|
6
|
+
isSuccess?: boolean;
|
7
|
+
errorMessage?: string | ReactNode;
|
8
|
+
leftHelperText?: string | ReactNode;
|
9
|
+
rightHelperText?: string | ReactNode;
|
10
|
+
isRequired?: boolean;
|
11
|
+
boxProps?: FormControlProps;
|
12
|
+
}
|
13
|
+
export declare type FieldProps<T = unknown> = Props & T;
|
14
|
+
declare const Field: FC<PropsWithChildren<Props>>;
|
15
|
+
export default Field;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
chakra: {
|
4
|
+
theme: Record<string, any>;
|
5
|
+
};
|
6
|
+
title: string;
|
7
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
8
|
+
};
|
9
|
+
export default _default;
|
10
|
+
export declare const Default: () => JSX.Element;
|
11
|
+
export declare const Variant: () => JSX.Element;
|
12
|
+
export declare const PasswordField: () => JSX.Element;
|
13
|
+
export declare const WithClear: () => JSX.Element;
|
14
|
+
export declare const WithElement: () => JSX.Element;
|
15
|
+
export declare const WithAddOn: () => JSX.Element;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
interface InputAddonProps {
|
3
|
+
children: React.ReactNode;
|
4
|
+
}
|
5
|
+
export declare const InputAddonLeft: ({ children }: InputAddonProps) => JSX.Element;
|
6
|
+
export declare const InputAddonRight: ({ children }: InputAddonProps) => JSX.Element;
|
7
|
+
export {};
|
@@ -0,0 +1,13 @@
|
|
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/components/field';
|
5
|
+
export interface InputFieldProps extends ChakraInputProps, FieldProps {
|
6
|
+
addOnLeft?: ReactNode;
|
7
|
+
addOnRight?: ReactNode;
|
8
|
+
withClear?: boolean;
|
9
|
+
isLoading?: boolean;
|
10
|
+
onClear?: () => void;
|
11
|
+
}
|
12
|
+
declare const InputField: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement>>;
|
13
|
+
export default InputField;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { TextareaProps as ChakraTextareaProps } from '@chakra-ui/react';
|
2
|
+
import React from 'react';
|
3
|
+
import type { FieldProps } from '../../field';
|
4
|
+
export interface TextAreaProps extends ChakraTextareaProps, FieldProps {
|
5
|
+
isLoading?: boolean;
|
6
|
+
}
|
7
|
+
declare const TextareaField: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
8
|
+
export default TextareaField;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export * from './components/input-addon';
|
2
|
+
export * from './components/input-element';
|
3
|
+
export { default as InputField } from './components/input-field';
|
4
|
+
export * from './components/input-field';
|
5
|
+
export { default as TextareaField } from './components/textarea';
|
6
|
+
export * from './components/textarea';
|
7
|
+
export { FormControl, FormControlProps, FormErrorMessage, FormHelperText, FormLabel, FormLabelProps, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, RequiredIndicator, RequiredIndicatorProps, } from '@chakra-ui/react';
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const HeaderOldDefault: () => JSX.Element;
|
8
|
+
export declare const HeaderNewDefault: () => JSX.Element;
|
9
|
+
export declare const HeaderNewCustomize: () => JSX.Element;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
import type { HeaderDataProps } from '../types';
|
4
|
+
export declare type HeaderProps = BoxProps & {
|
5
|
+
brandColor?: BoxProps['bgColor'];
|
6
|
+
data?: HeaderDataProps;
|
7
|
+
onLogout?: () => void;
|
8
|
+
onOpenModalRelease?: () => void;
|
9
|
+
hideSwitchMode?: boolean;
|
10
|
+
mainLogo?: string;
|
11
|
+
mainLogoSize?: BoxProps['h'];
|
12
|
+
centerLogo?: string;
|
13
|
+
centerLogoSize?: BoxProps['h'];
|
14
|
+
hideEnv?: boolean;
|
15
|
+
urlLogo?: string;
|
16
|
+
profile?: React.ReactNode;
|
17
|
+
};
|
18
|
+
declare const Header: React.FC<HeaderProps>;
|
19
|
+
export default Header;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
2
|
+
import React from 'react';
|
3
|
+
export interface LogoProps {
|
4
|
+
url?: string;
|
5
|
+
imageUrl: string;
|
6
|
+
height?: BoxProps['h'];
|
7
|
+
}
|
8
|
+
export declare const Logo: React.FC<LogoProps>;
|
9
|
+
export declare const XMSLogo: () => JSX.Element;
|
10
|
+
export declare const VoilaLogo: () => JSX.Element;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
import type { HeaderDataProps } from '../types';
|
4
|
+
export declare type ProfileProps = {
|
5
|
+
color?: BoxProps['color'];
|
6
|
+
brandColor?: BoxProps['bgColor'];
|
7
|
+
data?: HeaderDataProps;
|
8
|
+
onLogout?: () => void;
|
9
|
+
};
|
10
|
+
declare const Profile: React.FC<ProfileProps>;
|
11
|
+
export default Profile;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import type { Environment } from '../types';
|
3
|
+
export declare type VersionProps = {
|
4
|
+
hideEnv?: boolean;
|
5
|
+
environment?: Environment;
|
6
|
+
version?: string;
|
7
|
+
onOpenModalRelease?: () => void;
|
8
|
+
};
|
9
|
+
declare const Version: React.FC<VersionProps>;
|
10
|
+
export default Version;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export declare type Environment = 'DEVELOPMENT' | 'STAGING' | 'PRODUCTION';
|
2
|
+
export declare type HeaderDataProps = {
|
3
|
+
environment?: Environment;
|
4
|
+
version?: string;
|
5
|
+
email?: string;
|
6
|
+
name?: string;
|
7
|
+
userRole?: string;
|
8
|
+
office?: string | string[];
|
9
|
+
avatarUrl?: string;
|
10
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const Default: () => JSX.Element;
|
8
|
+
export declare const NoImage: () => JSX.Element;
|
9
|
+
export declare const ErrorImage: () => JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Icon, IconProps, Image, ImageProps } from '@chakra-ui/react';
|
@@ -0,0 +1,34 @@
|
|
1
|
+
export * from './accordion';
|
2
|
+
export * from './alert';
|
3
|
+
export * from './anchor';
|
4
|
+
export * from './badge';
|
5
|
+
export * from './breadcrumb';
|
6
|
+
export * from './button';
|
7
|
+
export * from './card';
|
8
|
+
export * from './checkbox';
|
9
|
+
export * from './chips';
|
10
|
+
export * from './counter';
|
11
|
+
export * from './data-table';
|
12
|
+
export * from './datepicker';
|
13
|
+
export * from './dialog';
|
14
|
+
export * from './field';
|
15
|
+
export * from './form';
|
16
|
+
export * from './header';
|
17
|
+
export * from './image';
|
18
|
+
export * from './layouting';
|
19
|
+
export * from './list';
|
20
|
+
export * from './loader';
|
21
|
+
export * from './modal';
|
22
|
+
export * from './navigation';
|
23
|
+
export * from './pagination';
|
24
|
+
export * from './popover';
|
25
|
+
export * from './radio';
|
26
|
+
export * from './rating';
|
27
|
+
export * from './select';
|
28
|
+
export * from './switch';
|
29
|
+
export * from './table';
|
30
|
+
export * from './tabs';
|
31
|
+
export * from './text';
|
32
|
+
export * from './tooltip';
|
33
|
+
export * from './uploader';
|
34
|
+
export { Avatar, AvatarBadge, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Collapse, CollapseProps, Fade, FadeProps, Hide, HideProps, Img, ImgProps, ScaleFade, ScaleFadeProps, Show, ShowProps, Slide, SlideFade, SlideFadeProps, SlideProps, Step, StepDescription, StepIcon, StepIndicator, StepNumber, Stepper, StepSeparator, StepStatus, StepTitle, useBreakpoint, UseBreakpointOptions, useBreakpointValue, useColorModePreference, useImage, UseImageProps, UseImageReturn, useMediaQuery, UseMediaQueryOptions, usePrefersReducedMotion, useQuery, UseQueryProps, useSteps, VisuallyHidden, VisuallyHiddenInput, } from '@chakra-ui/react';
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Box, BoxProps, Center, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridItem, GridItemProps, GridProps, HStack, SimpleGrid, Spacer, Stack, StackProps, VStack, Wrap, WrapItem, WrapItemProps, WrapProps, } from '@chakra-ui/react';
|
@@ -0,0 +1 @@
|
|
1
|
+
export { List, ListIcon, ListItem, ListItemProps, ListProps, OrderedList, UnorderedList } from '@chakra-ui/react';
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const Default: () => JSX.Element;
|
8
|
+
export declare const Variant: () => JSX.Element;
|
9
|
+
export declare const Size: () => JSX.Element;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { HTMLChakraProps, ThemingProps } from '@chakra-ui/react';
|
2
|
+
export interface LoaderProps {
|
3
|
+
size?: string;
|
4
|
+
variant?: string;
|
5
|
+
thickness?: string;
|
6
|
+
}
|
7
|
+
export interface CustomLoaderProps extends HTMLChakraProps<'span'>, ThemingProps {
|
8
|
+
}
|
9
|
+
declare const Loader: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", CustomLoaderProps>;
|
10
|
+
export default Loader;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
export { default as ModalBody } from './components/modal-body';
|
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, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Modal, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles, } from '@chakra-ui/react';
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const NavigationDefault: () => JSX.Element;
|
8
|
+
export declare const NavigationBarDefault: () => JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
2
|
+
import React from 'react';
|
3
|
+
import type { Menu } from '../types';
|
4
|
+
export declare type NavigationBarProps = BoxProps & {
|
5
|
+
navigations?: Menu[];
|
6
|
+
isFetched: boolean;
|
7
|
+
pathname: string;
|
8
|
+
asPath: string;
|
9
|
+
mappingIcon: Map<string, JSX.Element>;
|
10
|
+
};
|
11
|
+
declare const NavigationBar: React.FC<NavigationBarProps>;
|
12
|
+
export default NavigationBar;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { As, BoxProps } from '@chakra-ui/react';
|
2
|
+
import * as React from 'react';
|
3
|
+
import type { NavigationLink } from '../types';
|
4
|
+
export declare type NavigationProps = BoxProps & {
|
5
|
+
navigations?: NavigationLink[];
|
6
|
+
activePath: string;
|
7
|
+
as?: As;
|
8
|
+
host?: string;
|
9
|
+
};
|
10
|
+
declare const Navigation: React.FC<NavigationProps>;
|
11
|
+
export default Navigation;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import type { IconType } from 'react-icons/lib';
|
2
|
+
export declare type NavigationLink = {
|
3
|
+
title: string;
|
4
|
+
icon?: IconType;
|
5
|
+
navLink?: string;
|
6
|
+
navHost?: string;
|
7
|
+
children?: Omit<NavigationLink, 'children'>[];
|
8
|
+
};
|
9
|
+
export declare type Menu = {
|
10
|
+
id: string;
|
11
|
+
title: string;
|
12
|
+
type: string;
|
13
|
+
icon: string;
|
14
|
+
navLink: string;
|
15
|
+
children: SubMenu[];
|
16
|
+
};
|
17
|
+
export declare type SubMenu = {
|
18
|
+
type: string;
|
19
|
+
icon: string;
|
20
|
+
navLink: string;
|
21
|
+
navHost: string;
|
22
|
+
title: string;
|
23
|
+
id: string;
|
24
|
+
};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const PaginationDefault: () => JSX.Element;
|
8
|
+
export declare const LargePageNumbers: () => JSX.Element;
|
9
|
+
export declare const PaginationFilterSample: () => JSX.Element;
|
10
|
+
export declare const WithPaginationDetail: () => JSX.Element;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare 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 @@
|
|
1
|
+
export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, Portal, PortalProps, } from '@chakra-ui/react';
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const Default: () => JSX.Element;
|
8
|
+
export declare const WithLabel: () => JSX.Element;
|
9
|
+
export declare const WithHelpText: () => JSX.Element;
|
10
|
+
export declare const GroupDefault: () => JSX.Element;
|
11
|
+
export declare const GroupRequiredLabel: () => JSX.Element;
|
12
|
+
export declare const GroupWithHelpText: () => JSX.Element;
|
13
|
+
export declare const WithError: () => JSX.Element;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import type { RadioGroupProps } from '@chakra-ui/react';
|
2
|
+
import type { FieldProps } from '../../field';
|
3
|
+
export interface RadioGroupComponentProps extends FieldProps, RadioGroupProps {
|
4
|
+
label: string;
|
5
|
+
helpText?: string;
|
6
|
+
isError?: boolean;
|
7
|
+
errorMessage?: string;
|
8
|
+
}
|
9
|
+
export declare const RadioGroup: {
|
10
|
+
({ children, label, helpText, isError, errorMessage, ...props }: RadioGroupComponentProps): JSX.Element;
|
11
|
+
displayName: string;
|
12
|
+
defaultProps: {
|
13
|
+
helpText: string;
|
14
|
+
isError: boolean;
|
15
|
+
errorMessage: string;
|
16
|
+
};
|
17
|
+
};
|
18
|
+
export default RadioGroup;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import type { RadioProps as ChakraRadioProps } from '@chakra-ui/react';
|
2
|
+
import type { PropsWithChildren } from 'react';
|
3
|
+
export interface RadioProps extends ChakraRadioProps, PropsWithChildren {
|
4
|
+
isError?: boolean;
|
5
|
+
helpText?: string;
|
6
|
+
errorText?: string;
|
7
|
+
}
|
8
|
+
export declare const Radio: {
|
9
|
+
({ isError, helpText, errorText, children, isDisabled, ...rest }: RadioProps): JSX.Element;
|
10
|
+
displayName: string;
|
11
|
+
defaultProps: {
|
12
|
+
isError: boolean;
|
13
|
+
helpText: string;
|
14
|
+
errorText: string;
|
15
|
+
};
|
16
|
+
};
|
17
|
+
export default Radio;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const SelectDefault: () => JSX.Element;
|
8
|
+
export declare const SelectAsyncExample: () => JSX.Element;
|
9
|
+
export declare const SelectCreatableExample: () => JSX.Element;
|
10
|
+
export declare const SelectCreatableAsyncExample: () => JSX.Element;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import type { GroupBase } from 'react-select';
|
2
|
+
import type { AsyncCreatableProps } from 'react-select/async-creatable';
|
3
|
+
import type { ExtendedSelectProps } from './types/select.types';
|
4
|
+
export declare type SelectAsyncCreatableProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AsyncCreatableProps<Option, IsMulti, Group> & ExtendedSelectProps;
|
5
|
+
export default function SelectAsyncCreatable<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, isError, ...rest }: SelectAsyncCreatableProps<Option, IsMulti, Group>): JSX.Element;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { GroupBase } from 'react-select';
|
2
|
+
import type { AsyncPaginateProps } from 'react-select-async-paginate';
|
3
|
+
import type { ExtendedSelectProps } from './types/select.types';
|
4
|
+
export declare type SelectAsyncProps<OptionType = unknown, Group extends GroupBase<OptionType> = GroupBase<OptionType>, Additional = unknown, IsMulti extends boolean = false> = AsyncPaginateProps<OptionType, Group, Additional, IsMulti> & ExtendedSelectProps;
|
5
|
+
declare function SelectAsync<OptionType, Group extends GroupBase<OptionType>, Additional, IsMulti extends boolean = false>({ styles, isError, ...rest }: SelectAsyncProps<OptionType, Group, Additional, IsMulti>): JSX.Element;
|
6
|
+
export default SelectAsync;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import type { GroupBase } from 'react-select';
|
2
|
+
import type { CreatableProps } from 'react-select/creatable';
|
3
|
+
import type { ExtendedSelectProps } from './types/select.types';
|
4
|
+
export declare type SelectCreatableProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = CreatableProps<Option, IsMulti, Group> & ExtendedSelectProps;
|
5
|
+
export default function SelectCreatable<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, isError, ...rest }: SelectCreatableProps<Option, IsMulti, Group>): JSX.Element;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import type { GroupBase, Props as ReactSelectProps } from 'react-select';
|
2
|
+
import type { ExtendedSelectProps } from './types/select.types';
|
3
|
+
export declare type SelectProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = ReactSelectProps<Option, IsMulti, Group> & ExtendedSelectProps;
|
4
|
+
declare function Select<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>({ styles, isError, ...rest }: SelectProps<OptionType, IsMulti, Group>): JSX.Element;
|
5
|
+
export default Select;
|