@foris/avocado-suite 0.4.0 → 0.5.1-beta.0

package/dist/avocado-suite/src/components/button/Button.d.ts

@@ -6,6 +6,8 @@ export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAtt
     children: React.ReactNode | string;
     /** Overwrite className */
     className?: string;
+    /** Loading state */
+    loading?: boolean;
     /** Show icon on the left */
     leftIcon?: IconTypes;
     /** Show icon on the right */

package/dist/avocado-suite/src/components/card/Card.d.ts

@@ -4,10 +4,12 @@ interface CardProps {
     children: ReactNode;
     /** Overwrite className */
     className?: string;
-    /** disabled state */
-    isDisabled?: boolean;
-    /** Clickable effect */
-    isClickable?: boolean;
+    /** Overwrite content className  */
+    classNameContent?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** OnClick event */
+    onClick?: () => void;
 }
 declare const Card: FC<CardProps>;
 export default Card;

package/dist/avocado-suite/src/components/divider/Divider.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+interface DividerProps {
+    /** Overwrite className */
+    className?: string;
+    /** Set the position vertical */
+    vertical?: boolean;
+}
+declare const Divider: FC<DividerProps>;
+export default Divider;

package/dist/avocado-suite/src/components/pager/Pager.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+export type PagerProps = {
+    /** Overwrite children classNames */
+    classname?: {
+        global?: string;
+        nav?: string;
+        arrow?: string;
+        button?: string;
+    };
+    /**
+     * Current page
+     */
+    page: number;
+    /**
+     * Size per page
+     */
+    size: number;
+    /**
+     * Total number of items
+     */
+    total: number;
+    /**
+     * Total number of pages
+     */
+    totalPages?: number;
+    /**
+     * Callback: Action `onClick` on page
+     * @param page number of page
+     * @returns
+     */
+    onChange?: (page: number) => void;
+    /**
+     * Deprecated use "onChange" prop.
+     * @deprecated use "onChange" prop.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Deprecated is not used in the component
+     * @deprecated is not used in the component
+     */
+    hasPreviousPage?: boolean;
+    /**
+     * Deprecated is not used in the component
+     * @deprecated is not used in the component
+     */
+    hasNextPage?: boolean;
+};
+declare const Pager: FC<PagerProps>;
+export default Pager;

package/dist/avocado-suite/src/components/pager/components/ArrowPager.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface ArrowProps {
+    className?: string;
+    onClick: () => void;
+    icon: 'chevron-left' | 'chevron-right' | 'chevrons-left' | 'chevrons-right';
+    disabled: boolean;
+}
+declare const Arrow: FC<ArrowProps>;
+export default Arrow;

package/dist/avocado-suite/src/components/pager/components/ButtonPager.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+interface ButtonPagerProps {
+    className?: string;
+    onClick: () => void;
+    page: number;
+    currentPage: number;
+    ellipsisAsNumber: number;
+    disabled?: boolean;
+}
+declare const ButtonPager: FC<ButtonPagerProps>;
+export default ButtonPager;

package/dist/avocado-suite/src/components/pager/utils/generateArrayOfPages.d.ts

@@ -0,0 +1,2 @@
+declare const generateArrayOfPages: (currentPage: number, numberOfPages: number, ellipsisAsNumber: number) => number[];
+export default generateArrayOfPages;

package/dist/avocado-suite/src/components/radio-button/RadioButton.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode, DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export interface RadioButtonProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    /** overwrite className */
+    className?: string;
+    /** overwrite className in RadioButton */
+    classNameRadioButton?: string;
+    /** Text or ReactNode to be displayed at the left of the radio input */
+    labelLeft?: ReactNode | string;
+    /** Label Right side RadioButton*/
+    labelRight?: ReactNode | string;
+    /** disabled state */
+    disabled?: boolean;
+    /** Reference used on the input component */
+    ref?: any;
+}
+declare const RadioButton: FC<RadioButtonProps>;
+export default RadioButton;

