@broxus/react-uikit 0.1.2 → 0.2.0

package/dist/esm/components/Control/Checkbox/Group.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Checkbox } from './Checkbox';
-import { Context } from './Context';
-export const Group = React.forwardRef((props, ref) => {
-    const { block, children, className, defaultValue, direction, options = [], size, stack, style, onChange, ...restProps } = props;
+import { useConfig } from '../../ConfrigProvider';
+import { Checkbox } from '../../Control/Checkbox/Checkbox';
+import { CheckboxGroupContext, } from '../../Control/Checkbox/CheckboxGroupContext';
+const ForwardedGroup = React.forwardRef((props, ref) => {
+    const config = useConfig();
+    const { block, children, className, defaultValue, direction = config.direction, options = [], prefixCls = config.prefixCls, size, stack, style, onChange, ...restProps } = props;
     const [value, setValue] = React.useState(restProps.value || defaultValue || []);
     const [registeredValues, setRegisteredValues] = React.useState([]);
     const getOptions = React.useCallback(() => options?.map((option) => {
@@ -17,11 +19,11 @@ export const Group = React.forwardRef((props, ref) => {
     }), [options]);
     const cancelValue = React.useCallback((val) => {
         setRegisteredValues(prevValues => prevValues.filter(v => v !== val));
-    }, [registeredValues]);
+    }, []);
     const registerValue = React.useCallback((val) => {
         setRegisteredValues(prevValues => [...prevValues, val]);
-    }, [registeredValues]);
-    const toggleOption = (option) => {
+    }, []);
+    const toggleOption = React.useCallback((option) => {
         const optionIndex = value.indexOf(option.value);
         const newValue = [...value];
         if (optionIndex === -1) {
@@ -34,22 +36,19 @@ export const Group = React.forwardRef((props, ref) => {
             setValue(newValue);
         }
         const opts = getOptions();
-        onChange?.(newValue.filter(val => registeredValues.indexOf(val) !== -1)
+        onChange?.(newValue
+            .filter(val => registeredValues.indexOf(val) !== -1)
             .sort((a, b) => {
             const indexA = opts.findIndex(opt => opt.value === a);
             const indexB = opts.findIndex(opt => opt.value === b);
             return indexA - indexB;
         }));
-    };
-    React.useEffect(() => {
-        if ('value' in restProps) {
-            setValue(restProps.value || []);
-        }
-    }, [restProps.value]);
-    const checkboxGroupClasses = React.useMemo(() => classNames('uk-checkbox-group', {
-        'uk-checkbox-group-rtl': direction === 'rtl',
-        'uk-checkbox-group-stack': stack,
-    }, className), [direction, stack]);
+    }, [getOptions, onChange, registeredValues, restProps, value]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'checkbox-group'), [config, prefixCls]);
+    const checkboxGroupClasses = React.useMemo(() => classNames(rootCls, {
+        [`${rootCls}-rtl`]: direction === 'rtl',
+        [`${rootCls}-stack`]: stack,
+    }, className), [className, direction, rootCls, stack]);
     const context = React.useMemo(() => ({
         cancelValue,
         disabled: restProps.disabled,
@@ -57,15 +56,19 @@ export const Group = React.forwardRef((props, ref) => {
         registerValue,
         toggleOption,
         value,
-    }), [
-        cancelValue,
-        restProps.disabled,
-        restProps.name,
-        registerValue,
-        toggleOption,
-        value,
-    ]);
+    }), [cancelValue, restProps.disabled, restProps.name, registerValue, toggleOption, value]);
+    React.useEffect(() => {
+        if ('value' in restProps) {
+            setValue(restProps.value || []);
+        }
+    }, [restProps, restProps.value]);
     return (React.createElement("div", { className: checkboxGroupClasses, style: style, ...restProps, ref: ref },
-        React.createElement(Context.Provider, { value: context }, options?.length > 0 ? getOptions().map(option => (React.createElement(Checkbox, { key: option.value.toString(), block: block, checked: value.indexOf(option.value) > -1, direction: direction, disabled: 'disabled' in option ? option.disabled : restProps.disabled, size: size, value: option.value, className: "uk-checkbox-group-item", style: option.style, onChange: option.onChange }, option.label))) : children)));
+        React.createElement(CheckboxGroupContext.Provider, { value: context }, options?.length > 0
+            ? getOptions().map(option => (React.createElement(Checkbox, { key: option.value.toString(), block: block, checked: value.indexOf(option.value) > -1, direction: direction, disabled: 'disabled' in option ? option.disabled : restProps.disabled, size: size, value: option.value, className: `${rootCls}-item`, style: option.style, onChange: option.onChange }, option.label)))
+            : children)));
 });
