@foris/avocado-suite 0.9.0 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/avocado-suite",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "publishConfig": {
     "access": "public"
   },
@@ -22,8 +22,8 @@
     "react-dom": "18.2.0",
     "react-select": "5.8.0",
     "react-select-async-paginate": "0.7.3",
-    "@foris/avocado-icons": "1.2.0",
-    "@foris/avocado-core": "0.3.0"
+    "@foris/avocado-core": "0.4.0",
+    "@foris/avocado-icons": "1.3.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.4.0",

package/dist/avocado-suite/src/components/box/Box.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface BoxProps {
-    /** content card */
-    children: ReactNode | string;
-    /** Overwrite className */
-    className?: string;
-}
-declare const Box: FC<BoxProps>;
-export default Box;

package/dist/avocado-suite/src/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface BreadcrumbItem {
-    /** To integrate with react-router component */
-    component?: React.ReactElement;
-    /** Path working with `href` attribute */
-    path?: string;
-    /** Navigation item name */
-    title: string;
-}
-interface BreadcrumbsProps {
-    /** Overwrite className */
-    className?: string;
-    /** Use dark colors palette*/
-    darkMode?: boolean;
-    /** The navigation stack */
-    items: BreadcrumbItem[];
-}
-declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
-export default Breadcrumbs;

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

@@ -1,19 +0,0 @@
-import React, { FC } from 'react';
-import { IconTypes } from '../../../../avocado-icons/src/types/icons.type.ts';
-export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
-export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-    /** Render content button */
-    children: React.ReactNode | string;
-    /** Overwrite className */
-    className?: string;
-    /** Loading state */
-    loading?: boolean;
-    /** Show icon on the left */
-    leftIcon?: IconTypes;
-    /** Show icon on the right */
-    rightIcon?: IconTypes;
-    /** Use the variant prop to change the visual style of the Button */
-    variant?: ButtonVariant;
-}
-declare const Button: FC<ButtonProps>;
-export default Button;

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

@@ -1,15 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface CardProps {
-    /** Content card */
-    children: ReactNode;
-    /** Overwrite className */
-    className?: string;
-    /** 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/checkbox/Checkbox.d.ts

@@ -1,16 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface CheckboxProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    /** Overwrite className */
-    className?: string;
-    /** Overwrite className in checkbox */
-    classNameCheckbox?: string;
-    /** label Left side checkbox */
-    labelLeft?: ReactNode | string;
-    /** label Right side checkbox */
-    labelRight?: ReactNode | string;
-    /** disabled state */
-    disabled?: boolean;
-    ref?: any;
-}
-declare const Checkbox: FC<CheckboxProps>;
-export default Checkbox;

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

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

package/dist/avocado-suite/src/components/heading/Heading.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode, FC } from 'react';
-export interface HeadingProps {
-    /** Render content */
-    children: ReactNode | string;
-    /** Overwrite className */
-    className?: string;
-    /** Use dark colors palette*/
-    darkMode?: boolean;
-    /** Set importance. Match with h1, h2, h3 and h4 */
-    type: 'h1' | 'h2' | 'h3' | 'h4';
-}
-declare const Heading: FC<HeadingProps>;
-export default Heading;

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

@@ -1,22 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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/pager/Pager.d.ts

@@ -1,49 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

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

package/dist/avocado-suite/src/components/processing/Processing.d.ts

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

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

@@ -1,17 +0,0 @@
-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/round-button/RoundButton.d.ts

@@ -1,16 +0,0 @@
-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/select/Select.d.ts

@@ -1,24 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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/text/Text.d.ts

@@ -1,15 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

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