@foris/avocado-suite 0.10.0 → 0.11.0

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/skeleton-base/SkeletonBase.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+interface SkeletonBaseProps {
+    /** Overwrite className */
+    className?: string;
+    /** Set the height of skeleton */
+    height?: string | number;
+    /** Set a max-width */
+    maxWidth?: string | number;
+    /** Set radius to skeleton */
+    radius?: string | number;
+    /** Set the width of skeleton */
+    width?: string | number;
+}
+declare const SkeletonBase: FC<SkeletonBaseProps>;
+export default SkeletonBase;

package/dist/avocado-suite/src/components/skeleton-circle/SkeletonCircle.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface SkeletonCircleProps {
+    /** Overwrite className */
+    className?: string;
+    /** Set the size of skeleton circle */
+    size: number;
+}
+declare const SkeletonCircle: FC<SkeletonCircleProps>;
+export default SkeletonCircle;

package/dist/avocado-suite/src/components/stepper/Stepper.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+interface StepperProps {
+    /** overwrite className */
+    className?: string;
+    /** Use dark colors palette*/
+    darkMode?: boolean;
+    /** the steps you will have */
+    items: string[];
+    /** index of the active item */
+    itemActive: number;
+}
+declare const Stepper: FC<StepperProps>;
+export default Stepper;

package/dist/avocado-suite/src/components/tabs/Tabs.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+export interface TabItemProps {
+    children: ReactNode;
+    disabled?: boolean;
+    label: ReactNode;
+}
+export interface TabsProps {
+    /** Current index */
+    activeIndex?: number;
+    /** Overwrite className */
+    className?: string;
+    /** Configure tabs content */
+    items: TabItemProps[];
+    /** Callback that will be triggered when one of the tabs is clicked. */
+    onClick?: (index: number) => void;
+}
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/avocado-suite/src/components/tag/Tag.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { IconTypes } from '../../../../avocado-icons/src/types/icons.type';
+declare const variants: {
+    readonly Outlined: "outlined";
+    readonly Filled: "filled";
+};
+export type TagType = (typeof variants)[keyof typeof variants];
+export type TagSize = 'sm' | 'lg';
+export interface ITag {
+    /** Content of the component tag */
+    children?: React.ReactNode;
+    /** Overwrite className */
+    className?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Tag variant type */
+    type?: TagType;
+    /** Icon name */
+    icon?: IconTypes;
+    /** Controls his active state */
+    active?: boolean;
+    /** Action when clicking on the component */
+    onClick?: () => void;
+    /** Action when clicking on the icon of the component */
+    onIconClick?: () => void;
+}
+declare const Tag: React.FC<ITag>;
+export default Tag;

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+export interface TextProps {
+    /** Render content */
+    children: React.ReactNode | string;
+    /** Overwrite className */
+    className?: string;
+    /** Use dark colors palette*/
+    darkMode?: boolean;
+    /** Type can be */
+    type?: 'lg' | 'md' | 'sm' | 'xs';
+    /** Weight can be */
+    weight?: 'regular' | 'medium';
+}
+declare const Text: FC<TextProps>;
+export default Text;

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/components/timer/Timer.d.ts

@@ -0,0 +1,48 @@
+import { FC } from 'react';
+export interface TimeHTML {
+    days0: string;
+    days1: string;
+    daysBack0: string;
+    daysBack1: string;
+    hours0: string;
+    hours1: string;
+    hoursBack0: string;
+    hoursBack1: string;
+    minutes0: string;
+    minutes1: string;
+    minutesBack0: string;
+    minutesBack1: string;
+}
+export interface TimeValues {
+    days: number;
+    hours: number;
+    minutes: number;
+}
+export interface TimeObject {
+    /** set label */
+    label: string;
+    /** set value */
+    value: number;
+}
+export interface Time {
+    /** set remaining days */
+    days: TimeObject;
+    /** set remaining hours between 0 and 23*/
+    hours: TimeObject;
+    /** set remaining minutes between 0 and 59 */
+    minutes: TimeObject;
+}
+export interface TimerProps {
+    /** overwrite className */
+    className?: string;
+    /** set milliSeconds interval */
+    milliSecondsInterval?: number;
+    /** set startCountDown */
+    startCountDown?: boolean;
+    /** set remaining time */
+    time: Time;
+    /** event when finish */
+    onFinish?: () => void;
+}
+declare const Timer: FC<TimerProps>;
+export default Timer;

package/dist/avocado-suite/src/components/timer/timer.util.d.ts

