@ws-ui/ui-components 1.0.8 → 1.0.11

package/dist/index.d.ts

@@ -20,11 +20,12 @@ export declare type BreadcrumbColorConfig = {
     hover: string;
 };
 
-export declare interface BreadcrumbItem {
+export declare interface BreadcrumbItem extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
     label: ReactNode;
     href?: string;
     onClick?: () => void;
     icon?: ReactNode;
+    ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>;
 }
 
 export declare const Breadcrumbs: default_2.FC<BreadcrumbsProps>;
@@ -2663,23 +2664,15 @@ export declare interface IMultilineMessage {
 }
 
 export declare const Input: {
-    Root: ({ size, color, isInvalid, isDisabled, className, children, ...props }: InputRootProps) => JSX_2.Element;
-    Group: ({ className, children, ...props }: InputGroupProps) => JSX_2.Element;
+    Root: ForwardRefExoticComponent<InputRootProps & RefAttributes<HTMLDivElement>>;
+    Group: ForwardRefExoticComponent<InputGroupProps & RefAttributes<HTMLDivElement>>;
     Field: ForwardRefExoticComponent<InputFieldProps & RefAttributes<HTMLInputElement>>;
     Area: ForwardRefExoticComponent<InputAreaProps & RefAttributes<HTMLTextAreaElement>>;
-    Icon: {
-        ({ isAction, className, isDisabled, style, children, ...props }: InputIconProps): JSX_2.Element;
-        displayName: string;
-    };
-    Message: {
-        ({ icon, className, children, ...props }: InputMessageProps): JSX_2.Element;
-        displayName: string;
-    };
+    Icon: ForwardRefExoticComponent<InputIconProps & RefAttributes<HTMLDivElement>>;
+    Message: ForwardRefExoticComponent<InputMessageProps & RefAttributes<HTMLDivElement>>;
 };
 
 export declare interface InputAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
-    value?: string;
-    defaultValue?: string;
     placeholder?: string;
     isDisabled?: boolean;
     isRequired?: boolean;
@@ -2701,6 +2694,11 @@ export declare interface InputAreaProps extends Omit<React.TextareaHTMLAttribute
     'aria-describedby'?: string;
 }
 
+export declare interface InputChipProps {
+    className?: string;
+    children: ReactNode;
+}
+
 export declare type InputColor = 'primary' | 'positive' | 'warning' | 'negative';
 
 export declare interface InputColorConfig {
@@ -2721,6 +2719,7 @@ export declare interface InputContextValue {
     color: InputColor;
     isInvalid: boolean;
     isDisabled: boolean;
+    isReadOnly: boolean;
     hasMessage: boolean;
     setHasMessage: React.Dispatch<React.SetStateAction<boolean>>;
     hasArea: boolean;
@@ -2728,8 +2727,6 @@ export declare interface InputContextValue {
 }
 
 export declare interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    value?: string;
-    defaultValue?: string;
     placeholder?: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
     isDisabled?: boolean;
@@ -2775,6 +2772,7 @@ export declare interface InputRootProps extends React.HTMLAttributes<HTMLDivElem
     color?: 'primary' | 'positive' | 'warning' | 'negative';
     isInvalid?: boolean;
     isDisabled?: boolean;
+    isReadOnly?: boolean;
     className?: string;
     children: ReactNode;
 }
@@ -2921,7 +2919,7 @@ export declare interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivEle
     /**
      * the type of border to apply diferent border color bor tabs and normal panel
      */
-    contentType?: 'tabs' | 'primary' | 'light' | 'default';
+    borderType?: 'tabs' | 'primary' | 'negative' | 'positive' | 'light' | 'default';
     /**
      * Whether the panel is disabled.
      * If true, changes text color to inactive-text.
@@ -3310,10 +3308,9 @@ export declare const Select: {
         ({ icon, className, children, ...props }: SelectMessageProps): JSX_2.Element;
         displayName: string;
     };
-    Field: {
-        <T = unknown>({ placeholder, noOptionsMessage, hideNoOptions, loadingMessage, isClearable, isSearchClearable, isLoading, isRequired, hideIndicators, hideDropdownIndicator, searchPlacement, hideSelectedOptions, onFocus, onBlur, renderMenuHeader, formatOptionLabel, displayFormattedOption, isOptionDisabled, inputRef: propInputRef, controlShouldRenderValue, name, id, onSelectionComplete, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, children, usePortal, ...props }: SelectFieldProps<T>): JSX_2.Element;
-        displayName: string;
-    };
+    Field: <T = unknown>(props: SelectFieldProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => React.ReactElement;
 };
 
 export declare interface SelectClearIndicatorProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -3675,7 +3672,6 @@ export declare interface TabsProps<T = unknown> {
     disabled?: boolean;
     className?: string;
     tabListClassName?: string;
-    contentClassName?: string;
     onTabChange?: (value: string) => void;
     onReorder?: (tabs: T[], droppedTab?: T) => void;
     renderTab?: (props: {
@@ -3728,14 +3724,11 @@ export declare const ToastProvider: ({ children }: {
     children: React.ReactNode;
 }) => JSX_2.Element;
 
-export declare const Toggle: {
-    ({ label, checked, defaultChecked, disabled, size, color, icons, onChange, className, id, name, ...rest }: ToggleProps): JSX_2.Element;
-    displayName: string;
-};
+export declare const Toggle: ForwardRefExoticComponent<ToggleProps & RefAttributes<HTMLButtonElement>>;
 
 export declare type ToggleColor = 'primary' | 'positive' | 'negative' | 'warning';
 
-export declare interface ToggleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export declare interface ToggleProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {
     label?: string;
     checked?: boolean;
     defaultChecked?: boolean;
@@ -3743,8 +3736,8 @@ export declare interface ToggleProps extends Omit<React.HTMLAttributes<HTMLDivEl
     size?: ToggleSize;
     color?: ToggleColor;
     icons?: {
-        checked: React.ReactNode;
-        unchecked: React.ReactNode;
+        checked: ReactNode;
+        unchecked: ReactNode;
     };
     onChange?: (checked: boolean) => void;
     name?: string;