@foris/avocado-suite 0.7.0 → 0.9.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/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/processing/Processing.d.ts

@@ -0,0 +1,2 @@
+declare const Processing: () => JSX.Element;
+export default Processing;

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/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/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,17 +1,25 @@
+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 Menu from './components/menu/Menu';
 import Pager from './components/pager/Pager';
+import Processing from './components/processing/Processing';
 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 TextField from './components/text-field/TextField';
-import Link from './components/link/Link';
-import { ThemeProvider } from './contexts/theme/ThemeProvider';
+import SkeletonBase from './components/skeleton-base/SkeletonBase';
+import SkeletonCircle from './components/skeleton-circle/SkeletonCircle';
+import Stepper from './components/stepper/Stepper';
 import Tag from './components/tag/Tag';
-export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Pager, RadioButton, Select, SelectPagination, Text, TextField, ThemeProvider, Tag };
+import Text from './components/text/Text';
+import TextField from './components/text-field/TextField';
+import Timer from './components/timer/Timer';
+import Tooltip from './components/tooltip/Tooltip';
+export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Menu, Pager, Processing, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tag, Text, TextField, ThemeProvider, Timer, 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;
+}