@aveonline/ui-react 2.4.0 → 2.4.1

package/dist/ui/molecules/Field/Container.d.ts

@@ -6,9 +6,7 @@ export declare function Container({ children, renderIconLeft, renderInput }: ICh
 }): JSX.Element;
 export declare namespace Container {
     var Special: (props: IChildren & {
-        isNumber?: boolean | undefined;
         isPassword?: boolean | undefined;
-        showIconNumber?: boolean | undefined;
     }) => JSX.Element;
     var Delete: (props: IChildren & {
         inputValue: string | number | undefined;

package/dist/ui/molecules/Field/IField.d.ts

@@ -1,4 +1,5 @@
-import { IKind } from '../../atoms/Icon';
+/// <reference types="react" />
+import { IColor, IKind } from '../../atoms/Icon';
 import { ITooltipProps } from '../../atoms/Tooltip/ITooltip';
 import type { IFieldCustom } from './IFieldCustom';
 export interface IField {
@@ -26,6 +27,10 @@ export interface IField {
      * Text for show description input
      */
     placeholder?: string;
+    /**
+     * Determine the height
+     */
+    size?: 'sm' | 'default';
     /**
      * Attribute autocomplete for default 'off' no show info
      */
@@ -50,6 +55,10 @@ export interface IField {
      * Name icon for position right
      */
     iconRight?: IKind;
+    /**
+     * Color icon of IColor
+     */
+    iconColor?: IColor;
     /**
      * Message for help to user
      */
@@ -66,16 +75,16 @@ export interface IField {
      * Event handler for emit value from input
      */
     onChange?: (value: string) => void;
+    /**
+     * Event handler for when blur
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /**
      * Active tooltip for icon right
      */
     tooltip?: ITooltipProps & {
         isActive?: boolean;
     };
-    /**
-     * Show icon number - default false
-     */
-    showIconNumber?: boolean;
     /**
      * Types input custom
      */

package/dist/ui/molecules/Field/useField.d.ts

@@ -1,13 +1,13 @@
 import type { ChangeEvent } from 'react';
 import { IField } from './IField';
-export declare function useField({ isDisabled, type, iconRight, error, iconLeft, onChange, value, isError }: IField): {
+import { IColor } from '@/ui/atoms/Icon';
+export declare function useField({ size, isDisabled, type, iconRight, error, iconLeft, iconColor, onChange, onBlur, value, isError }: IField): {
     inputValue: string;
     inputRef: import("react").RefObject<HTMLInputElement>;
     handleChange: (ev: ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: (ev: React.FocusEvent<HTMLInputElement>) => void;
     handleChangeCustom: (value: string) => void | undefined;
-    subtractValue: () => void;
-    addMoreValue: () => void;
-    getColorIcon: () => 'disabled' | 'default' | 'subdued';
+    getColorIcon: () => IColor;
     getColorIconPassword: () => 'disabled' | 'default' | 'subdued';
     showPassword: boolean;
     setShowPassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;