@@ -0,0 +1,8 @@
+import { Time, TimeHTML } from './Timer';
+export declare const getTimeValues: (time: Time) => {
+    days: number;
+    hours: number;
+    minutes: number;
+};
+export declare const getTotalTime: (data: Time) => number;
+export declare const defaultTimerHTML: (data: Time) => TimeHTML;

package/dist/avocado-suite/src/components/toaster/Toaster.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const Toaster: FC;
+export default Toaster;

package/dist/avocado-suite/src/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+declare enum PlacementEnum {
+    bottom = "bottom",
+    bottomLeft = "bottomLeft",
+    bottomRight = "bottomRight",
+    top = "top",
+    topLeft = "topLeft",
+    topRight = "topRight",
+    left = "left",
+    right = "right"
+}
+export interface TooltipProps {
+    /** Children component */
+    children: ReactNode;
+    /** Overwrite className */
+    className?: string;
+    /** The label of the tooltip */
+    label: string;
+    /** The placement of the popper relative to its reference */
+    placement?: keyof typeof PlacementEnum;
+}
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;

package/dist/avocado-suite/src/constants/theme.constants.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '../types/theme.types';
+export declare const AVOCADO_LIGHT_THEME: Theme;
+export declare const AVOCADO_DARK_THEME: Theme;

package/dist/avocado-suite/src/contexts/theme/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { AVOCADO_LIGHT_THEME, AVOCADO_DARK_THEME } from '../../constants/theme.constants';
+import { Theme } from '../../types/theme.types';
+type ThemeContextType = {
+    theme: Theme;
+};
+declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+type ThemeProviderProps = {
+    children: ReactNode;
+    theme?: Theme;
+};
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export { ThemeContext, ThemeProvider, AVOCADO_LIGHT_THEME, AVOCADO_DARK_THEME };

package/dist/avocado-suite/src/hooks/useClickOutside.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface UseClickOutsideProps {
+    ref?: React.MutableRefObject<any>;
+    onClickOutside?: () => void;
+}
+export declare const useClickOutside: ({ ref, onClickOutside }: UseClickOutsideProps) => void;
+export {};

package/dist/avocado-suite/src/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+export declare const useTheme: () => {
+    theme: import("../types/theme.types").Theme;
+};

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

@@ -0,0 +1,34 @@
+import { ThemeProvider } from './contexts/theme/ThemeProvider';
+import Box from './components/box/Box';
+import Breadcrumbs from './components/breadcrumbs/Breadcrumbs';
+import Button from './components/button/Button';
+import Card from './components/card/Card';
+import CardNotification from './components/card-notification/CardNotification';
+import Checkbox from './components/checkbox/Checkbox';
+import DataTable from './components/DataTable/DataTable';
+import Divider from './components/divider/Divider';
+import Donut from './components/donut/Donut';
+import DonutLabels from './components/donut/donut-labels/DonutLabels';
+import DonutLegend from './components/donut/donut-legend/DonutLegend';
+import Heading from './components/heading/Heading';
+import Link from './components/link/Link';
+import Menu from './components/menu/Menu';
+import Pager from './components/pager/Pager';
+import Pill from './components/Pill/Pill';
+import Processing from './components/processing/Processing';
+import ProgressBar from './components/progress-bar/ProgressBar';
+import RadioButton from './components/radio-button/RadioButton';
+import RoundButton from './components/round-button/RoundButton';
+import Select from './components/select/Select';
+import SelectPagination from './components/select-pagination/SelectPagination';
+import SkeletonBase from './components/skeleton-base/SkeletonBase';
+import SkeletonCircle from './components/skeleton-circle/SkeletonCircle';
+import Stepper from './components/stepper/Stepper';
+import Tabs from './components/tabs/Tabs';
+import Tag from './components/tag/Tag';
+import Text from './components/text/Text';
+import TextField from './components/text-field/TextField';
+import Timer from './components/timer/Timer';
+import Toaster from './components/toaster/Toaster';
+import Tooltip from './components/tooltip/Tooltip';
+export { ThemeProvider, Box, Breadcrumbs, Button, Card, CardNotification, Checkbox, DataTable, Divider, Donut, DonutLabels, DonutLegend, Heading, Link, Menu, Pager, Pill, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tabs, Tag, Text, TextField, Timer, Toaster, Tooltip, };

package/dist/avocado-suite/src/types/menu.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { IconTypes } from '../../../../../../avocado-icons/src/types/icons.type.ts';
+export interface MenuItem {
+    icon?: IconTypes;
+    label: ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}

package/dist/avocado-suite/src/types/theme.types.d.ts

@@ -0,0 +1,4 @@
+export type ThemeMode = 'light' | 'dark';
+export type Theme = {
+    mode: ThemeMode;
+};