@foris/avocado-suite 0.3.0 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,17 @@
1
+ import { FC, ReactNode, DetailedHTMLProps, InputHTMLAttributes } from 'react';
2
+ export interface RadioButtonProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
3
+ /** overwrite className */
4
+ className?: string;
5
+ /** overwrite className in RadioButton */
6
+ classNameRadioButton?: string;
7
+ /** Text or ReactNode to be displayed at the left of the radio input */
8
+ labelLeft?: ReactNode | string;
9
+ /** Label Right side RadioButton*/
10
+ labelRight?: ReactNode | string;
11
+ /** disabled state */
12
+ disabled?: boolean;
13
+ /** Reference used on the input component */
14
+ ref?: any;
15
+ }
16
+ declare const RadioButton: FC<RadioButtonProps>;
17
+ export default RadioButton;
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { Props } from 'react-select';
3
+ export interface SelectProps extends Props {
4
+ /** Overwrite className */
5
+ className?: string;
6
+ /** Disabled state */
7
+ disabled?: boolean;
8
+ /** Error option */
9
+ error?: string | boolean;
10
+ /** Text to be displayed representing the option */
11
+ label?: string;
12
+ /** [react-select] Array of options that populate the select menu */
13
+ options?: any[];
14
+ /** [react-select] Placeholder for the select value */
15
+ placeholder?: string;
16
+ /** [react-select] The value of the select; reflected by the selected option */
17
+ value?: any;
18
+ /** [react-select] Handle change events on the select */
19
+ onChange?: (e: any) => void;
20
+ /** [react-select] Handle change events on the input */
21
+ onInputChange?: (e: any) => void;
22
+ }
23
+ declare const Select: React.FC<SelectProps>;
24
+ export default Select;
@@ -0,0 +1,8 @@
1
+ import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
2
+ export declare const ClearIndicator: (props: ClearIndicatorProps) => JSX.Element;
3
+ export declare const DropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
4
+ interface ErrorIndicator {
5
+ message: string;
6
+ }
7
+ export declare const ErrorIndicator: (props: ErrorIndicator) => JSX.Element;
8
+ export {};
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { Props } from 'react-select';
3
+ export interface SelectPaginationProps extends Props {
4
+ /** Overwrite className */
5
+ className?: string;
6
+ /** Disabled state */
7
+ disabled?: boolean;
8
+ /** Error option */
9
+ error?: string | boolean;
10
+ /** Text to be displayed representing the option */
11
+ label?: string;
12
+ /** [react-select] Default additional for first request for every search. */
13
+ additional?: any;
14
+ /** [react-select] Debounce timeout for loadOptions calls. 0 by default. */
15
+ debounceTimeout?: any;
16
+ /** [react-select] Function. Async function that take next arguments. */
17
+ loadOptions: any;
18
+ /** [react-select] Placeholder for the select value */
19
+ placeholder?: string;
20
+ /** [react-select] The value of the select; reflected by the selected option */
21
+ value?: any;
22
+ /** [react-select] Function. */
23
+ onChange?: any;
24
+ }
25
+ declare const SelectPagination: React.FC<SelectPaginationProps>;
26
+ export default SelectPagination;
@@ -6,5 +6,8 @@ import Heading from './components/heading/Heading';
6
6
  import Text from './components/text/Text';
7
7
  import Checkbox from './components/checkbox/Checkbox';
8
8
  import Pager from './components/pager/Pager';
9
+ import RadioButton from './components/radio-button/RadioButton';
10
+ import Select from './components/select/Select';
11
+ import SelectPagination from './components/select-pagination/SelectPagination';
9
12
  import { ThemeProvider } from './contexts/theme/ThemeProvider';
10
- export { Breadcrumbs, Button, Box, Card, Checkbox, Heading, Text, Pager, ThemeProvider, };
13
+ export { Box, Breadcrumbs, Button, Card, Checkbox, Heading, Text, Pager, RadioButton, Select, SelectPagination, ThemeProvider, };