@ws-ui/ui-components 1.0.9 → 1.0.12

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;
@@ -2726,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;
@@ -2733,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;
@@ -2780,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;
 }
@@ -2926,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.
@@ -3315,12 +3308,49 @@ 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;
 };
 
+/**
+ * Adapter component to usage the system Select with the legacy interface.
+ * Original interface:
+ * {
+ *   value: string;
+ *   onChange: (val: string) => void;
+ *   options: { name: string }[];
+ *   errorMessage?: string;
+ *   onBlur?: () => void;
+ * }
+ */
+export declare const SelectAdapter: ({ value, onChange, options, errorMessage, onBlur, }: SelectAdapterProps) => JSX_2.Element;
+
+declare interface SelectAdapterProps {
+    /**
+     * The current value of the select (name property of the option)
+     */
+    value: string;
+    /**
+     * Callback when value changes. Returns the name property.
+     */
+    onChange: (val: string) => void;
+    /**
+     * List of options. Each option must have a name property.
+     */
+    options: {
+        name: string;
+    }[];
+    /**
+     * Error message to display. If provided, shows error state.
+     */
+    errorMessage?: string;
+    /**
+     * Blur handler
+     */
+    onBlur?: () => void;
+}
+
 export declare interface SelectClearIndicatorProps extends default_2.HTMLAttributes<HTMLDivElement> {
     color?: SelectColor;
     className?: string;
@@ -3680,7 +3710,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: {
@@ -3733,14 +3762,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;
@@ -3748,8 +3774,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;