@foris/avocado-suite 0.3.0 → 0.5.0

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.
@@ -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, };