@foris/avocado-suite 0.5.1-beta.1 → 0.8.0

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

@@ -1,7 +1,9 @@
-import { FC } from "react";
+import { FC } from 'react';
 interface DividerProps {
     /** Overwrite className */
     className?: string;
+    /** Disabled state */
+    disabled?: boolean;
     /** Set the position vertical */
     vertical?: boolean;
 }

package/dist/avocado-suite/src/components/link/Link.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { IconTypes } from '../../../../avocado-icons/src/types/icons.type';
+export interface LinkProps extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+    /** Render content link */
+    children: React.ReactNode | string;
+    /** Overwrite className */
+    className?: string;
+    /** Set disabled value */
+    disabled?: boolean;
+    /** Set icon left */
+    iconLeft?: IconTypes;
+    /** Set icon right */
+    iconRight?: IconTypes;
+    /** Use when the background is dark */
+    inverse?: boolean;
+    /** Use size 'sm' or 'md'. Default 'md' */
+    size?: 'sm' | 'md';
+    /** Handle onClock event */
+    onClick?: () => void;
+}
+declare const Link: FC<LinkProps>;
+export default Link;

package/dist/avocado-suite/src/components/menu/Menu.d.ts

@@ -0,0 +1,13 @@
+import { MenuItem } from '../../types/menu.types.ts';
+interface MenuProps {
+    /** Control if you want to close the list after clicking one of the options or not */
+    closeOnClick?: boolean;
+    /** From where to start to render the list */
+    listOrigin?: 'left' | 'right';
+    /** List of the items to render when the menu is open */
+    items: MenuItem[];
+    /** Overwrite className */
+    className?: string;
+}
+declare const Menu: (props: MenuProps) => JSX.Element;
+export default Menu;

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

@@ -0,0 +1,16 @@
+import { ButtonVariant } from '../button/Button';
+import { IconTypes } from '../../../../../../../../avocado-icons/src/types/icons.type.ts';
+interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> {
+    /** Icon name */
+    icon: IconTypes;
+    /** Variant of the button */
+    variant?: ButtonVariant;
+    /** Overwrite className */
+    className?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare const RoundButton: (props: RoundButtonProps) => JSX.Element;
+export default RoundButton;

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/tag/Tag.d.ts

@@ -0,0 +1,26 @@
+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;
+    /** 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/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/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/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/index.d.ts

@@ -1,14 +1,22 @@
+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 Box from './components/box/Box';
 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 Divider from './components/divider/Divider';
+import Heading from './components/heading/Heading';
+import Link from './components/link/Link';
+import Pager from './components/pager/Pager';
 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 Divider from './components/divider/Divider';
+import Stepper from './components/stepper/Stepper';
+import Tag from './components/tag/Tag';
+import Text from './components/text/Text';
 import TextField from './components/text-field/TextField';
-import { ThemeProvider } from './contexts/theme/ThemeProvider';
-export { Box, Breadcrumbs, Button, Card, Checkbox, Heading, Text, RadioButton, Select, SelectPagination, Divider, TextField, ThemeProvider, };
+import Timer from './components/timer/Timer';
+import Tooltip from './components/tooltip/Tooltip';
+import Menu from './components/menu/Menu';
+export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Pager, RadioButton, RoundButton, Select, SelectPagination, Stepper, Tag, Text, TextField, ThemeProvider, Timer, Tooltip, Menu };

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;
+}