@paygreen/pgui 2.14.10 → 3.0.1-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/README.md +128 -59
  2. package/dist/components/actions-button/actions-button.d.ts +21 -0
  3. package/dist/components/data-list/datalist.d.ts +87 -0
  4. package/dist/components/data-table/data-table.d.ts +67 -0
  5. package/dist/components/date-picker/date-picker.d.ts +44 -0
  6. package/dist/components/field-wrapper/field-wrapper.d.ts +50 -0
  7. package/dist/components/index.d.ts +19 -0
  8. package/dist/components/input/input.d.ts +24 -0
  9. package/dist/components/input-mask/input-mask.d.ts +28 -0
  10. package/dist/components/input-password/input-password.d.ts +34 -0
  11. package/dist/components/input-phone/input-phone.d.ts +62 -0
  12. package/dist/components/input-phone/partials/search-on-list.d.ts +61 -0
  13. package/dist/components/input-search/input-search.d.ts +14 -0
  14. package/dist/components/loader/loader.d.ts +25 -0
  15. package/dist/components/logos/logoPaygreenByLemonway.d.ts +25 -0
  16. package/dist/components/modal/modal.d.ts +79 -0
  17. package/dist/components/pagination/pagination.d.ts +36 -0
  18. package/dist/components/select/select.d.ts +49 -0
  19. package/dist/components/sidebar/sidebar.d.ts +117 -0
  20. package/dist/components/tooltip/tooltip.d.ts +11 -0
  21. package/dist/components/ui/color-mode.d.ts +21 -0
  22. package/dist/components/ui/toaster.d.ts +2 -0
  23. package/dist/hooks/scroll-shadow.d.ts +7 -0
  24. package/dist/hooks/use-data-table.d.ts +12 -0
  25. package/dist/index.d.ts +2 -352
  26. package/dist/index.js +48 -0
  27. package/dist/index.mjs +9024 -0
  28. package/dist/pgui.css +1 -0
  29. package/dist/theme/index.d.ts +2 -0
  30. package/dist/theme/recipes/card-recipe.d.ts +15 -0
  31. package/dist/theme/recipes/index.d.ts +18 -0
  32. package/dist/theme/recipes/text-recipe.d.ts +2 -0
  33. package/dist/theme/semanticTokens/colors.d.ts +399 -0
  34. package/dist/theme/semanticTokens/index.d.ts +401 -0
  35. package/dist/theme/tokens/colors.d.ts +317 -0
  36. package/dist/theme/tokens/font-sizes.d.ts +42 -0
  37. package/dist/theme/tokens/fonts.d.ts +12 -0
  38. package/dist/theme/tokens/index.d.ts +465 -0
  39. package/dist/theme/tokens/radii.d.ts +39 -0
  40. package/dist/theme/tokens/sizes.d.ts +57 -0
  41. package/package.json +92 -103
  42. package/src/components/date-picker/date-picker.css +203 -0
  43. package/src/components/select/select.css +97 -0
  44. package/src/styles/index.css +12 -0
  45. package/dist/cjs/index.js +0 -60887
  46. package/dist/cjs/index.js.map +0 -1
  47. package/dist/cjs/types/components/ActionsButton/index.d.ts +0 -6
  48. package/dist/cjs/types/components/Card/index.d.ts +0 -3
  49. package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts +0 -13
  50. package/dist/cjs/types/components/DataList/index.d.ts +0 -42
  51. package/dist/cjs/types/components/FormGroup/index.d.ts +0 -12
  52. package/dist/cjs/types/components/InputDayPicker/index.d.ts +0 -20
  53. package/dist/cjs/types/components/InputPhone/SearchOnList.d.ts +0 -19
  54. package/dist/cjs/types/components/InputPhone/index.d.ts +0 -12
  55. package/dist/cjs/types/components/InputRangePicker/index.d.ts +0 -25
  56. package/dist/cjs/types/components/ModalResponsive/index.d.ts +0 -5
  57. package/dist/cjs/types/components/Pagination/index.d.ts +0 -43
  58. package/dist/cjs/types/components/SearchInput/index.d.ts +0 -12
  59. package/dist/cjs/types/components/Select/index.d.ts +0 -120
  60. package/dist/cjs/types/components/Textarea/index.d.ts +0 -8
  61. package/dist/cjs/types/components/index.d.ts +0 -12
  62. package/dist/cjs/types/hooks/useClickOutside.d.ts +0 -3
  63. package/dist/cjs/types/index.d.ts +0 -4
  64. package/dist/cjs/types/layout/BottomBar/index.d.ts +0 -3
  65. package/dist/cjs/types/layout/LayoutContainer/index.d.ts +0 -3
  66. package/dist/cjs/types/layout/SideNav/index.d.ts +0 -21
  67. package/dist/cjs/types/layout/TopBar/index.d.ts +0 -10
  68. package/dist/cjs/types/layout/index.d.ts +0 -4
  69. package/dist/cjs/types/theme/components/alert.d.ts +0 -9
  70. package/dist/cjs/types/theme/components/badge.d.ts +0 -9
  71. package/dist/cjs/types/theme/components/button.d.ts +0 -163
  72. package/dist/cjs/types/theme/components/checkbox.d.ts +0 -11
  73. package/dist/cjs/types/theme/components/drawer.d.ts +0 -6
  74. package/dist/cjs/types/theme/components/form.d.ts +0 -8
  75. package/dist/cjs/types/theme/components/index.d.ts +0 -16
  76. package/dist/cjs/types/theme/components/input.d.ts +0 -58
  77. package/dist/cjs/types/theme/components/menu.d.ts +0 -9
  78. package/dist/cjs/types/theme/components/number-input.d.ts +0 -54
  79. package/dist/cjs/types/theme/components/pin-input.d.ts +0 -42
  80. package/dist/cjs/types/theme/components/radio.d.ts +0 -6
  81. package/dist/cjs/types/theme/components/slider.d.ts +0 -6
  82. package/dist/cjs/types/theme/components/switch.d.ts +0 -6
  83. package/dist/cjs/types/theme/components/tag.d.ts +0 -14
  84. package/dist/cjs/types/theme/components/textarea.d.ts +0 -54
  85. package/dist/cjs/types/theme/components/tooltip.d.ts +0 -8
  86. package/dist/cjs/types/theme/foundations/colors.d.ts +0 -66
  87. package/dist/cjs/types/theme/foundations/index.d.ts +0 -129
  88. package/dist/cjs/types/theme/foundations/radius.d.ts +0 -11
  89. package/dist/cjs/types/theme/foundations/shadows.d.ts +0 -10
  90. package/dist/cjs/types/theme/foundations/sizes.d.ts +0 -21
  91. package/dist/cjs/types/theme/foundations/typography.d.ts +0 -21
  92. package/dist/cjs/types/theme/index.d.ts +0 -1
  93. package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts +0 -2
  94. package/dist/cjs/types/theme/rawStyle/index.d.ts +0 -3
  95. package/dist/cjs/types/theme/rawStyle/reactDayPicker.d.ts +0 -23
  96. package/dist/cjs/types/theme/rawStyle/scrollbarStyles.d.ts +0 -11
  97. package/dist/cjs/types/theme/styles.d.ts +0 -2
  98. package/dist/cjs/types/theme/theme.d.ts +0 -1
  99. package/dist/cjs/types/utils/date.d.ts +0 -1
  100. package/dist/cjs/types/utils/index.d.ts +0 -2
  101. package/dist/cjs/types/utils/responsive.d.ts +0 -1
  102. package/dist/esm/index.js +0 -60814
  103. package/dist/esm/index.js.map +0 -1
  104. package/dist/esm/types/components/ActionsButton/index.d.ts +0 -6
  105. package/dist/esm/types/components/Card/index.d.ts +0 -3
  106. package/dist/esm/types/components/ConfirmMenuItem/index.d.ts +0 -13
  107. package/dist/esm/types/components/DataList/index.d.ts +0 -42
  108. package/dist/esm/types/components/FormGroup/index.d.ts +0 -12
  109. package/dist/esm/types/components/InputDayPicker/index.d.ts +0 -20
  110. package/dist/esm/types/components/InputPhone/SearchOnList.d.ts +0 -19
  111. package/dist/esm/types/components/InputPhone/index.d.ts +0 -12
  112. package/dist/esm/types/components/InputRangePicker/index.d.ts +0 -25
  113. package/dist/esm/types/components/ModalResponsive/index.d.ts +0 -5
  114. package/dist/esm/types/components/Pagination/index.d.ts +0 -43
  115. package/dist/esm/types/components/SearchInput/index.d.ts +0 -12
  116. package/dist/esm/types/components/Select/index.d.ts +0 -120
  117. package/dist/esm/types/components/Textarea/index.d.ts +0 -8
  118. package/dist/esm/types/components/index.d.ts +0 -12
  119. package/dist/esm/types/hooks/useClickOutside.d.ts +0 -3
  120. package/dist/esm/types/index.d.ts +0 -4
  121. package/dist/esm/types/layout/BottomBar/index.d.ts +0 -3
  122. package/dist/esm/types/layout/LayoutContainer/index.d.ts +0 -3
  123. package/dist/esm/types/layout/SideNav/index.d.ts +0 -21
  124. package/dist/esm/types/layout/TopBar/index.d.ts +0 -10
  125. package/dist/esm/types/layout/index.d.ts +0 -4
  126. package/dist/esm/types/theme/components/alert.d.ts +0 -9
  127. package/dist/esm/types/theme/components/badge.d.ts +0 -9
  128. package/dist/esm/types/theme/components/button.d.ts +0 -163
  129. package/dist/esm/types/theme/components/checkbox.d.ts +0 -11
  130. package/dist/esm/types/theme/components/drawer.d.ts +0 -6
  131. package/dist/esm/types/theme/components/form.d.ts +0 -8
  132. package/dist/esm/types/theme/components/index.d.ts +0 -16
  133. package/dist/esm/types/theme/components/input.d.ts +0 -58
  134. package/dist/esm/types/theme/components/menu.d.ts +0 -9
  135. package/dist/esm/types/theme/components/number-input.d.ts +0 -54
  136. package/dist/esm/types/theme/components/pin-input.d.ts +0 -42
  137. package/dist/esm/types/theme/components/radio.d.ts +0 -6
  138. package/dist/esm/types/theme/components/slider.d.ts +0 -6
  139. package/dist/esm/types/theme/components/switch.d.ts +0 -6
  140. package/dist/esm/types/theme/components/tag.d.ts +0 -14
  141. package/dist/esm/types/theme/components/textarea.d.ts +0 -54
  142. package/dist/esm/types/theme/components/tooltip.d.ts +0 -8
  143. package/dist/esm/types/theme/foundations/colors.d.ts +0 -66
  144. package/dist/esm/types/theme/foundations/index.d.ts +0 -129
  145. package/dist/esm/types/theme/foundations/radius.d.ts +0 -11
  146. package/dist/esm/types/theme/foundations/shadows.d.ts +0 -10
  147. package/dist/esm/types/theme/foundations/sizes.d.ts +0 -21
  148. package/dist/esm/types/theme/foundations/typography.d.ts +0 -21
  149. package/dist/esm/types/theme/index.d.ts +0 -1
  150. package/dist/esm/types/theme/rawStyle/chakraStyle.d.ts +0 -2
  151. package/dist/esm/types/theme/rawStyle/index.d.ts +0 -3
  152. package/dist/esm/types/theme/rawStyle/reactDayPicker.d.ts +0 -23
  153. package/dist/esm/types/theme/rawStyle/scrollbarStyles.d.ts +0 -11
  154. package/dist/esm/types/theme/styles.d.ts +0 -2
  155. package/dist/esm/types/theme/theme.d.ts +0 -1
  156. package/dist/esm/types/utils/date.d.ts +0 -1
  157. package/dist/esm/types/utils/index.d.ts +0 -2
  158. package/dist/esm/types/utils/responsive.d.ts +0 -1
