@aveonline/ui-react 1.19.5 → 2.0.0

package/dist/{components → ui}/atoms/Switch/Switch.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { ISwitch } from './ISwitch';
 /**
- * Atom: Switch
  * Switches toggle the state of a single item on or off.
  */
 declare function Switch({ onChange, isSelected, isDisabled, name, hasFrozenState, ...props }: ISwitch): JSX.Element;

package/dist/{components → ui}/atoms/Tooltip/Tooltip.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { ITooltipProps } from './ITooltip';
 /**
- * Atom: Tooltip
- * Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover.
+ * Floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover.
  */
 declare function Tooltip({ placement, title, description, initialOpen, fullWidthContainer, classNameContainer, children }: ITooltipProps): JSX.Element;
 export default Tooltip;

package/dist/{components → ui}/atoms/Tracker/Tracker.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { IPropsTracker } from './ITracker';
 /**
- * Atom: Tracker
  * Use in processes that have more than one step, so the user can know exactly how much is left.
  */
 declare function Tracker({ track, isDisabled, isSelected, title, ...rest }: IPropsTracker): JSX.Element;

package/dist/{components → ui}/atoms/Typography/Heading/Heading.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { IHeading } from './IHeading';
 /**
- * Atoms: Heading
  * You can select the semantic html tag you need. h1, h2, h3, h4, h5, h6.
  * Default h2
  */

package/dist/{components → ui}/atoms/Typography/Link/ILink.d.ts

@@ -1,13 +1,17 @@
 /// <reference types="react" />
 interface ILink {
     /**
-     * Kind availables
+     * Kind availables (deprecated - use variant)
      */
     kind?: 'default' | 'monochrome' | 'underline';
     /**
      * Tag html availables
      */
     as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'a'>;
+    /**
+     * Variants availables
+     */
+    variant?: 'default' | 'monochrome' | 'underline';
     onClick?: () => void;
 }
 export type { ILink };

package/dist/{components → ui}/atoms/Typography/Link/Link.d.ts

@@ -2,8 +2,7 @@
 import { IChildren, IClassName } from '../../../../types';
 import { ILink } from './ILink';
 /**
- * Atom: Link
  * Links take users to another place, and usually appear within or directly following a sentence.
  */
-declare function Link({ kind, className, children, as: ElementText, onClick }: ILink & IChildren & IClassName): JSX.Element;
+declare function Link({ kind, variant, className, children, as: ElementText, onClick }: ILink & IChildren & IClassName): JSX.Element;
 export default Link;

package/dist/{components → ui}/atoms/Typography/Text/Text.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import type { IText } from './IText';
 /**
- * Atom: Text
- * Paragraphs. Tags availables p, span.
+ * Paragraphs. Tags availables p, span, label.
  * Default p
  */
 declare function Text(props: IText): JSX.Element;

package/dist/ui/atoms/Typography/Text/TextRef.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IText } from './IText';
+declare const Text: import("react").ForwardRefExoticComponent<Pick<IText, keyof IText> & import("react").RefAttributes<any>>;
+export default Text;

package/dist/{components → ui}/index.d.ts

@@ -7,7 +7,7 @@ export * from './atoms/Badge';
 export * from './atoms/Switch';
 export * from './atoms/Icon';
 export * from './atoms/Tooltip';
-export * from './atoms/RadioButton';
+export * from './atoms/Radio';
 export * from './atoms/Tracker';
 export * from './atoms/Logo';
 export * from './atoms/Checkbox';
@@ -20,7 +20,6 @@ export * from './molecules/Selectable/AsyncCreatableSelect';
 export * from './molecules/Tab';
 export * from './molecules/InlineError';
 export * from './molecules/Modal';
-export * from './molecules/Dropdown';
 export * from './molecules/EmptyState';
 export * from './molecules/TabNav';
 export * from './molecules/Header';
@@ -28,16 +27,18 @@ export * from './molecules/Indicator/Graphic';
 export * from './molecules/Summary';
 export * from './molecules/Field';
 export * from './molecules/Flag';
-export * from './molecules/DropdownUser';
-export * from './molecules/DropdownFilterMultiple';
+export * from './molecules/DateInputPicker';
+export * from './molecules/Dropdowns/DropdownSummary';
+export * from './molecules/Dropdowns/DropdownUser';
+export * from './molecules/Dropdowns/DropdownFilterMultiple';
+export * from './molecules/Dropdowns/DropdownButton';
+export * from './molecules/Dropdowns/DropdownSearchMultiple';
 export * from './molecules/Table';
 export * from './molecules/Table/atoms/CheckBoxTable';