-Group.displayName = 'Checkbox.Group';
+export const Group = React.memo(ForwardedGroup);
+if (process.env.NODE_ENV !== 'production') {
+    ForwardedGroup.displayName = 'Checkbox.Group.Forwarded';
+    Group.displayName = 'Checkbox.Group';
+}

package/dist/esm/components/Control/Checkbox/index.d.ts

@@ -1,9 +1,11 @@
-import * as React from 'react';
-import { Group } from './Group';
-import type { CheckboxProps } from './types';
+import type * as React from 'react';
+import { type CheckboxProps } from '../../Control/Checkbox/Checkbox';
+import { type AbstractCheckboxGroupProps, type CheckboxGroupConsumerProps } from '../../Control/Checkbox/CheckboxGroupContext';
+import { type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../Control/Checkbox/Group';
 import './index.scss';
-export * from './types';
-export interface CompoundedCheckbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
+export type { AbstractCheckboxGroupProps, CheckboxGroupConsumerProps, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
+export * from '../../Control/Checkbox/types';
+export interface Checkbox extends React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>> {
     Group: typeof Group;
 }
-export declare const Checkbox: CompoundedCheckbox;
+export declare const Checkbox: Checkbox;

package/dist/esm/components/Control/Checkbox/index.js

@@ -1,6 +1,6 @@
-import { Checkbox as InternalCheckbox } from './Checkbox';
-import { Group } from './Group';
+import { Checkbox as InternalCheckbox } from '../../Control/Checkbox/Checkbox';
+import { Group } from '../../Control/Checkbox/Group';
 import './index.scss';
-export * from './types';
+export * from '../../Control/Checkbox/types';
 export const Checkbox = InternalCheckbox;
 Checkbox.Group = Group;

package/dist/esm/components/Control/Checkbox/index.scss

@@ -102,9 +102,11 @@
 }
 
 .uk-checkbox-wrapper .uk-checkbox-label {
+    line-height: var(--checkbox-size);
     max-width: 100%;
     overflow: hidden;
     padding-left: var(--control-affix-margin);
+    text-overflow: ellipsis;
     @if mixin-exists(hook-checkbox-label) {
         @include hook-checkbox-label;
     }
@@ -279,8 +281,11 @@
 /* Right to Left Direction
  ========================================================================== */
 
-[dir='rtl'] .uk-checkbox-wrapper .uk-checkbox-label,
-.uk-checkbox-wrapper.uk-checkbox-rtl .uk-checkbox-label {
+.uk-checkbox-rtl {
+    flex-direction: row-reverse;
+}
+
+.uk-checkbox-rtl .uk-checkbox-label {
     padding-left: 0;
     padding-right: var(--control-affix-margin);
 }

package/dist/esm/components/Control/Checkbox/types.d.ts

@@ -1,73 +1,10 @@
-import * as React from 'react';
-import type { SizeType } from '../types';
-export declare type CheckboxValueType = string | number | boolean;
-export interface AbstractCheckboxProps<T> {
-    autoFocus?: boolean;
+import type * as React from 'react';
+import { type SizeType } from '../../Control/types';
+export interface AbstractCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onMouseEnter' | 'onMouseLeave'> {
     block?: boolean;
-    checked?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    defaultChecked?: boolean;
-    disabled?: boolean;
     direction?: string;
-    id?: string;
-    name?: string;
     prefixCls?: string;
     size?: SizeType;
     skipGroup?: boolean;
-    style?: React.CSSProperties;
-    tabIndex?: number;
-    type?: string;
     value?: any;
-    onChange?: (event: T) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-}
-export interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> {
-    indeterminate?: boolean;
-}
-export interface CheckboxChangeEventTarget extends CheckboxProps {
-    checked: boolean;
-}
-export interface CheckboxChangeEvent {
-    nativeEvent: MouseEvent;
-    target: CheckboxChangeEventTarget;
-    preventDefault(): void;
-    stopPropagation(): void;
-}
-export interface CheckboxGroupConsumerProps {
-    disabled?: boolean;
-    name?: string;
-    value?: any;
-    cancelValue: (value: string) => void;
-    registerValue: (value: string) => void;
-    toggleOption?: (option: CheckboxOptionType) => void;
-}
-export interface AbstractCheckboxGroupProps {
-    block?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    direction?: string;
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-    options?: CheckboxOptionType[] | string[];
-    size?: SizeType;
-    stack?: boolean;
-    style?: React.CSSProperties;
-}
-export interface CheckboxGroupProps extends AbstractCheckboxGroupProps {
-    defaultValue?: CheckboxValueType[];
-    value?: CheckboxValueType[];
-    onChange?: (checkedValue: CheckboxValueType[]) => void;
-}
-export interface CheckboxOptionType {
-    disabled?: boolean;
-    label: React.ReactNode;
-    value: CheckboxValueType;
-    style?: React.CSSProperties;
-    onChange?: (event: CheckboxChangeEvent) => void;
 }

package/dist/esm/components/Control/Input/Input.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import type { InputProps, InputRef } from './types';
-export declare const Input: React.ForwardRefExoticComponent<InputProps<import("..").ValueType> & React.RefAttributes<InputRef>>;
+import { type InputProps, type InputRef } from '../../Control/Input/types';
+export declare const Input: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputProps<import("..").ValueType> & React.RefAttributes<InputRef>>>;

package/dist/esm/components/Control/Input/Input.js

@@ -1,13 +1,23 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
+import { useConfig } from '../../ConfrigProvider';
+import { useInput } from '../../Control/Input/useInput';
 import { Icon } from '../../Icon';
-import { useInput } from './useInput';
-export const Input = React.forwardRef((props, ref) => {
-    const { allowClear, inputRef, prefix, suffix, wrapperClasses, onClear, ...restProps } = useInput({
+const ForwardedInput = React.forwardRef((props, ref) => {
+    const config = useConfig();
+    const { allowClear, inputRef, prefix, prefixCls = config.prefixCls, suffix, wrapperClasses, onClear, ...restProps } = useInput({
         type: 'text',
         ...props,
     });
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'input'), [config, prefixCls]);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    const inputProps = omit({
+        ...restProps,
+        className: classNames(rootCls, {
+            [`${prefixCls || config.prefixCls}-empty`]: !restProps.value,
+        }),
+    }, ['dir', 'size']);
     React.useImperativeHandle(ref, () => ({
         blur() {
             inputRef.current?.blur();
@@ -19,16 +29,15 @@ export const Input = React.forwardRef((props, ref) => {
             return inputRef;
         },
     }));
-    const inputProps = omit({
-        ...restProps,
-        className: classNames('uk-input', {
-            'uk-empty': !restProps.value,
-        }),
-    }, ['dir', 'size']);
     return (React.createElement("label", { className: wrapperClasses, htmlFor: restProps.id },
-        prefix && (React.createElement("span", { key: "prefix", className: "uk-control-prefix" }, prefix)),
-        React.createElement("span", { key: "input", className: "uk-control-input" },
+        prefix && (React.createElement("span", { key: "prefix", className: `${controlCls}-prefix` }, prefix)),
+        React.createElement("span", { key: "input", className: `${controlCls}-input` },
             React.createElement("input", { ref: inputRef, ...inputProps, type: restProps.type })),
-        (allowClear && restProps.value) && (React.createElement(Icon, { key: "clearfix-icon", icon: "close", className: "uk-control-clearfix", onClick: onClear })),
-        suffix && (React.createElement("span", { key: "suffix", className: "uk-control-suffix" }, suffix))));
+        allowClear && restProps.value && (React.createElement(Icon, { key: "clearfix-icon", icon: "close", className: `${controlCls}-clearfix`, onClick: onClear })),
+        suffix && (React.createElement("span", { key: "suffix", className: `${controlCls}-suffix` }, suffix))));
 });
+export const Input = React.memo(ForwardedInput);
+if (process.env.NODE_ENV !== 'production') {
+    ForwardedInput.displayName = 'Input.Forwarded';
+    Input.displayName = 'Input';
+}

package/dist/esm/components/Control/Input/Number/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import type { InputNumberProps, InputRef } from '../types';
+import { type InputNumberProps, type InputRef } from '../../../Control/Input/types';
 import './index.scss';
-export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps<import("../..").ValueType> & React.RefAttributes<InputRef>>;
+export declare const InputNumber: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputNumberProps<import("../..").ValueType> & React.RefAttributes<InputRef>>>;

package/dist/esm/components/Control/Input/Number/index.js

@@ -1,16 +1,14 @@
 import * as React from 'react';
 import RcInputNumber from 'rc-input-number';
 import omit from 'rc-util/lib/omit';
+import { useConfig } from '../../../ConfrigProvider';
+import { useInput } from '../../../Control/Input/useInput';
 import { Icon } from '../../../Icon';
-import { useInput } from '../useInput';
 import './index.scss';
-export const InputNumber = React.forwardRef((props, ref) => {
-    // Hooks
-    const { inputRef, wrapperClasses, ...restProps } = useInput({
-        ...props,
-        type: 'number',
-    });
-    // External component API
+/* eslint-disable jsx-a11y/label-has-associated-control */
+const ForwardedInputNumber = React.forwardRef((props, ref) => {
+    const config = useConfig();
+    const { inputRef, prefixCls = config.prefixCls, wrapperClasses, ...restProps } = useInput({ ...props, type: 'number' });
     React.useImperativeHandle(ref, () => ({
         blur() {
             inputRef.current?.blur();
@@ -22,16 +20,23 @@ export const InputNumber = React.forwardRef((props, ref) => {
             return inputRef;
         },
     }));
-    // Pre-render logic
-    const upIcon = React.useMemo(() => (React.createElement(Icon, { icon: "keyboard_arrow_up", className: "uk-number-handler-up-inner" })), []);
-    const downIcon = React.useMemo(() => (React.createElement(Icon, { icon: "keyboard_arrow_down", className: "uk-number-handler-down-inner" })), []);
-    const inputProps = omit({
-        ...restProps,
-        className: 'uk-number-wrapper',
-    }, ['allowClear', 'prefix', 'size', 'suffix', 'onClear']);
-    // Render
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'number'), [config, prefixCls]);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    const upIcon = React.useMemo(() => React.createElement(Icon, { icon: "keyboard_arrow_up", className: `${rootCls}-handler-up-inner` }), [rootCls]);
+    const downIcon = React.useMemo(() => React.createElement(Icon, { icon: "keyboard_arrow_down", className: `${rootCls}-handler-down-inner` }), [rootCls]);
+    const inputProps = omit({ ...restProps, className: `${rootCls}-wrapper` }, [
+        'allowClear',
+        'prefix',
+        'size',
+        'suffix',
+        'onClear',
+    ]);
     return (React.createElement("label", { className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement("div", { className: "uk-control-input" },
-            React.createElement(RcInputNumber, { ...inputProps, downHandler: downIcon, prefixCls: "uk-number", ref: inputRef, upHandler: upIcon }))));
+        React.createElement("div", { className: `${controlCls}-input` },
+            React.createElement(RcInputNumber, { ...inputProps, downHandler: downIcon, prefixCls: rootCls, ref: inputRef, upHandler: upIcon }))));
 });
-InputNumber.displayName = 'Input.Number';
+export const InputNumber = React.memo(ForwardedInputNumber);
+if (process.env.NODE_ENV !== 'production') {
+    ForwardedInputNumber.displayName = 'Input.Number.Forwarded';
+    InputNumber.displayName = 'Input.Number';
+}

package/dist/esm/components/Control/Input/Password/index.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import type { InputRef, PasswordProps } from '../types';
+import { type InputRef, type PasswordProps } from '../../../Control/Input/types';
 import './index.scss';
-export declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>>;
+export declare const Password: React.MemoExoticComponent<React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>>>;

package/dist/esm/components/Control/Input/Password/index.js

@@ -1,37 +1,40 @@
 import * as React from 'react';
 import { preventEvent } from '@broxus/js-utils';
+import { useConfig } from '../../../ConfrigProvider';
+import { Input } from '../../../Control/Input/Input';
 import { Icon } from '../../../Icon';
-import { Input } from '../Input';
 import './index.scss';
-export const Password = React.forwardRef((props, ref) => {
-    const { onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;
+const ForwardedPassword = React.forwardRef((props, ref) => {
+    const config = useConfig();
+    const { prefixCls, onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;
     const inputRef = React.useRef(null);
     const removePasswordTimeout = React.useRef(null);
-    const [visible, toggleVisible] = React.useState(false);
-    const removePasswordValueAttribute = () => {
+    const [visible, setVisible] = React.useState(false);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    const removePasswordValueAttribute = React.useCallback(() => {
         removePasswordTimeout.current = setTimeout(() => {
-            if (inputRef?.current?.getInputRef()?.current?.getAttribute('type') === 'password'
-                && inputRef?.current?.getInputRef()?.current?.hasAttribute('value')) {
-                inputRef?.current?.getInputRef()?.current?.removeAttribute('value');
+            const input = inputRef?.current?.getInputRef()?.current;
+            if (input?.getAttribute('type') === 'password' && input?.hasAttribute('value')) {
+                input?.removeAttribute('value');
             }
         });
-    };
-    const onChange = event => {
+    }, []);
+    const toggleVisibility = React.useCallback(() => {
+        setVisible(!visible);
+        restProps.onVisibilityChange?.(!visible);
+    }, [restProps, visible]);
+    const onChange = React.useCallback(event => {
         removePasswordValueAttribute();
         onChangeCallback?.(event);
-    };
-    const onBlur = event => {
+    }, [onChangeCallback, removePasswordValueAttribute]);
+    const onBlur = React.useCallback(event => {
         removePasswordValueAttribute();
         onBlurCallback?.(event);
-    };
-    const onFocus = event => {
+    }, [onBlurCallback, removePasswordValueAttribute]);
+    const onFocus = React.useCallback(event => {
         removePasswordValueAttribute();
         restProps.onFocus?.(event);
-    };
-    const onClickIcon = React.useCallback(() => {
-        toggleVisible(!visible);
-        restProps.onVisibilityChange?.(!visible);
-    }, [visible]);
+    }, [removePasswordValueAttribute, restProps]);
     React.useImperativeHandle(ref, () => ({
         blur() {
             inputRef.current?.blur();
@@ -40,9 +43,7 @@ export const Password = React.forwardRef((props, ref) => {
             inputRef.current?.focus();
         },
         getInputRef() {
-            return inputRef.current
-                ? inputRef.current.getInputRef()
-                : null;
+            return inputRef.current ? inputRef.current.getInputRef() : null;
         },
     }));
     React.useEffect(() => {
@@ -52,12 +53,23 @@ export const Password = React.forwardRef((props, ref) => {
                 clearTimeout(removePasswordTimeout.current);
             }
         };
-    }, []);
+    }, [removePasswordValueAttribute]);
     const suffix = React.useMemo(() => (React.createElement(React.Fragment, null,
         React.createElement(Icon, { key: "toggle_visibility_icon", icon: visible
-                ? (restProps.iconVisibility ?? 'visibility')
-                : (restProps.iconVisibilityOff ?? 'visibility_off'), className: "uk-control-password-icon", onClick: onClickIcon, onMouseDown: preventEvent, onMouseUp: preventEvent }),
-        restProps.suffix)), [restProps.iconVisibility, restProps.iconVisibilityOff, visible]);
+                ? restProps.iconVisibility ?? 'visibility'
+                : restProps.iconVisibilityOff ?? 'visibility_off', className: `${controlCls}-password-icon`, onClick: toggleVisibility, onMouseDown: preventEvent, onMouseUp: preventEvent }),
+        restProps.suffix)), [
+        controlCls,
+        restProps.iconVisibility,
+        restProps.iconVisibilityOff,
+        restProps.suffix,
+        toggleVisibility,
+        visible,
+    ]);
     return (React.createElement(Input, { ...restProps, suffix: suffix, type: visible ? 'text' : 'password', ref: inputRef, onChange: onChange, onBlur: onBlur, onFocus: onFocus }));
 });
-Password.displayName = 'Input.Password';
+export const Password = React.memo(ForwardedPassword);
+if (process.env.NODE_ENV !== 'production') {
+    ForwardedPassword.displayName = 'Input.Password.Forwarded';
+    Password.displayName = 'Input.Password';
+}

package/dist/esm/components/Control/Input/index.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { InputNumber } from './Number';
-import { Password } from './Password';
-import type { InputProps, InputRef } from './types';
-export * from './types';
-export * from './useInput';
-export interface CompoundedInput extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {
+import { InputNumber } from '../../Control/Input/Number';
+import { Password } from '../../Control/Input/Password';
+import type { InputProps, InputRef } from '../../Control/Input/types';
+export * from '../../Control/Input/types';
+export * from '../../Control/Input/useInput';
+export interface Input extends React.MemoExoticComponent<React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>> {
     Number: typeof InputNumber;
     Password: typeof Password;
 }
-export declare const Input: CompoundedInput;
+export declare const Input: Input;

package/dist/esm/components/Control/Input/index.js

@@ -1,8 +1,8 @@
-import { Input as InternalInput } from './Input';
-import { InputNumber } from './Number';
-import { Password } from './Password';
-export * from './types';
-export * from './useInput';
+import { Input as InternalInput } from '../../Control/Input/Input';
+import { InputNumber } from '../../Control/Input/Number';
+import { Password } from '../../Control/Input/Password';
+export * from '../../Control/Input/types';
+export * from '../../Control/Input/useInput';
 export const Input = InternalInput;
 Input.Number = InputNumber;
 Input.Password = Password;

package/dist/esm/components/Control/Input/types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { InputNumberProps as RcInputNumberProps } from 'rc-input-number';
-import type { ControlProps, ValueType } from '../types';
+import type * as React from 'react';
+import { type InputNumberProps as RcInputNumberProps } from 'rc-input-number';
+import { type ControlProps, type ValueType } from '../../Control/types';
 export interface InputFocusOptions extends FocusOptions {
     cursor?: 'start' | 'end' | 'all';
 }
@@ -9,7 +9,7 @@ export interface InputRef {
     focus(): void;
     getInputRef(): React.RefObject<HTMLInputElement> | null;
 }
-export declare type OmittedNativeInput = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'max' | 'min'>;
+export type OmittedNativeInput = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'size' | 'prefix' | 'type' | 'max' | 'min'>;
 export interface InputProps<T extends ValueType = ValueType> extends OmittedNativeInput, ControlProps<T> {
     useInternalValueState?: boolean;
     onClear?(event: React.MouseEvent<HTMLElement>): void;
@@ -19,7 +19,7 @@ export interface PasswordProps extends InputProps {
     iconVisibilityOff?: string;
     onVisibilityChange?(visible: boolean): void;
 }
-export interface InputNumberProps<T extends ValueType = ValueType> extends Omit<RcInputNumberProps<T>, 'prefix' | 'size'>, ControlProps<T> {
+export interface InputNumberProps<T extends ValueType = ValueType> extends Omit<RcInputNumberProps<T>, 'prefix' | 'size' | 'type'>, Omit<ControlProps<T>, 'value'> {
     useInternalValueState?: boolean;
     onClear?(event: React.MouseEvent<HTMLElement>): void;
 }

package/dist/esm/components/Control/Input/useInput.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import type { ValueType } from '../types';
-import type { InputNumberProps, InputProps } from './types';
+import { type ValueType } from '../../Control/types';
+import { type InputNumberProps, type InputProps } from '../../Control/Input/types';
 interface HookConsumedProps {
     inputRef: React.RefObject<HTMLInputElement>;
+    prefixCls?: string;
     wrapperClasses: string;
 }
-declare type Props<T, U extends ValueType = ValueType> = T extends InputNumberProps<U> ? T : T extends InputProps<U> ? T : any;
+type Props<T, U extends ValueType = ValueType> = T extends InputNumberProps<U> ? T : T extends InputProps<U> ? T : any;
 export declare function fixControlledValue<T>(value: T): T | string;
-export declare function useInput<T, U extends ValueType = ValueType>({ className, direction, size, state, useInternalValueState, onPressEnter, ...props }: Props<T, U>): T & HookConsumedProps;
+export declare function useInput<T, U extends ValueType = ValueType>(props: Props<T, U>): T & HookConsumedProps;
 export {};