package/dist/avocado-suite/src/components/select/Select.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Props } from 'react-select';
+export interface SelectProps extends Props {
+    /** Overwrite className */
+    className?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error option */
+    error?: string | boolean;
+    /** Text to be displayed representing the option */
+    label?: string;
+    /** [react-select] Array of options that populate the select menu */
+    options?: any[];
+    /** [react-select] Placeholder for the select value */
+    placeholder?: string;
+    /** [react-select] The value of the select; reflected by the selected option */
+    value?: any;
+    /** [react-select] Handle change events on the select */
+    onChange?: (e: any) => void;
+    /** [react-select] Handle change events on the input */
+    onInputChange?: (e: any) => void;
+}
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/avocado-suite/src/components/select/components/SelectIndicators.d.ts

@@ -0,0 +1,8 @@
+import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
+export declare const ClearIndicator: (props: ClearIndicatorProps) => JSX.Element;
+export declare const DropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
+interface ErrorIndicator {
+    message: string;
+}
+export declare const ErrorIndicator: (props: ErrorIndicator) => JSX.Element;
+export {};

package/dist/avocado-suite/src/components/select-pagination/SelectPagination.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Props } from 'react-select';
+export interface SelectPaginationProps extends Props {
+    /** Overwrite className */
+    className?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error option */
+    error?: string | boolean;
+    /** Text to be displayed representing the option */
+    label?: string;
+    /** [react-select] Default additional for first request for every search. */
+    additional?: any;
+    /** [react-select] Debounce timeout for loadOptions calls. 0 by default. */
+    debounceTimeout?: any;
+    /** [react-select] Function. Async function that take next arguments. */
+    loadOptions: any;
+    /** [react-select] Placeholder for the select value */
+    placeholder?: string;
+    /** [react-select] The value of the select; reflected by the selected option */
+    value?: any;
+    /** [react-select] Function. */
+    onChange?: any;
+}
+declare const SelectPagination: React.FC<SelectPaginationProps>;
+export default SelectPagination;

package/dist/avocado-suite/src/components/text-field/TextField.d.ts

@@ -0,0 +1,17 @@
+import { DetailedHTMLProps, InputHTMLAttributes, FC } from 'react';
+export interface TextFieldProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    /** Overwrite className */
+    className?: string;
+    /** If allow to remove input content with clear icon	 */
+    allowClear?: boolean;
+    /** Set top label */
+    label?: string;
+    /** Set validation status	 */
+    status?: 'error' | 'warning' | 'blocked' | 'unsaved';
+    /** Set display for validation status	 */
+    statusDisplay?: 'inline' | 'icon';
+    /** Set helper text for validation status	 */
+    statusText?: string;
+}
+declare const TextField: FC<TextFieldProps>;
+export default TextField;

package/dist/avocado-suite/src/components/text-field/components/StatusIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface StatusIconProps {
+    status: 'error' | 'warning' | 'blocked' | 'unsaved';
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const StatusIcon: FC<StatusIconProps>;
+export default StatusIcon;

package/dist/avocado-suite/src/index.d.ts

@@ -5,5 +5,11 @@ import Card from './components/card/Card';
 import Heading from './components/heading/Heading';
 import Text from './components/text/Text';
 import Checkbox from './components/checkbox/Checkbox';
+import Pager from './components/pager/Pager';
+import RadioButton from './components/radio-button/RadioButton';
+import Select from './components/select/Select';
+import SelectPagination from './components/select-pagination/SelectPagination';
+import Divider from './components/divider/Divider';
+import TextField from './components/text-field/TextField';
 import { ThemeProvider } from './contexts/theme/ThemeProvider';
-export { Breadcrumbs, Button, Box, Card, Checkbox, Heading, Text, ThemeProvider };
+export { Box, Breadcrumbs, Button, Card, Checkbox, Heading, Text, Pager, RadioButton, Select, SelectPagination, Divider, TextField, ThemeProvider, };