-export * from './molecules/DropdownButton';
-export * from './molecules/DateInputPicker';
-export * from './molecules/Card/Select';
-export * from './molecules/Card/Simple';
-export * from './molecules/CardHistory';
-export * from './molecules/Filter/FilterSearchMultiple';
+export * from './molecules/Cards/CardSelect';
+export * from './molecules/Cards/CardSimple';
+export * from './molecules/Cards/CardHistory';
+export * from './molecules/Dropdowns/DropdownSearchMultiple';
 export * from './organisms/Navigation';
 export * from './templates/Main';
 export * from './templates/Shipment';

package/dist/ui/molecules/Cards/CardHistory/CardHistory.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ICardHistory } from './ICardHistory';
+declare function CardHistory({ description, date, dimension, hour, badge, state, size, variant, dropdown, children }: ICardHistory): JSX.Element;
+export default CardHistory;

package/dist/ui/molecules/Cards/CardHistory/ICardHistory.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IChildren } from '../../../../types';
+import { IBadge } from '../../..';
+interface IDropdownCardHistory extends IChildren {
+    isActive?: boolean;
+    title?: JSX.Element | string;
+    description?: JSX.Element | string;
+}
+interface ICardHistory extends IChildren {
+    description?: JSX.Element | string;
+    date?: JSX.Element | string;
+    hour?: JSX.Element | string;
+    badge?: Omit<IBadge, 'children'> & {
+        title?: string | JSX.Element;
+    };
+    size?: 'sm' | 'md';
+    state?: 'active' | 'default';
+    variant?: 'default' | 'critical';
+    dropdown?: IDropdownCardHistory;
+    dimension?: 'sm' | 'md' | 'lg' | 'xl';
+}
+export type { ICardHistory, IDropdownCardHistory };

package/dist/{components/molecules/Card/Select/Select.d.ts → ui/molecules/Cards/CardSelect/CardSelect.d.ts}

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { IPropsCardSelect } from './ISelect';
+import { IPropsCardSelect } from './ICardSelect';
 /**
- * Molecule: CardSelect
  * Use radio cards in items where users must make a single selection, and need of a visual element or more than one text to be explained.
  */
 declare function CardSelect({ items, checkedItem, onChange }: IPropsCardSelect): JSX.Element;

package/dist/ui/molecules/Cards/CardSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CardSelect } from './CardSelect';
+export * from './ICardSelect';

package/dist/{components/molecules/Card/Simple → ui/molecules/Cards/CardSimple}/ICardSimple.d.ts

@@ -1,4 +1,4 @@
-import { IChildren } from '@/types';
+import { IChildren } from '../../../../types';
 interface IButtonCardSimple {
     title?: string;
     action?: () => void;

package/dist/ui/molecules/Cards/CardSimple/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CardSimple } from './CardSimple';
+export * from './ICardSimple';

package/dist/{components → ui}/molecules/DateInputPicker/Atoms/PluginEspecialDates.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IPluginEspecialDates } from '../IDateInputPicker';
-declare function MyPlugin({ functionCumpustonPlugin, initialValue }: IPluginEspecialDates): JSX.Element;
+declare function MyPlugin({ functionCumpustonPlugin, initialValue, isMobile }: IPluginEspecialDates): JSX.Element;
 export default MyPlugin;

package/dist/{components → ui}/molecules/DateInputPicker/Datelocate.d.ts

