@ctlyst.id/internal-ui 1.0.1-canary.4 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (102) hide show
  1. package/dist/components/base/stories/button.stories.d.ts +10 -0
  2. package/dist/components/base/stories/checkbox.stories.d.ts +11 -0
  3. package/dist/components/base/stories/input.stories.d.ts +16 -0
  4. package/dist/components/base/stories/radio.stories.d.ts +15 -0
  5. package/dist/components/base/stories/switch.stories.d.ts +11 -0
  6. package/dist/{types/components → components}/breadcrumb/components/BreadCrumb.d.ts +17 -17
  7. package/dist/components/breadcrumb/components/BreadCrumb.stories.d.ts +10 -0
  8. package/dist/{types/components → components}/breadcrumb/index.d.ts +2 -2
  9. package/dist/{types/components → components}/data-table/components/data-table.d.ts +40 -40
  10. package/dist/{types/components → components}/data-table/components/indeterminate-checkbox.d.ts +5 -5
  11. package/dist/{types/components → components}/data-table/index.d.ts +3 -3
  12. package/dist/components/data-table/stories/data-table.stories.d.ts +38 -0
  13. package/dist/{types/components → components}/data-table/types/table-core.d.ts +1 -1
  14. package/dist/{types/components → components}/datepicker/components/datepicker.d.ts +17 -17
  15. package/dist/components/datepicker/components/datepicker.stories.d.ts +13 -0
  16. package/dist/{types/components → components}/datepicker/components/styles.d.ts +2 -2
  17. package/dist/{types/components → components}/datepicker/components/time-input.d.ts +9 -9
  18. package/dist/{types/components → components}/datepicker/index.d.ts +2 -2
  19. package/dist/{types/components → components}/field/components/field.d.ts +11 -11
  20. package/dist/{types/components → components}/field/components/input-field.d.ts +12 -12
  21. package/dist/{types/components → components}/field/components/textarea-field.d.ts +12 -12
  22. package/dist/{types/components → components}/field/index.d.ts +6 -6
  23. package/dist/{types/components → components}/header/components/header.d.ts +10 -10
  24. package/dist/{types/components → components}/header/components/logo.d.ts +2 -2
  25. package/dist/{types/components → components}/header/components/profile.d.ts +8 -8
  26. package/dist/{types/components → components}/header/components/switch-mode.d.ts +3 -3
  27. package/dist/{types/components → components}/header/components/version.d.ts +9 -9
  28. package/dist/{types/components → components}/header/index.d.ts +3 -3
  29. package/dist/components/header/stories/header.stories.d.ts +10 -0
  30. package/dist/{types/components → components}/header/types.d.ts +10 -10
  31. package/dist/{types/components → components}/header/utils/formatter.d.ts +2 -2
  32. package/dist/{types/components → components}/index.d.ts +11 -11
  33. package/dist/{types/components → components}/modal/components/modal-close-button.d.ts +4 -4
  34. package/dist/{types/components → components}/modal/components/modal-footer.d.ts +4 -4
  35. package/dist/{types/components → components}/modal/components/modal-header.d.ts +4 -4
  36. package/dist/{types/components → components}/modal/index.d.ts +4 -4
  37. package/dist/components/modal/stories/modal.stories.d.ts +10 -0
  38. package/dist/{types/components → components}/navigation/components/navigation.d.ts +10 -10
  39. package/dist/{types/components → components}/navigation/index.d.ts +2 -2
  40. package/dist/components/navigation/stories/navigation.stories.d.ts +10 -0
  41. package/dist/{types/components → components}/navigation/types.d.ts +8 -8
  42. package/dist/{types/components → components}/pagination/components/pagination-button-trigger.d.ts +10 -10
  43. package/dist/{types/components → components}/pagination/components/pagination-button.d.ts +6 -6
  44. package/dist/{types/components → components}/pagination/components/pagination-detail.d.ts +10 -10
  45. package/dist/{types/components → components}/pagination/components/pagination-filter.d.ts +13 -13
  46. package/dist/{types/components → components}/pagination/components/pagination.d.ts +16 -16
  47. package/dist/{types/components → components}/pagination/index.d.ts +6 -6
  48. package/dist/components/pagination/stories/pagination.stories.d.ts +13 -0
  49. package/dist/{types/components → components}/select/components/select-async-creatable.d.ts +4 -4
  50. package/dist/{types/components → components}/select/components/select-async.d.ts +5 -5
  51. package/dist/{types/components → components}/select/components/select-creatable.d.ts +4 -4
  52. package/dist/{types/components → components}/select/components/select.d.ts +4 -4
  53. package/dist/{types/components → components}/select/components/utils.d.ts +26 -26
  54. package/dist/{types/components → components}/select/index.d.ts +8 -8
  55. package/dist/components/select/stories/select.stories.d.ts +13 -0
  56. package/dist/{types/components → components}/tabs/components/tab-list.d.ts +3 -3
  57. package/dist/{types/components → components}/tabs/components/tab-panel.d.ts +3 -3
  58. package/dist/{types/components → components}/tabs/components/tab.d.ts +11 -11
  59. package/dist/{types/components → components}/tabs/index.d.ts +4 -4
  60. package/dist/components/tabs/stories/tabs.stories.d.ts +10 -0
  61. package/dist/{types/components → components}/uploader/components/uploader.d.ts +12 -12
  62. package/dist/{types/components → components}/uploader/constants.d.ts +8 -8
  63. package/dist/{types/components → components}/uploader/index.d.ts +2 -2
  64. package/dist/components/uploader/stories/uploader.stories.d.ts +12 -0
  65. package/dist/config/foundations.stories.d.ts +13 -0
  66. package/dist/{types/config → config}/index.d.ts +1 -1
  67. package/dist/{types/config → config}/theme/components/button.d.ts +3 -3
  68. package/dist/{types/config → config}/theme/components/checkbox.d.ts +3 -3
  69. package/dist/{types/config → config}/theme/components/form-label.d.ts +19 -19
  70. package/dist/{types/config → config}/theme/components/index.d.ts +8 -8
  71. package/dist/{types/config → config}/theme/components/input.d.ts +114 -114
  72. package/dist/{types/config → config}/theme/components/popover.d.ts +3 -3
  73. package/dist/{types/config → config}/theme/components/radio.d.ts +3 -3
  74. package/dist/{types/config → config}/theme/components/switch.d.ts +32 -32
  75. package/dist/{types/config → config}/theme/components/textarea.d.ts +3 -3
  76. package/dist/config/theme/foundations/colors.d.ts +158 -0
  77. package/dist/{types/config → config}/theme/foundations/index.d.ts +5 -5
  78. package/dist/{types/config → config}/theme/foundations/radius.d.ts +8 -8
  79. package/dist/{types/config → config}/theme/foundations/sizes.d.ts +66 -66
  80. package/dist/{types/config → config}/theme/foundations/spacing.d.ts +42 -42
  81. package/dist/{types/config → config}/theme/foundations/typography.d.ts +173 -173
  82. package/dist/{types/config → config}/theme/index.d.ts +1 -1
  83. package/dist/{types/config → config}/theme/themeConfiguration.d.ts +4 -4
  84. package/dist/hooks/index.d.ts +1 -0
  85. package/dist/hooks/useFetcher.d.ts +4 -0
  86. package/dist/{types/index.d.ts → index.d.ts} +3 -3
  87. package/dist/index.js +6 -892
  88. package/dist/interfaces/common.d.ts +17 -0
  89. package/dist/internal-ui.cjs.development.js +3279 -0
  90. package/dist/internal-ui.cjs.development.js.map +1 -0
  91. package/dist/internal-ui.cjs.production.min.js +10 -0
  92. package/dist/internal-ui.cjs.production.min.js.map +1 -0
  93. package/dist/internal-ui.esm.js +3008 -0
  94. package/dist/internal-ui.esm.js.map +1 -0
  95. package/dist/{types/provider → provider}/index.d.ts +2 -2
  96. package/dist/{types/provider → provider}/provider.d.ts +6 -6
  97. package/dist/provider/provider.stories.d.ts +5 -0
  98. package/dist/provider/types.d.ts +14 -0
  99. package/package.json +8 -7
  100. package/dist/index.mjs +0 -20509
  101. package/dist/types/config/theme/foundations/colors.d.ts +0 -158
  102. package/dist/types/provider/types.d.ts +0 -14
