@foris/avocado-suite 0.8.0 → 0.10.0-beta.0

package/dist/avocado-suite/src/components/DataTable/DataTable.d.ts

@@ -0,0 +1,8 @@
+declare const DataTable: {
+    Action: import("react").FC<import("./components/DataTableAction/DataTableAction").IDataTableAction>;
+    ActionsGroup: import("react").FC<import("./components/DataTableAction/DataTableActionsGroup").IDataTableActionsGroup>;
+    Content: import("react").FC<import("./components/DataTableContent/DataTableContent").IDataTableContent>;
+    Header: import("react").FC<import("./components/DataTableHeader/DataTableHeader").IDataTableHeader>;
+    Row: import("react").FC<import("./components/DataTableRow/DataTableRow").IDataTableRow>;
+};
+export default DataTable;

package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableAction.d.ts

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from 'react';
+import { IconTypes } from '../../../../../../avocado-icons/src/types/icons.type.ts';
+import IconSize from '../../../../../../avocado-icons/src/types/size.enum';
+export type DataTableActionPosition = 'left' | 'right';
+export type DataTableActionType = 'primary' | 'success' | 'warning' | 'danger';
+export interface IDataTableAction {
+    /** replace icon with another element */
+    children?: ReactNode | string;
+    /** overwrite children classnames */
+    classname?: {
+        aside?: string;
+        icon?: string;
+    };
+    /** disabled state */
+    disabled?: boolean;
+    /** icon value */
+    icon?: IconTypes;
+    /** icon size */
+    iconSize?: keyof typeof IconSize;
+    /** position value */
+    position: DataTableActionPosition;
+    /** type value */
+    type?: DataTableActionType;
+    /** option to action in anchor*/
+    onClick?: () => void;
+}
+declare const DataTableAction: FC<IDataTableAction>;
+export default DataTableAction;

package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableActionsGroup.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import DataTableAction from './DataTableAction';
+export interface IDataTableActionsGroup {
+    /** actions */
+    children: React.ReactElement<typeof DataTableAction> | React.ReactElement<typeof DataTableAction>[];
+    /** overwrite className */
+    className?: string;
+}
+declare const DataTableActionsGroup: React.FC<IDataTableActionsGroup>;
+export default DataTableActionsGroup;

package/dist/avocado-suite/src/components/DataTable/components/DataTableContent/DataTableContent.d.ts

@@ -0,0 +1,71 @@
+import React, { CSSProperties } from 'react';
+import DataTableAction from '../DataTableAction/DataTableAction';
+import DataTableActionsGroup from '../DataTableAction/DataTableActionsGroup';
+export type DataTableContentType = 'accordion' | 'regular';
+export type DataTableSubContentStyle = 'inheritance' | 'custom';
+export interface IColumn {
+    accessor: string;
+    header: string;
+    position: number;
+    styles?: CSSProperties;
+    renderCell?: (value: any) => void;
+    tooltip?: boolean | string;
+}
+export interface IResponsiveStylesOptions {
+    maxWidth?: string;
+    minWidth?: string;
+    padding?: string;
+    width?: string;
+    textAlign?: 'left' | 'right' | 'center';
+}
+export interface IResponsiveOptions {
+    position?: number;
+    styles?: IResponsiveStylesOptions;
+}
+export interface IColumnResponsive {
+    allDevices?: IResponsiveOptions;
+    desktop?: IResponsiveOptions;
+    mobile?: IResponsiveOptions;
+}
+export interface IDataTableContentColumn {
+    /** This string is used to build the data model for your column. */
+    accessor: string;
+    /** Column's name */
+    header: string;
+    /** The responsive configuration for the column. */
+    responsive?: IColumnResponsive;
+    /** This function (or component) is primarily used for formatting the column value */
+    renderCell?: (value: any) => void;
+    /** Tooltip to display the cell content or an extra value. */
+    tooltip?: boolean | string;
+}
+export interface IDataTableContentActions {
+    /** Column's name */
+    header?: React.ReactNode | string;
+    /** Column's visibility */
+    visibility: boolean;
+    /** This function (or component) is primarily used for formatting the column value */
+    renderComponent: (value: any) => React.ReactElement<typeof DataTableAction> | React.ReactElement<typeof DataTableActionsGroup> | null;
+}
+export interface IDataTableContent {
+    /** overwrite className */
+    className?: string;
+    /** The columns configuration for the table. */
+    columns: IDataTableContentColumn[];
+    /** The data that you want to display on the table. */
+    data: any[];
+    /** Left action or actions on the table */
+    leftActions?: IDataTableContentActions;
+    /** Right action or actions on the table */
+    rightActions?: IDataTableContentActions;
+    /** content type: regular | accordion */
+    contentType?: DataTableContentType;
+    /** key to render sub data */
+    keyBody?: string;
+    /** style of sub content: inheritance | custom */
+    styleBody?: DataTableSubContentStyle;
+    /** event to render each sub row  */
+    renderBody?: (body: any) => any;
+}
+declare const DataTableContent: React.FC<IDataTableContent>;
+export default DataTableContent;

