widenarrow-ui 2.0.3 → 2.0.5

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import react__default, { CSSProperties, MouseEvent, RefObject, ReactNode, ChangeEvent, KeyboardEvent, FocusEvent, FC } from 'react';
 import { Placement, PositioningStrategy } from '@popperjs/core';
-import { ColorTypes as ColorTypes$1 } from 'src/constants';
+import { IconTypes as IconTypes$1, ColorTypes as ColorTypes$1 } from 'src/constants';
 
 declare enum IconTypes {
     ACCOUNT_SETTINGS = "iconAccountSettings",
@@ -759,7 +759,7 @@ interface IconButtonProps extends IconStyleInterface {
 
 declare const IconButton: react.MemoExoticComponent<({ className, disabled, style, icon, id, text, size, type, href, iconColor, iconSize, iconClassName, onClickCallback, rotateIcon, tabIndex, autoFocus, buttonRef, rotateIconByDegree, toolTip, toolTipComponent, ariaLabel }: IconButtonProps) => JSX.Element>;
 
-interface IconInterface {
+interface IconInterface$1 {
     loading?: boolean;
     disabled?: boolean;
     icon: Partial<IconTypes>;
@@ -790,8 +790,8 @@ interface InputProps {
     helperText?: string;
     characterLimit?: number;
     type?: 'text' | 'number' | 'password' | 'time' | 'email';
-    iconRight?: IconInterface;
-    iconLeft?: IconInterface;
+    iconRight?: IconInterface$1;
+    iconLeft?: IconInterface$1;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     onEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
@@ -862,14 +862,25 @@ interface InlineButtonProps {
 
 declare const InlineButton: react.MemoExoticComponent<({ className, id, loading, ariaLabel, text, buttonRef, style, size, sizeMd, sizeLg, sizeXl, type, textClassName, children, icon, withIconRight, withPrimaryHoverEffect, withSecondaryHoverEffect, withTertiaryHoverEffect, iconSize, autoFocus, iconClassName, tabIndex, rotateIcon, rotateIconByDegree, onClickCallback, withEllipsis, disabled, toolTip, toolTipComponent }: InlineButtonProps) => JSX.Element>;
 
+interface IconInterface {
+    loading?: boolean;
+    disabled?: boolean;
+    icon: Partial<IconTypes$1>;
+    toolTip?: string;
+    tabIndex?: number;
+    onClickCallback: () => void;
+}
 interface TextAreaInputProps {
     helperText?: string;
     onChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
     onEnter?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
     onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onBlur?: () => void;
+    iconRight?: IconInterface;
+    iconLeft?: IconInterface;
     rows?: number;
-    placeholder: string;
+    placeholder?: string;
     id?: number | string;
     label?: string;
     withLabel?: boolean;
@@ -878,6 +889,7 @@ interface TextAreaInputProps {
     value: string;
     error?: string;
     inputClassName?: string;
+    iconClassName?: string;
     className?: string;
     disabled?: boolean;
     marginBottom?: boolean;
@@ -888,7 +900,7 @@ interface TextAreaInputProps {
 }
 
 declare const TextAreaInput: {
-    ({ onChange, rows, placeholder, value, name, autoFocus, ariaLabel, inputClassName, className, disabled, style, label, withLabel, id, marginBottom, helperText, inputRef, onEnter, onKeyDown, error, readonly }: TextAreaInputProps): JSX.Element;
+    ({ onChange, rows, placeholder, value, name, autoFocus, ariaLabel, iconClassName, inputClassName, className, disabled, style, label, withLabel, id, marginBottom, helperText, inputRef, iconLeft, iconRight, onFocus, onEnter, onBlur, onKeyDown, error, readonly }: TextAreaInputProps): JSX.Element;
     displayName: string;
 };