@@ -1,4 +1,4 @@
1
- export { default as ModalCloseButton } from './components/modal-close-button';
2
- export { default as ModalFooter } from './components/modal-footer';
3
- export { default as ModalHeader } from './components/modal-header';
4
- 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, ModalBody, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles, } from '@chakra-ui/react';
1
+ export { default as ModalCloseButton } from './components/modal-close-button';
2
+ export { default as ModalFooter } from './components/modal-footer';
3
+ export { default as ModalHeader } from './components/modal-header';
4
+ 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, ModalBody, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles, } from '@chakra-ui/react';
@@ -0,0 +1,10 @@
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 ModalDefault: () => JSX.Element;
@@ -1,10 +1,10 @@
1
- import type { As, 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
- as?: As;
8
- };
9
- declare const Navigation: React.FC<NavigationProps>;
10
- export default Navigation;
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
+ };
9
+ declare const Navigation: React.FC<NavigationProps>;
10
+ export default Navigation;
@@ -1,2 +1,2 @@
1
- export { default as MainMenu } from './components/navigation';
2
- export * from './components/navigation';
1
+ export { default as MainMenu } from './components/navigation';
2
+ export * from './components/navigation';
@@ -0,0 +1,10 @@
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 NavigationDefault: () => JSX.Element;
@@ -1,8 +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
- };
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
+ };
@@ -1,10 +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;
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;
@@ -1,6 +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;
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;
@@ -1,10 +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;
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;
@@ -1,13 +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;
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;
@@ -1,16 +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;
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;
@@ -1,6 +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';
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,13 @@
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 PaginationDefault: () => JSX.Element;
11
+ export declare const LargePageNumbers: () => JSX.Element;
12
+ export declare const PaginationFilterSample: () => JSX.Element;
13
+ export declare const WithPaginationDetail: () => JSX.Element;
@@ -1,4 +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;
1
+ import type { GroupBase } from 'react-select';
2
+ import type { AsyncCreatableProps } from 'react-select/async-creatable';
3
+ export declare 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;
@@ -1,5 +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;
1
+ import type { GroupBase } from 'react-select';
2
+ import type { AsyncPaginateProps } from 'react-select-async-paginate';
3
+ export declare 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;
@@ -1,4 +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;
1
+ import type { GroupBase } from 'react-select';
2
+ import type { CreatableProps } from 'react-select/creatable';
3
+ export declare 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;
@@ -1,4 +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;
1
+ import type { GroupBase, Props as ReactSelectProps } from 'react-select';
2
+ export declare 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;
@@ -1,26 +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
- };
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
+ };
@@ -1,8 +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';
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,13 @@
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 SelectDefault: () => JSX.Element;
11
+ export declare const SelectAsyncExample: () => JSX.Element;
12
+ export declare const SelectCreatableExample: () => JSX.Element;
13
+ export declare const SelectCreatableAsyncExample: () => JSX.Element;
@@ -1,3 +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;
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;
@@ -1,3 +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;
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;
@@ -1,11 +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;
1
+ import type { TabProps as ChakraTabProps } from '@chakra-ui/react';
2
+ import * as React from 'react';
3
+ declare type AddonProps = {
4
+ isSelected: boolean;
5
+ };
6
+ declare 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;
@@ -1,4 +1,4 @@
1
- export { default as Tab } from './components/tab';
2
- export { default as TabList } from './components/tab-list';
3
- export { default as TabPanel } from './components/tab-panel';
4
- export { TabIndicator, TabIndicatorProps, TabListProps, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, useTab, useTabIndicator, useTabList, UseTabListProps, UseTabListReturn, UseTabOptions, useTabPanel, useTabPanels, UseTabPanelsProps, UseTabProps, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, UseTabsProps, UseTabsReturn, useTabsStyles, } from '@chakra-ui/react';
1
+ export { default as Tab } from './components/tab';
2
+ export { default as TabList } from './components/tab-list';
3
+ export { default as TabPanel } from './components/tab-panel';
4
+ export { TabIndicator, TabIndicatorProps, TabListProps, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, useTab, useTabIndicator, useTabList, UseTabListProps, UseTabListReturn, UseTabOptions, useTabPanel, useTabPanels, UseTabPanelsProps, UseTabProps, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, UseTabsProps, UseTabsReturn, useTabsStyles, } from '@chakra-ui/react';
@@ -0,0 +1,10 @@
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 TabsDefault: () => JSX.Element;
@@ -1,12 +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;
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 declare 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 declare type UploaderState = DropzoneState;
11
+ declare const Uploader: React.FC<UploaderProps>;
12
+ export default Uploader;
@@ -1,8 +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
- };
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
+ };
@@ -1,2 +1,2 @@
1
- export { default as Uploader } from './components/uploader';
2
- export * from './components/uploader';
1
+ export { default as Uploader } from './components/uploader';
2
+ export * from './components/uploader';
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ chakra: {
5
+ theme: Record<string, any>;
6
+ };
7
+ decorators: ((Story: React.ElementType) => JSX.Element)[];
8
+ };
9
+ export default _default;
10
+ export declare const UploaderDefault: () => JSX.Element;
11
+ export declare const UploaderWithValidation: () => JSX.Element;
12
+ export declare const UploaderMultiple: () => JSX.Element;
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ title: string;
3
+ parameters: {
4
+ controls: {
5
+ disabled: boolean;
6
+ };
7
+ };
8
+ };
9
+ export default _default;
10
+ export declare const Color: () => JSX.Element;
11
+ export declare const Typography: () => JSX.Element;
12
+ export declare const Spacing: () => JSX.Element;
13
+ export declare const Sizes: () => JSX.Element;
@@ -1 +1 @@
1
- export * from './theme';
1
+ export * from './theme';
@@ -1,3 +1,3 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Button: ComponentStyleConfig;
3
- export default Button;
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Button: ComponentStyleConfig;
3
+ export default Button;
@@ -1,3 +1,3 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Checkbox: ComponentStyleConfig;
3
- export default Checkbox;
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Checkbox: ComponentStyleConfig;
3
+ export default Checkbox;
@@ -1,19 +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;
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;
@@ -1,8 +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';
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';