package/dist/avocado-suite/src/components/DataTable/components/DataTableHeader/DataTableHeader.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DataTableContentType, DataTableSubContentStyle, IDataTableContentActions, IDataTableContentColumn } from '../DataTableContent/DataTableContent';
+export interface IDataTableHeader {
+    /** overwrite className */
+    className?: string;
+    /** The columns configuration for the table. */
+    columns: IDataTableContentColumn[];
+    /** content type: regular | accordion */
+    contentType?: DataTableContentType;
+    /** Check if is mobile device */
+    isMobile?: boolean;
+    /** Left action or actions on the table */
+    leftActions?: IDataTableContentActions;
+    /** Right action or actions on the table */
+    rightActions?: IDataTableContentActions;
+    /** style of sub content: inheritance | custom */
+    styleBody?: DataTableSubContentStyle;
+}
+declare const DataTableHeader: React.FC<IDataTableHeader>;
+export default DataTableHeader;

package/dist/avocado-suite/src/components/DataTable/components/DataTableRow/DataTableRow.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { IColumn, IDataTableContentActions } from '../DataTableContent/DataTableContent';
+export interface IDataTableRow {
+    /** The columns parsed for the table. */
+    columns: IColumn[][];
+    /** The data that you want to display on the table. */
+    data: any;
+    /** Check if is mobile device */
+    isMobile?: boolean;
+    /** Left action or actions on the table */
+    leftActions?: IDataTableContentActions;
+    /** Right action or actions on the table */
+    rightActions?: IDataTableContentActions;
+}
+declare const DataTableRow: FC<IDataTableRow>;
+export default DataTableRow;

package/dist/avocado-suite/src/components/DataTable/components/DataTableRow/DataTableRowAccordion.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DataTableSubContentStyle } from '../DataTableContent/DataTableContent';
+export interface IDataTableRowAccordion {
+    /** The columns parsed for the table. */
+    columns: any[];
+    /** The data that you want to display on the table. */
+    data: any;
+    /** Check if is mobile device */
+    isMobile?: boolean;
+    /** key to render sub data */
+    keyBody?: string;
+    /** style of sub content: inheritance | custom */
+    styleBody?: DataTableSubContentStyle;
+    /** event to render each sub row  */
+    renderBody?: (body: any) => any;
+}
+declare const DataTableRowAccordion: React.FC<IDataTableRowAccordion>;
+export default DataTableRowAccordion;

package/dist/avocado-suite/src/components/DataTable/utils/dataTableUtil.d.ts

@@ -0,0 +1,18 @@
+import { IDataTableContentColumn, IResponsiveOptions, IResponsiveStylesOptions } from '../components/DataTableContent/DataTableContent';
+export declare const getStyles: (options?: IResponsiveOptions) => {
+    maxWidth: string;
+    minWidth: string;
+    padding: string;
+    textAlign: "center" | "left" | "right";
+    width: string;
+};
+export declare const parseColumn: (column: IDataTableContentColumn, index: number) => {
+    accessor: string;
+    header: string;
+    renderCell?: ((value: any) => void) | undefined;
+    tooltip?: string | boolean | undefined;
+    position: number;
+    styles: IResponsiveStylesOptions;
+};
+export declare const verifyActionComponent: (element: any) => any;
+export declare const verifyActionsGroupComponent: (element: any) => any;