@@ -1,6 +0,0 @@
1
- import { FC, PropsWithChildren } from 'react';
2
- import { IconButtonProps } from '@chakra-ui/react';
3
- export type ActionsButtonProps = Omit<IconButtonProps, 'aria-label'> & {
4
- label: string;
5
- };
6
- export declare const ActionsButton: FC<PropsWithChildren<ActionsButtonProps>>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { CardProps } from '@chakra-ui/react';
3
- export declare const Card: (props: CardProps) => React.JSX.Element;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { HTMLChakraProps, MenuItemProps } from '@chakra-ui/react';
3
- export type StyledMenuItemProps = HTMLChakraProps<'button'>;
4
- export declare const MenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", MenuItemProps>;
5
- type ConfirmMenuItemProps = MenuItemProps & {
6
- confirmDelay?: number;
7
- confirmColorScheme?: string;
8
- confirmContent?: React.ReactNode;
9
- confirmText?: React.ReactNode;
10
- confirmIcon?: React.FC<React.PropsWithChildren<unknown>>;
11
- };
12
- export declare const ConfirmMenuItem: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ConfirmMenuItemProps>;
13
- export {};
@@ -1,42 +0,0 @@
1
- import React, { FC, PropsWithChildren } from 'react';
2
- import { AccordionProps, FlexProps } from '@chakra-ui/react';
3
- type DataListColumns = Record<string, DataListCellProps>;
4
- type DataListContextValue = {
5
- setColumns: React.Dispatch<React.SetStateAction<DataListColumns>>;
6
- columns: DataListColumns;
7
- isHover: boolean;
8
- };
9
- export declare const DataListContext: React.Context<DataListContextValue>;
10
- export declare const DataListHeaderContext: React.Context<boolean>;
11
- export type DataListCellProps = FlexProps & {
12
- colName?: string;
13
- colWidth?: string | number | Record<string, string | number>;
14
- isVisible?: boolean | boolean[] | Record<string, boolean>;
15
- };
16
- export declare const DataListCell: ({ children, colName, colWidth, isVisible, ...rest }: DataListCellProps) => React.JSX.Element | null;
17
- export declare const DataListAccordion: ({ ...rest }: {
18
- [x: string]: any;
19
- }) => React.JSX.Element;
20
- export declare const DataListAccordionButton: ({ ...rest }: {
21
- [x: string]: any;
22
- }) => React.JSX.Element;
23
- export declare const DataListAccordionIcon: ({ ...rest }: {
24
- [x: string]: any;
25
- }) => React.JSX.Element;
26
- export declare const DataListAccordionPanel: ({ ...rest }: {
27
- [x: string]: any;
28
- }) => React.JSX.Element;
29
- export type DataListRowProps = FlexProps & {
30
- isVisible?: boolean | boolean[] | Record<string, boolean>;
31
- isDisabled?: boolean;
32
- };
33
- export declare const DataListRow: FC<PropsWithChildren<DataListRowProps>>;
34
- export type DataListHeaderProps = DataListRowProps;
35
- export declare const DataListHeader: FC<PropsWithChildren<DataListHeaderProps>>;
36
- export type DataListFooterProps = DataListRowProps;
37
- export declare const DataListFooter: FC<PropsWithChildren<DataListFooterProps>>;
38
- export type DataListProps = AccordionProps & {
39
- isHover?: boolean;
40
- };
41
- export declare const DataList: FC<PropsWithChildren<DataListProps>>;
42
- export {};
@@ -1,12 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { FormControlProps } from '@chakra-ui/react';
3
- export type FormGroupProps = Omit<FormControlProps, 'onChange' | 'defaultValue' | 'label'> & {
4
- children?: ReactNode;
5
- errorMessage?: ReactNode;
6
- helper?: ReactNode;
7
- id?: string;
8
- isRequired?: boolean;
9
- label?: ReactNode;
10
- showError?: boolean;
11
- };
12
- export declare const FormGroup: ({ children, errorMessage, helper, id, isRequired, label, showError, ...props }: FormGroupProps) => React.JSX.Element;
@@ -1,20 +0,0 @@
1
- import React, { Dispatch, SetStateAction } from 'react';
2
- import 'react-day-picker/dist/style.css';
3
- export type InputDayPickerProps = {
4
- name: string;
5
- placeholder?: string;
6
- onChange: Dispatch<SetStateAction<Date | null>>;
7
- value: Date | null;
8
- locale?: 'fr' | 'en';
9
- variant?: 'filled' | 'outline';
10
- withTime?: boolean;
11
- minDate?: Date | null | undefined;
12
- maxDate?: Date | null | undefined;
13
- isDisabled?: boolean;
14
- inputProps?: any;
15
- dayPickerProps?: any;
16
- isOpen?: boolean;
17
- onOpen?: () => void;
18
- onClose?: () => void;
19
- };
20
- export declare const InputDayPicker: ({ value, onChange, placeholder, name, isDisabled, withTime, locale, minDate, maxDate, variant, inputProps, dayPickerProps, isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, }: InputDayPickerProps) => React.JSX.Element;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- export type Country = {
3
- name: string;
4
- flag: string;
5
- code: string;
6
- dial_code: string;
7
- };
8
- export type Props = {
9
- country?: Country;
10
- data: Country[];
11
- onChange: (args: Country) => void;
12
- };
13
- export declare const SearchOnList: ({ options, onChange, iconComponent: IconComponent, locale, ...selectProps }: {
14
- [x: string]: any;
15
- options: any;
16
- onChange: any;
17
- iconComponent: any;
18
- locale: any;
19
- }) => React.JSX.Element;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import 'react-phone-number-input/style.css';
3
- export type InputPhoneProps = {
4
- locale?: string;
5
- value?: string;
6
- placeholder?: string;
7
- isDisabled?: boolean;
8
- inputProps?: object;
9
- };
10
- export declare const isValidPhone: (val: string) => boolean;
11
- export declare const formatPhoneIntl: (val: string) => string;
12
- export declare const InputPhone: ({ locale, value, placeholder, isDisabled, inputProps, ...props }: InputPhoneProps) => React.JSX.Element;
@@ -1,25 +0,0 @@
1
- import React, { Dispatch, SetStateAction } from 'react';
2
- export type InputRangePickerProps = {
3
- name: string;
4
- placeholder?: string;
5
- onChange: Dispatch<SetStateAction<{
6
- from: Date | null;
7
- to: Date | null;
8
- } | null>>;
9
- value?: {
10
- from: Date | null;
11
- to: Date | null;
12
- } | null;
13
- locale?: 'fr' | 'en';
14
- variant?: 'filled' | 'outline';
15
- withTime?: boolean;
16
- minStartDate?: Date | null | undefined;
17
- maxStartDate?: Date | null | undefined;
18
- minEndDate?: Date | null | undefined;
19
- maxEndDate?: Date | null | undefined;
20
- isDisabled?: boolean;
21
- breakpoint?: 'base' | 'sm' | 'md' | 'lg';
22
- inputProps?: any;
23
- dayPickerProps?: any;
24
- };
25
- export declare const InputRangePicker: ({ value, onChange, placeholder, name, isDisabled, withTime, locale, minStartDate, maxStartDate, minEndDate, maxEndDate, variant, breakpoint, inputProps, dayPickerProps, }: InputRangePickerProps) => React.JSX.Element;
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { DrawerProps, ModalProps } from '@chakra-ui/react';
3
- type ModalResponsiveProps = ModalProps & DrawerProps;
4
- export declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => React.JSX.Element;
5
- export {};
@@ -1,43 +0,0 @@
1
- import React, { FC, PropsWithChildren } from 'react';
2
- import { IconButtonProps, StackProps } from '@chakra-ui/react';
3
- export declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
4
- page?: number | undefined;
5
- pageSize?: number | undefined;
6
- totalItems?: number | undefined;
7
- }) => {
8
- firstPage: number;
9
- lastPage: number;
10
- firstItemOnPage: number;
11
- lastItemOnPage: number;
12
- isFirstPage: boolean;
13
- isLastPage: boolean;
14
- };
15
- export type PaginationContextValue<PageType = number> = {
16
- page: PageType;
17
- setPage: (page: PageType) => void;
18
- firstPage: PageType;
19
- isFirstPage: boolean;
20
- lastPage: PageType;
21
- isLastPage: boolean;
22
- totalItems: number;
23
- isLoadingPage: boolean;
24
- pageSize: number;
25
- firstItemOnPage: number;
26
- lastItemOnPage: number;
27
- };
28
- export declare const PaginationContext: React.Context<PaginationContextValue<number>>;
29
- export declare const PaginationButtonFirstPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
30
- export declare const PaginationButtonPrevPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
31
- export declare const PaginationButtonLastPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
32
- export declare const PaginationButtonNextPage: FC<PropsWithChildren<Omit<IconButtonProps, 'aria-label'>>>;
33
- export declare const PaginationInfo: ({ ...rest }: {
34
- [x: string]: any;
35
- }) => React.JSX.Element;
36
- export type PaginationProps = StackProps & {
37
- setPage: (page: number) => void;
38
- page?: number;
39
- pageSize?: number;
40
- totalItems?: number;
41
- isLoadingPage?: boolean;
42
- };
43
- export declare const Pagination: ({ setPage, page, pageSize, totalItems, isLoadingPage, children, ...rest }: PaginationProps) => React.JSX.Element;
@@ -1,12 +0,0 @@
1
- import { InputProps } from '@chakra-ui/react';
2
- type CustomProps = {
3
- value?: string;
4
- defaultValue?: string;
5
- onChange?(value?: string): void;
6
- delay?: number;
7
- clearLabel?: string;
8
- inputProps?: object;
9
- };
10
- type SearchInputProps = Overwrite<InputProps, CustomProps>;
11
- export declare const SearchInput: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SearchInputProps>;
12
- export {};
@@ -1,120 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { BoxProps } from '@chakra-ui/react';
3
- import { GroupBase, Props } from 'react-select';
4
- declare module 'react' {
5
- function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
6
- }
7
- export type SelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
8
- isAsync?: boolean;
9
- isCreatable?: boolean;
10
- isError?: boolean;
11
- size?: string;
12
- formatCreateLabel?: (inputValue: string) => ReactNode;
13
- loadOptions?: (input: unknown) => TODO;
14
- defaultOptions?: unknown | boolean;
15
- debounceDelay?: number;
16
- variant?: 'filled' | 'outline';
17
- } & Props<Option, IsMulti, Group> & Omit<BoxProps, 'defaultValue'>;
18
- export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: {
19
- isAsync?: boolean | undefined;
20
- isCreatable?: boolean | undefined;
21
- isError?: boolean | undefined;
22
- size?: string | undefined;
23
- formatCreateLabel?: ((inputValue: string) => ReactNode) | undefined;
24
- loadOptions?: ((input: unknown) => TODO) | undefined;
25
- defaultOptions?: unknown | boolean;
26
- debounceDelay?: number | undefined;
27
- variant?: "outline" | "filled" | undefined;
28
- } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
29
- tabIndex?: number | undefined;
30
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
31
- isLoading?: boolean | undefined;
32
- isDisabled?: boolean | undefined;
33
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
34
- placeholder?: React.ReactNode;
35
- options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
36
- pageSize?: number | undefined;
37
- backspaceRemovesValue?: boolean | undefined;
38
- blurInputOnSelect?: boolean | undefined;
39
- captureMenuScroll?: boolean | undefined;
40
- classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
41
- closeMenuOnSelect?: boolean | undefined;
42
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
43
- controlShouldRenderValue?: boolean | undefined;
44
- escapeClearsValue?: boolean | undefined;
45
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
46
- formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
47
- getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
48
- getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
49
- isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
50
- isMulti?: IsMulti | undefined;
51
- isRtl?: boolean | undefined;
52
- isSearchable?: boolean | undefined;
53
- loadingMessage?: ((obj: {
54
- inputValue: string;
55
- }) => React.ReactNode) | undefined;
56
- minMenuHeight?: number | undefined;
57
- maxMenuHeight?: number | undefined;
58
- menuIsOpen?: boolean | undefined;
59
- menuPlacement?: import("react-select").MenuPlacement | undefined;
60
- menuPosition?: import("react-select").MenuPosition | undefined;
61
- menuShouldBlockScroll?: boolean | undefined;
62
- menuShouldScrollIntoView?: boolean | undefined;
63
- noOptionsMessage?: ((obj: {
64
- inputValue: string;
65
- }) => React.ReactNode) | undefined;
66
- openMenuOnFocus?: boolean | undefined;
67
- openMenuOnClick?: boolean | undefined;
68
- screenReaderStatus?: ((obj: {
69
- count: number;
70
- }) => string) | undefined;
71
- styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
72
- tabSelectsValue?: boolean | undefined;
73
- unstyled?: boolean | undefined;
74
- } & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "aria-label" | "form" | "name" | "value" | "autoFocus" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "inputValue" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme"> & {
75
- tabIndex?: number | undefined;
76
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
77
- isLoading?: boolean | undefined;
78
- isDisabled?: boolean | undefined;
79
- components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
80
- placeholder?: React.ReactNode;
81
- options?: import("react-select").OptionsOrGroups<Option, Group> | undefined;
82
- pageSize?: number | undefined;
83
- backspaceRemovesValue?: boolean | undefined;
84
- blurInputOnSelect?: boolean | undefined;
85
- captureMenuScroll?: boolean | undefined;
86
- classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
87
- closeMenuOnSelect?: boolean | undefined;
88
- closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
89
- controlShouldRenderValue?: boolean | undefined;
90
- escapeClearsValue?: boolean | undefined;
91
- filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
92
- formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
93
- getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
94
- getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
95
- isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
96
- isMulti?: IsMulti | undefined;
97
- isRtl?: boolean | undefined;
98
- isSearchable?: boolean | undefined;
99
- loadingMessage?: ((obj: {
100
- inputValue: string;
101
- }) => React.ReactNode) | undefined;
102
- minMenuHeight?: number | undefined;
103
- maxMenuHeight?: number | undefined;
104
- menuIsOpen?: boolean | undefined;
105
- menuPlacement?: import("react-select").MenuPlacement | undefined;
106
- menuPosition?: import("react-select").MenuPosition | undefined;
107
- menuShouldBlockScroll?: boolean | undefined;
108
- menuShouldScrollIntoView?: boolean | undefined;
109
- noOptionsMessage?: ((obj: {
110
- inputValue: string;
111
- }) => React.ReactNode) | undefined;
112
- openMenuOnFocus?: boolean | undefined;
113
- openMenuOnClick?: boolean | undefined;
114
- screenReaderStatus?: ((obj: {
115
- count: number;
116
- }) => string) | undefined;
117
- styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
118
- tabSelectsValue?: boolean | undefined;
119
- unstyled?: boolean | undefined;
120
- } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & Omit<BoxProps, "defaultValue"> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { TextareaProps } from '@chakra-ui/react';
3
- export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
4
- onFocus?: (() => void) | undefined;
5
- onBlur?: (() => void) | undefined;
6
- onMouseEnter?: (() => void) | undefined;
7
- onMouseLeave?: (() => void) | undefined;
8
- }) => React.JSX.Element;
@@ -1,12 +0,0 @@
1
- export * from './ActionsButton';
2
- export * from './Card';
3
- export * from './ConfirmMenuItem';
4
- export * from './DataList';
5
- export * from './FormGroup';
6
- export * from './InputDayPicker';
7
- export * from './InputPhone';
8
- export * from './InputRangePicker';
9
- export * from './ModalResponsive';
10
- export * from './Pagination';
11
- export * from './SearchInput';
12
- export * from './Select';
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const useClickOutside: (onClickOutside: () => void) => import("react").RefObject<HTMLDivElement>;
3
- export default useClickOutside;
@@ -1,4 +0,0 @@
1
- export * from './components';
2
- export * from './layout';
3
- export * from './theme';
4
- export * from './utils';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { FlexProps } from '@chakra-ui/react';
3
- export declare const BottomBar: (props: FlexProps) => React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { FlexProps } from '@chakra-ui/react';
3
- export declare const LayoutContainer: (props: FlexProps) => React.JSX.Element;
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps, DrawerContentProps, FlexProps, StackProps, TextProps } from '@chakra-ui/react';
3
- export type SideNavProps = {
4
- isOpen: boolean;
5
- onClose: () => void;
6
- onToggle?: () => void;
7
- breakpoint?: any[] | Partial<Record<string, any>>;
8
- } & FlexProps & DrawerContentProps;
9
- export type SideNavMenuItemProps = {
10
- isActive?: boolean;
11
- } & ButtonProps;
12
- export type SideNavMenuProps = {
13
- textProps?: TextProps;
14
- } & StackProps;
15
- export declare const SideNav: ({ isOpen, onClose, onToggle, breakpoint, children, ...props }: SideNavProps) => React.JSX.Element;
16
- export declare const SideNavContainer: (props: StackProps) => React.JSX.Element;
17
- export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => React.JSX.Element;
18
- export declare const SideNavBody: ({ children, ...rest }: StackProps) => React.JSX.Element;
19
- export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => React.JSX.Element;
20
- export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => React.JSX.Element;
21
- export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => React.JSX.Element;
@@ -1,10 +0,0 @@
1
- import React, { ReactComponentElement } from 'react';
2
- import { FlexProps, StackProps } from '@chakra-ui/react';
3
- export type TopBarBackActionProps = {
4
- backAction?: () => void;
5
- rightInformation?: ReactComponentElement<any>;
6
- } & FlexProps;
7
- export declare const TopBar: (props: StackProps) => React.JSX.Element;
8
- export declare const TopBarFirstElement: (props: FlexProps) => React.JSX.Element;
9
- export declare const TopBarLastElement: (props: StackProps) => React.JSX.Element;
10
- export declare const TopBarBackAction: ({ backAction, title, rightInformation, ...rest }: TopBarBackActionProps) => React.JSX.Element;
@@ -1,4 +0,0 @@
1
- export * from './BottomBar';
2
- export * from './LayoutContainer';
3
- export * from './SideNav';
4
- export * from './TopBar';
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- container: {
4
- borderRadius: string;
5
- fontSize: string;
6
- };
7
- };
8
- };
9
- export default _default;
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- borderRadius: string;
4
- fontWeight: string;
5
- paddingX: number;
6
- paddingY: number;
7
- };
8
- };
9
- export default _default;
@@ -1,163 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- borderRadius: string;
4
- fontWeight: string;
5
- };
6
- variants: {
7
- '@primary': (props: any) => {
8
- bg: string;
9
- color: string;
10
- borderWidth: string;
11
- borderStyle: string;
12
- borderColor: string;
13
- _focus: {
14
- boxShadow: string;
15
- };
16
- _hover: {
17
- bg: string;
18
- color: string;
19
- textDecoration: string;
20
- _disabled: {
21
- bg: string;
22
- };
23
- };
24
- _active: {
25
- bg: string;
26
- };
27
- };
28
- '@secondary': (props: any) => {
29
- bg: string;
30
- color: string;
31
- borderWidth: string;
32
- borderStyle: string;
33
- borderColor: string;
34
- _focus: {
35
- boxShadow: string;
36
- };
37
- _hover: {
38
- bg: string;
39
- color: string;
40
- textDecoration: string;
41
- _disabled: {
42
- bg: string;
43
- };
44
- };
45
- _active: {
46
- bg: string;
47
- };
48
- };
49
- '@danger': (props: any) => {
50
- bg: string;
51
- color: string;
52
- borderWidth: string;
53
- borderStyle: string;
54
- borderColor: string;
55
- _focus: {
56
- boxShadow: string;
57
- };
58
- _hover: {
59
- bg: string;
60
- color: string;
61
- textDecoration: string;
62
- _disabled: {
63
- bg: string;
64
- };
65
- };
66
- _active: {
67
- bg: string;
68
- };
69
- };
70
- '@link': (props: any) => {
71
- height: string;
72
- margin: number;
73
- padding: number;
74
- bg: string;
75
- color: string;
76
- borderWidth: string;
77
- borderStyle: string;
78
- borderColor: string;
79
- _focus: {
80
- boxShadow: string;
81
- };
82
- _hover: {
83
- bg: string;
84
- color: string;
85
- textDecoration: string;
86
- _disabled: {
87
- bg: string;
88
- };
89
- };
90
- _active: {
91
- bg: string;
92
- };
93
- };
94
- '@linkNeutral': (props: any) => {
95
- height: string;
96
- margin: number;
97
- padding: number;
98
- _hover: {
99
- textDecoration: string;
100
- };
101
- bg: string;
102
- color: string;
103
- borderWidth: string;
104
- borderStyle: string;
105
- borderColor: string;
106
- _focus: {
107
- boxShadow: string;
108
- };
109
- _active: {
110
- bg: string;
111
- };
112
- };
113
- '@white': (props: any) => {
114
- bg: string;
115
- color: string;
116
- borderWidth: string;
117
- borderStyle: string;
118
- borderColor: string;
119
- _focus: {
120
- boxShadow: string;
121
- };
122
- _hover: {
123
- bg: string;
124
- color: string;
125
- textDecoration: string;
126
- _disabled: {
127
- bg: string;
128
- };
129
- };
130
- _active: {
131
- bg: string;
132
- };
133
- };
134
- '@whiteNeutral': (props: any) => {
135
- bg: string;
136
- color: string;
137
- borderWidth: string;
138
- borderStyle: string;
139
- borderColor: string;
140
- _focus: {
141
- boxShadow: string;
142
- };
143
- _hover: {
144
- bg: string;
145
- color: string;
146
- textDecoration: string;
147
- _disabled: {
148
- bg: string;
149
- };
150
- };
151
- _active: {
152
- bg: string;
153
- };
154
- };
155
- ghost: (props: any) => {
156
- bg: string;
157
- _hover: {
158
- bg: string;
159
- };
160
- };
161
- };
162
- };
163
- export default _default;
@@ -1,11 +0,0 @@
1
- declare const _default: {
2
- defaultProps: {
3
- colorScheme: string;
4
- };
5
- baseStyle: {
6
- control: {
7
- borderRadius: string;
8
- };
9
- };
10
- };
11
- export default _default;
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- sizes: {
3
- nav: Partial<Record<"body" | "dialog" | "footer" | "header" | "overlay" | "dialogContainer" | "closeButton", import("@chakra-ui/styled-system").SystemStyleObject>>;
4
- };
5
- };
6
- export default _default;
@@ -1,8 +0,0 @@
1
- declare const _default: {
2
- baseStyle: {
3
- helperText: {
4
- color: string;
5
- };
6
- };
7
- };
8
- export default _default;