@@ -1,4 +1,4 @@
-export declare const gregorian_es: {
+export declare const gregorianEs: {
     name: string;
     months: string[][];
     weekDays: string[][];

package/dist/{components → ui}/molecules/DateInputPicker/IDateInputPicker.d.ts

@@ -37,6 +37,8 @@ interface ICustomRangeInput {
 interface IPluginEspecialDates {
     functionCumpustonPlugin: (value: string | null, setValuesInput: Array<string> | Array<DateObject> | null) => void;
     initialValue: string | null;
+    position?: string;
+    isMobile?: boolean;
 }
 interface IItemSpecialDates {
     name: string;

package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/IDropdownFilterMultiple.d.ts

@@ -1,4 +1,4 @@
-import { IKind, ISize } from '../..';
+import { IKind, ISize } from '../../..';
 declare type IDropdownFilterMultipleOptionSelected = {
     label: string;
     id: number;

package/dist/ui/molecules/Dropdowns/DropdownSearchMultiple/DropdownSearchMultiple.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDropdownSearchMultiple } from './IDropdownSearchMultiple';
+export default function DropdownSearchMultiple({ options, title, titleNotFound, onSelected, placement, placeholderSearch }: IDropdownSearchMultiple): JSX.Element;

package/dist/{components/molecules/Filter/FilterSearchMultiple/IFilterSearchMultiple.d.ts → ui/molecules/Dropdowns/DropdownSearchMultiple/IDropdownSearchMultiple.d.ts}

@@ -2,7 +2,7 @@ export declare type IOptionSelect = {
     label: string;
     value: string | number;
 };
-export interface IFilterSearchMultiple {
+export interface IDropdownSearchMultiple {
     title: string;
     titleNotFound?: string;
     options?: IOptionSelect[] | [];

package/dist/ui/molecules/Dropdowns/DropdownSearchMultiple/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownSearchMultiple } from './DropdownSearchMultiple';
+export * from './IDropdownSearchMultiple';

package/dist/{components/molecules/Dropdown/Dropdown.d.ts → ui/molecules/Dropdowns/DropdownSummary/DropdownSummary.d.ts}

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { IPropsDropdown } from './IDropdown';
-import { IClassName } from '../../../types';
+import { IPropsDropdown } from './IDropdownSummary';
 /**
- * Molecule: Dropdown
  * Page actions let merchants take key actions at the bottom of specific pages in the interface. This is important because sometimes the primary call to action is hard to access when merchants are at the bottom of a page, that’s why this component is fixed.
  */
-declare function Dropdown({ title, subtitle, defaultOpen, isDisabled, content, className, children }: IPropsDropdown & IClassName): JSX.Element;
-export default Dropdown;
+declare function DropdownSummary({ title, subtitle, defaultOpen, isDisabled, content, className, children }: IPropsDropdown): JSX.Element;
+export default DropdownSummary;

package/dist/{components/molecules/Dropdown/IDropdown.d.ts → ui/molecules/Dropdowns/DropdownSummary/IDropdownSummary.d.ts}

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { IChildren } from '../../../types';
+import { IChildren, IClassName } from '../../../../types';
 declare type IElement = string | JSX.Element;
 declare type IContent = {
     label: IElement;
     value: IElement;
 };
-interface IPropsDropdown extends IChildren {
+interface IPropsDropdown extends IChildren, IClassName {
     title?: IElement;
     subtitle?: IElement[];
     content?: IContent[];

package/dist/ui/molecules/Dropdowns/DropdownSummary/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownSummary } from './DropdownSummary';
+export * from './IDropdownSummary';

package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/IDropdownUser.d.ts

@@ -1,4 +1,4 @@
-import { ISizeAvatar } from '../../atoms/Avatar';
+import { ISizeAvatar } from '../../../atoms/Avatar';
 declare type ItemDropdownUser = {
     title: string;
     onClick: () => void;

package/dist/{components → ui}/molecules/Field/Field.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { IField } from './IField';
 /**
  * Molecule: Field
  * A text field is an input field that merchants can type into. It has a range of options and supports several text formats including numbers. The compound fields apply to all the types of field (text, number, password).
  */
-declare const Field: React.ForwardRefExoticComponent<IField & React.RefAttributes<HTMLInputElement>>;
+declare const Field: import("react").ForwardRefExoticComponent<IField & import("react").RefAttributes<HTMLInputElement>>;
 export default Field;

package/dist/{components → ui}/molecules/InlineError/InlineError.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { IInlineError } from './IInlineError';
 /**
- * Atom: InlineError
  * Inline errors are brief, in-context messages that tell merchants something went wrong with a single or group of inputs in a form. Use inline errors to help merchants understand why a form input may not be valid and how to fix it.
  */
 declare function InlineError({ children, size, icon, colorIcon, className, ...props }: IInlineError): JSX.Element;

package/dist/ui/molecules/Selectable/select.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { GroupBase } from 'react-select'
+import { IOptionSelectButton, ITooltipSelect } from '../..'
+
+declare module 'react-select/dist/declarations/src/Select' {
+  export interface Props<
+    Option,
+    IsMulti extends boolean,
+    Group extends GroupBase<Option>
+  > {
+    /**
+     * Our prop for control icon tooltip inside component atom Control
+     */
+    iconTooltip?: ITooltipSelect
+    /**
+     * Our prop for control click first element - SelectButton
+     */
+    addButton?: ((value: IOptionSelectButton) => void) | undefined
+    /**
+     * Our prop for verify inside atom SingleValue show ui
+     */
+    hasLabelPlaceholder?: boolean
+    /**
+     * Our prop for verify dropdown indicator - default true
+     */
+    isActiveDropdownIndicator?: boolean
+  }
+}

package/dist/{components → ui}/molecules/Summary/Summary.d.ts

@@ -3,14 +3,14 @@ import { ITemplate } from '../../../types';
 /**
  * Molecule: Summary
  */
-declare function Summary({ children, title, className, classNameTitle, footer, ...rest }: ITemplate & {
+declare function Summary({ children, title, className, classNameTitle, ...rest }: ITemplate & {
     title?: string;
     classNameTitle?: string;
 }): JSX.Element;
 declare namespace Summary {
     var Container: ({ children, className, ...rest }: ITemplate) => JSX.Element;
     var Header: ({ children, className, ...rest }: ITemplate) => JSX.Element;
-    var Footer: ({ children, className, total, renderImg, isDisabled, ...rest }: ITemplate & {
+    var Footer: ({ className, total, renderImg, isDisabled, ...rest }: ITemplate & {
         total?: string | undefined;
         isDisabled?: boolean | undefined;
         renderImg?: JSX.Element | undefined;

package/dist/{components → ui}/molecules/Tab/Tab.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { ITabs } from './ITab';
 /**
- * Molecule: Tab
  * Use to alternate among related views within the same context.
  */
 declare function Tab({ tabs, variant }: ITabs): JSX.Element;

package/dist/{components → ui}/molecules/Table/ITable.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 import { ColumnDef } from '@tanstack/react-table';
-import { IOptionDropdownButton } from '../DropdownButton/IDropdownButton';
+import { IOptionDropdownButton } from '../Dropdowns/DropdownButton/IDropdownButton';
 import type { ISortItem, IPagination, ISortTable } from './atoms';
+declare type IEmptyState = {
+    title: string;
+    description: string;
+    img: 'box' | 'padlock';
+    children: JSX.Element;
+};
 interface IPropsTable<T> {
     defaultData: Array<T>;
     columns: Array<ColumnDef<any, any>>;
@@ -22,12 +28,11 @@ interface IPropsTable<T> {
     classNameContainerTable?: string;
     classNameContainer?: string;
     emptyDataTable?: IEmptyState;
-    valueRow?: (value: any) => void;
+    valueRow?: (value: object) => void;
+    totalRows?: {
+        id: string;
+        text: string;
+    }[];
+    isLoading?: boolean;
 }
-declare type IEmptyState = {
-    title: string;
-    description: string;
-    img: 'box' | 'padlock';
-    children: JSX.Element;
-};
 export type { IPropsTable, ColumnDef, ISortItem, IPagination, ISortTable, IEmptyState };

package/dist/{components → ui}/molecules/Table/Table.d.ts

@@ -6,5 +6,5 @@ import { IPropsTable } from './ITable';
  * part of data set, a data table lets merchants view details from the entire set. This helps merchants compare and
  * analyze the data.
  */
-declare function Table<T>({ searchFilter, defaultData, columns, placeholder, hasPagination, paginationOptionList, sortTable, sortItem, rowItemSelected, optionDropdown, stateEmpty, titleSortTable, classNameContainer, classNameContainerTable, classNameTable, emptyDataTable, valueRow }: IPropsTable<T>): JSX.Element;
+declare function Table<T>({ searchFilter, defaultData, columns, placeholder, hasPagination, paginationOptionList, sortTable, sortItem, rowItemSelected, optionDropdown, stateEmpty, titleSortTable, classNameContainer, classNameContainerTable, classNameTable, emptyDataTable, valueRow, totalRows, isLoading }: IPropsTable<T>): JSX.Element;
 export default Table;

package/dist/ui/molecules/Table/atoms/IPagination.d.ts

@@ -0,0 +1,16 @@
+import { RowData, Table } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+interface IPagination<T extends RowData> {
+    pageIndex: number;
+    getPageCount: number;
+    pageSize: number;
+    setPageSize: (value: number) => void;
+    getCanPreviousPage: boolean;
+    getCanNextPage: boolean;
+    paginationOptionList?: Array<number>;
+    table: Table<T>;
+    actualPage: number;
+    setActualPage: Dispatch<SetStateAction<number>>;
+    isMobile: boolean;
+}
+export type { IPagination };

package/dist/ui/molecules/Table/atoms/Pagination.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { RowData } from '@tanstack/react-table';
+import type { IPagination } from './IPagination';
+declare function Pagination<T extends RowData>({ pageIndex, getPageCount, pageSize, setPageSize, getCanPreviousPage, getCanNextPage, paginationOptionList, table, actualPage, setActualPage, isMobile }: IPagination<T>): JSX.Element;
+export default Pagination;