package/dist/avocado-suite/src/components/Pill/Pill.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { IconTypes } from '../../../../../../../../avocado-icons/src/types/icons.type';
+import { Color } from '../../../../../../../../avocado-icons/src/types/color.enum';
+export interface PillProps {
+    /** Optional Icon name */
+    icon?: IconTypes;
+    /** Overwrite icon original color */
+    iconColor?: `${Color}`;
+    /** Icon filled state */
+    iconFilled?: boolean;
+    /** Overwrite pill original color */
+    color?: `${Color}`;
+    /** Overwrite pill original text color */
+    textColor?: `${Color}`;
+    /** Controls pill outlined state */
+    outlined?: boolean;
+    /** content pill */
+    children: React.ReactNode | string;
+    /** overwrite className */
+    className?: string;
+}
+declare const Pill: React.FC<PillProps>;
+export default Pill;

package/dist/avocado-suite/src/components/Pill/Pill.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,25 @@
+declare enum NotificationState {
+    Warning = "warning",
+    Error = "error",
+    Info = "info",
+    Success = "success"
+}
+interface CardNotificationProps {
+    /** State or variant of the notification */
+    state: `${NotificationState}`;
+    /** Outlined variant */
+    outlined?: boolean;
+    /** Overwrite className */
+    className?: string;
+    /** Title of the notification */
+    title: string;
+    /** Description of the notification */
+    description?: string;
+    /** Action of the notification */
+    action?: {
+        text: string;
+        onClick: () => void;
+    };
+}
+declare const CardNotification: ({ state, outlined, title, description, action, className, }: CardNotificationProps) => JSX.Element;
+export default CardNotification;

package/dist/avocado-suite/src/components/donut/Donut.d.ts

@@ -0,0 +1,17 @@
+export interface IDonutItem {
+    name: string;
+    percentage: number;
+    value: number;
+}
+export interface IDonut {
+    /** overwrite className */
+    className?: string;
+    /** data */
+    data: IDonutItem[];
+    /** height */
+    height?: string;
+    /** width */
+    width?: string;
+}
+declare const Donut: ({ className, data, height, width, }: IDonut) => JSX.Element;
+export default Donut;

package/dist/avocado-suite/src/components/donut/donut-labels/DonutLabels.d.ts

@@ -0,0 +1,9 @@
+import { IDonutItem } from '../Donut';
+export interface IDonutLabels {
+    /** overwrite className */
+    className?: string;
+    /** data */
+    data: IDonutItem[];
+}
+declare const DonutLabels: ({ className, data }: IDonutLabels) => JSX.Element;
+export default DonutLabels;

package/dist/avocado-suite/src/components/donut/donut-legend/DonutLegend.d.ts

@@ -0,0 +1,13 @@
+import { IDonutItem } from '../Donut';
+export interface IDonutLegend {
+    /** overwrite className */
+    className?: string;
+    /** data */
+    data: IDonutItem[];
+    /** Overwrite total label */
+    totalLabel?: string;
+    /** Show or not the total label */
+    showTotal?: boolean;
+}
+declare const DonutLegend: ({ className, data, totalLabel, showTotal, }: IDonutLegend) => JSX.Element;
+export default DonutLegend;

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

@@ -7,16 +7,25 @@ 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 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';
 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';
-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 };
+import DataTable from './components/DataTable/DataTable';
+import CardNotification from './components/card-notification/CardNotification';
+import Pill from './components/Pill/Pill';
+import Donut from './components/donut/Donut';
+import DonutLabels from './components/donut/donut-labels/DonutLabels';
+import DonutLegend from './components/donut/donut-legend/DonutLegend';
+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, DataTable, CardNotification, Pill, Donut, DonutLabels, DonutLegend, };