widenarrow-ui 2.0.4 → 2.0.6

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",
@@ -370,6 +370,8 @@ interface FlexStylingInterface {
     alignItems?: 'center' | 'flexStart' | 'flexEnd' | 'spaceAround' | 'spaceBetween';
     flexWrap?: 'wrap' | 'noWrap' | 'wrapReverse';
     flexGrow?: '0' | '1' | 'auto';
+    flexShrink?: '0' | '1' | 'auto';
+    flexBasis?: 'auto' | 'content' | 'fit-content' | 'max-content' | 'min-content' | 'fill' | 'initial' | 'inherit';
     alignSelf?: 'center' | 'flexStart' | 'flexEnd';
 }
 interface BorderInterface {
@@ -398,7 +400,7 @@ declare const paddingClassNames: ({ padding, paddingX, paddingY, paddingTop, pad
 declare const marginClassNames: ({ margin, marginX, marginY, marginTop, marginBottom, marginRight, marginLeft }: MarginInterface) => {
     [x: string]: boolean;
 };
-declare const flexClassNames: ({ displayFlex, displayFlexCenter, displayFlexCenterSpaceBetween, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, alignSelf }: FlexStylingInterface) => {
+declare const flexClassNames: ({ displayFlex, displayFlexCenter, displayFlexCenterSpaceBetween, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, alignSelf }: FlexStylingInterface) => {
     [x: string]: boolean | undefined;
     displayFlex: boolean | undefined;
     displayFlexCenter: boolean | undefined;
@@ -759,7 +761,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 +792,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 +864,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 +891,7 @@ interface TextAreaInputProps {
     value: string;
     error?: string;
     inputClassName?: string;
+    iconClassName?: string;
     className?: string;
     disabled?: boolean;
     marginBottom?: boolean;
@@ -888,7 +902,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;
 };