@broxus/react-uikit 0.22.0 → 0.23.0

package/dist/cjs/components/Control/Select/Select.js

@@ -0,0 +1,248 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+/* eslint-disable jsx-a11y/label-has-associated-control */
+const select_1 = __importStar(require("@rc-component/select"));
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../../components/ConfigProvider");
+const placements_1 = require("../../../components/Control/Select/placements");
+const Icon_1 = require("../../../components/Icon");
+const Spinner_1 = require("../../../components/Spinner");
+const constants_1 = require("../../../constants");
+function InternalSelect({ allowClear, popupMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, mode, placement = 'bottom-left', showArrow = true, showSearch = false, onPressEnter, ...props }, ref) {
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { direction = config.select?.direction || config.direction, prefixCls = config.select?.prefixCls || config.prefixCls, ...restProps } = props;
+    const inputRef = React.useRef(null);
+    const labelRef = React.useRef(null);
+    const [focused, setFocused] = React.useState(false);
+    const [internalOpen, setInternalOpen] = React.useState(restProps.defaultOpen || restProps.open || false);
+    const [offsetY, setOffsetY] = React.useState(2);
+    const onBlur = React.useCallback(event => {
+        setFocused(false);
+        setInternalOpen(false);
+        restProps.onBlur?.(event);
+    }, [restProps]);
+    const onFocus = React.useCallback(event => {
+        setFocused(true);
+        restProps.onFocus?.(event);
+    }, [restProps]);
+    const onKeyDown = React.useCallback(event => {
+        if (event.code === constants_1.KeyCode.Enter) {
+            setInternalOpen(true);
+            onPressEnter?.(event);
+        }
+        else if (event.code === constants_1.KeyCode.Space) {
+            setInternalOpen(true);
+        }
+        restProps.onKeyDown?.(event);
+    }, [onPressEnter, restProps]);
+    const onPopupVisibleChange = React.useCallback((open) => {
+        setInternalOpen(open);
+        restProps.onPopupVisibleChange?.(open);
+    }, [restProps]);
+    const onClickIcon = React.useCallback(() => {
+        setInternalOpen(!internalOpen);
+    }, [internalOpen]);
+    React.useEffect(() => {
+        setInternalOpen(restProps.defaultOpen || restProps.open || internalOpen);
+    }, [restProps.open, restProps.defaultOpen, internalOpen]);
+    React.useEffect(() => {
+        const select = labelRef.current?.firstElementChild;
+        if (select) {
+            let offset = parseInt(getComputedStyle?.(select).getPropertyValue('border-left-width'), 10);
+            if (direction !== 'rtl') {
+                offset *= -1;
+            }
+            setOffsetY(offset);
+        }
+    }, [direction]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    const wrapperClasses = React.useMemo(() => (0, classnames_1.default)([controlCls, `${controlCls}-select`], {
+        [`${controlCls}-${restProps.size}`]: restProps.size,
+        [`${controlCls}-rtl`]: direction === 'rtl',
+        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
+        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-focused`]: focused,
+    }, className), [
+        className,
+        config.select?.prefixCls,
+        config.prefixCls,
+        controlCls,
+        focused,
+        prefixCls,
+        direction,
+        restProps.disabled,
+        restProps.size,
+    ]);
+    const inputProps = React.useMemo(() => {
+        // Arrow or loading icon
+        let suffixIcon;
+        if (restProps.loading) {
+            if (typeof config.select?.loadingIcon === 'function') {
+                suffixIcon = config.select.loadingIcon();
+            }
+            else if (React.isValidElement(config.select?.loadingIcon)) {
+                suffixIcon = config.select.loadingIcon;
+            }
+            else {
+                suffixIcon = React.createElement(Spinner_1.Spinner, { key: "spinner", ratio: 0.7 });
+            }
+            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow ${rootCls}-arrow-loading` }, suffixIcon);
+        }
+        else if (showArrow) {
+            const isMultiple = mode === 'multiple' || mode === 'tags';
+            if (isMultiple) {
+                if (typeof config.select?.addIcon === 'function') {
+                    suffixIcon = config.select.addIcon({ onClick: onClickIcon });
+                }
+                else if (React.isValidElement(config.select?.addIcon)) {
+                    suffixIcon = config.select.addIcon;
+                }
+                else {
+                    suffixIcon = React.createElement(Icon_1.Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
+                }
+            }
+            else if (showSearch && internalOpen) {
+                if (typeof config.select?.searchIcon === 'function') {
+                    suffixIcon = config.select.searchIcon();
+                }
+                else if (React.isValidElement(config.select?.searchIcon)) {
+                    suffixIcon = config.select.searchIcon;
+                }
+                else {
+                    suffixIcon = React.createElement(Icon_1.Icon, { key: "manage_search", icon: "manage_search" });
+                }
+            }
+            else if (typeof config.select?.arrowIcon === 'function') {
+                suffixIcon = config.select.arrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
+            }
+            else if (React.isValidElement(config.select?.arrowIcon)) {
+                suffixIcon = config.select.arrowIcon;
+            }
+            else {
+                suffixIcon = internalOpen
+                    ? React.createElement(Icon_1.Icon, { key: "expand_less", icon: "expand_less", onClick: onClickIcon })
+                    : React.createElement(Icon_1.Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon });
+            }
+            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow` }, suffixIcon);
+        }
+        // Not found content
+        let mergedNotFound;
+        if (restProps.notFoundContent !== undefined) {
+            mergedNotFound = restProps.notFoundContent;
+        }
+        else if (mode === 'combobox') {
+            mergedNotFound = null;
+        }
+        if (typeof config.select?.notFoundContent === 'function') {
+            mergedNotFound = config.select.notFoundContent();
+        }
+        else if (React.isValidElement(config.select?.notFoundContent)) {
+            mergedNotFound = config.select.notFoundContent;
+        }
+        let clearIcon = React.createElement(Icon_1.Icon, { icon: "clear" });
+        if (typeof config.select?.clearIcon === 'function') {
+            clearIcon = config.select.clearIcon();
+        }
+        else if (React.isValidElement(config.select?.clearIcon)) {
+            clearIcon = config.select.clearIcon;
+        }
+        return {
+            allowClear: (allowClear || allowClear === undefined) && {
+                clearIcon,
+            },
+            listHeight,
+            listItemHeight,
+            menuItemSelectedIcon: React.createElement(Icon_1.Icon, { icon: "check" }),
+            open: internalOpen,
+            prefixCls: rootCls,
+            removeIcon: React.createElement(Icon_1.Icon, { icon: "clear" }),
+            showSearch,
+            suffix: suffixIcon,
+            transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
+            ...restProps,
+            notFoundContent: mergedNotFound,
+            popupClassName: (0, classnames_1.default)(restProps.popupClassName, {
+                [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
+            }),
+            popupMatchSelectWidth: true,
+            onBlur,
+            onFocus,
+            onKeyDown,
+            onPopupVisibleChange,
+        };
+    }, [
+        restProps,
+        showArrow,
+        mode,
+        config,
+        allowClear,
+        listHeight,
+        listItemHeight,
+        internalOpen,
+        rootCls,
+        showSearch,
+        prefixCls,
+        direction,
+        onBlur,
+        onFocus,
+        onKeyDown,
+        onClickIcon,
+        onPopupVisibleChange,
+    ]);
+    React.useImperativeHandle(ref, () => ({
+        blur() {
+            inputRef.current?.blur();
+        },
+        focus() {
+            inputRef.current?.focus();
+        },
+        scrollTo() {
+            return inputRef.current?.scrollTo;
+        },
+    }));
+    return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
+        React.createElement(select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, placement: placement, popupAlign: {
+                offset: [offsetY, 5],
+            }, ...inputProps, mode: mode })));
+}
+exports.Select = React.forwardRef(InternalSelect);
+exports.Select.Option = select_1.Option;
+exports.Select.OptGroup = select_1.OptGroup;

package/dist/cjs/components/Control/Select/index.d.ts

@@ -1,21 +1,4 @@
-import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from '@rc-component/select';
-import { type OptionProps } from '@rc-component/select/lib/Option';
-import { type BaseOptionType, type DefaultOptionType } from '@rc-component/select/lib/Select';
-import * as React from 'react';
-import { type ControlProps, type SelectPlacement } from '../../../components/Control/types';
-import { type SizeType } from '../../../types';
-export type { BaseSelectRef, OptionProps };
-export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'placement'> {
-    size?: SizeType;
-}
-export interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<ControlProps<ValueType>, 'allowClear' | 'defaultValue' | 'suffix' | 'value'>, Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'getInputElement' | 'backfill'> {
-    placement?: SelectPlacement;
-    showArrow?: boolean;
-}
-export declare const Select: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
-    ref?: React.Ref<BaseSelectRef>;
-}) => React.ReactElement) & {
-    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
-    Option: typeof Option;
-    OptGroup: typeof OptGroup;
-};
+export { Select } from '../../../components/Control/Select/Select';
+export { type SelectProps } from '../../../components/Control/Select/Select';
+export { type BaseSelectRef } from '@rc-component/select';
+export { type OptionProps } from '@rc-component/select/es/Option';

package/dist/cjs/components/Control/Select/index.js

@@ -1,249 +1,5 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-const select_1 = __importStar(require("@rc-component/select"));
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const ConfigProvider_1 = require("../../../components/ConfigProvider");
-const placements_1 = require("../../../components/Control/Select/placements");
-const Icon_1 = require("../../../components/Icon");
-const Spinner_1 = require("../../../components/Spinner");
-const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
-/* eslint-disable jsx-a11y/label-has-associated-control */
-function InternalSelect({ allowClear, popupMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, mode, placement = 'bottom-left', showArrow = true, showSearch = false, onPressEnter, ...props }, ref) {
-    const config = (0, ConfigProvider_1.useConfig)();
-    const { direction = config.select?.direction || config.direction, prefixCls = config.select?.prefixCls || config.prefixCls, ...restProps } = props;
-    const inputRef = React.useRef(null);
-    const labelRef = React.useRef(null);
-    const [focused, setFocused] = React.useState(false);
-    const [internalOpen, setInternalOpen] = React.useState(restProps.defaultOpen || restProps.open || false);
-    const [offsetY, setOffsetY] = React.useState(2);
-    const onBlur = React.useCallback(event => {
-        setFocused(false);
-        setInternalOpen(false);
-        restProps.onBlur?.(event);
-    }, [restProps]);
-    const onFocus = React.useCallback(event => {
-        setFocused(true);
-        restProps.onFocus?.(event);
-    }, [restProps]);
-    const onKeyDown = React.useCallback(event => {
-        if (event.keyCode === 13) {
-            setInternalOpen(true);
-            onPressEnter?.(event);
-        }
-        else if (event.keyCode === 32) {
-            setInternalOpen(true);
-        }
-        restProps.onKeyDown?.(event);
-    }, [onPressEnter, restProps]);
-    const onPopupVisibleChange = React.useCallback((open) => {
-        setInternalOpen(open);
-        restProps.onPopupVisibleChange?.(open);
-    }, [restProps]);
-    const onClickIcon = React.useCallback(() => {
-        setInternalOpen(!internalOpen);
-    }, [internalOpen]);
-    React.useEffect(() => {
-        setInternalOpen(restProps.defaultOpen || restProps.open || internalOpen);
-    }, [restProps.open, restProps.defaultOpen, internalOpen]);
-    React.useEffect(() => {
-        const select = labelRef.current?.firstElementChild;
-        if (select) {
-            let offset = parseInt(getComputedStyle?.(select).getPropertyValue('border-left-width'), 10);
-            if (direction !== 'rtl') {
-                offset *= -1;
-            }
-            setOffsetY(offset);
-        }
-    }, [direction]);
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
-    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
-    const wrapperClasses = React.useMemo(() => (0, classnames_1.default)([controlCls, `${controlCls}-select`], {
-        [`${controlCls}-${restProps.size}`]: restProps.size,
-        [`${controlCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-focused`]: focused,
-        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
-    }, className), [
-        className,
-        config.select?.prefixCls,
-        config.prefixCls,
-        controlCls,
-        focused,
-        prefixCls,
-        direction,
-        restProps.disabled,
-        restProps.size,
-    ]);
-    const inputProps = React.useMemo(() => {
-        // Arrow or loading icon
-        let suffixIcon;
-        if (restProps.loading) {
-            if (typeof config.select?.loadingIcon === 'function') {
-                suffixIcon = config.select.loadingIcon();
-            }
-            else if (React.isValidElement(config.select?.loadingIcon)) {
-                suffixIcon = config.select.loadingIcon;
-            }
-            else {
-                suffixIcon = React.createElement(Spinner_1.Spinner, { key: "spinner", ratio: 0.7 });
-            }
-            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow ${rootCls}-arrow-loading` }, suffixIcon);
-        }
-        else if (showArrow) {
-            const isMultiple = mode === 'multiple' || mode === 'tags';
-            if (isMultiple) {
-                if (typeof config.select?.addIcon === 'function') {
-                    suffixIcon = config.select.addIcon({ onClick: onClickIcon });
-                }
-                else if (React.isValidElement(config.select?.addIcon)) {
-                    suffixIcon = config.select.addIcon;
-                }
-                else {
-                    suffixIcon = React.createElement(Icon_1.Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
-                }
-            }
-            else if (showSearch && internalOpen) {
-                if (typeof config.select?.searchIcon === 'function') {
-                    suffixIcon = config.select.searchIcon();
-                }
-                else if (React.isValidElement(config.select?.searchIcon)) {
-                    suffixIcon = config.select.searchIcon;
-                }
-                else {
-                    suffixIcon = React.createElement(Icon_1.Icon, { key: "manage_search", icon: "manage_search" });
-                }
-            }
-            else if (typeof config.select?.arrowIcon === 'function') {
-                suffixIcon = config.select.arrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
-            }
-            else if (React.isValidElement(config.select?.arrowIcon)) {
-                suffixIcon = config.select.arrowIcon;
-            }
-            else {
-                suffixIcon = internalOpen
-                    ? React.createElement(Icon_1.Icon, { key: "expand_less", icon: "expand_less", onClick: onClickIcon })
-                    : React.createElement(Icon_1.Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon });
-            }
-            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow` }, suffixIcon);
-        }
-        // Not found content
-        let mergedNotFound;
-        if (restProps.notFoundContent !== undefined) {
-            mergedNotFound = restProps.notFoundContent;
-        }
-        else if (mode === 'combobox') {
-            mergedNotFound = null;
-        }
-        if (typeof config.select?.notFoundContent === 'function') {
-            mergedNotFound = config.select.notFoundContent();
-        }
-        else if (React.isValidElement(config.select?.notFoundContent)) {
-            mergedNotFound = config.select.notFoundContent;
-        }
-        let clearIcon = React.createElement(Icon_1.Icon, { icon: "clear" });
-        if (typeof config.select?.clearIcon === 'function') {
-            clearIcon = config.select.clearIcon();
-        }
-        else if (React.isValidElement(config.select?.clearIcon)) {
-            clearIcon = config.select.clearIcon;
-        }
-        return {
-            allowClear: (allowClear || allowClear === undefined) && {
-                clearIcon,
-            },
-            listHeight,
-            listItemHeight,
-            menuItemSelectedIcon: React.createElement(Icon_1.Icon, { icon: "check" }),
-            open: internalOpen,
-            prefixCls: rootCls,
-            removeIcon: React.createElement(Icon_1.Icon, { icon: "clear" }),
-            showSearch,
-            suffix: suffixIcon,
-            transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
-            ...restProps,
-            notFoundContent: mergedNotFound,
-            popupClassName: (0, classnames_1.default)(restProps.popupClassName, {
-                [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
-            }),
-            popupMatchSelectWidth: true,
-            onBlur,
-            onFocus,
-            onKeyDown,
-            onPopupVisibleChange,
-        };
-    }, [
-        restProps,
-        showArrow,
-        mode,
-        config,
-        allowClear,
-        listHeight,
-        listItemHeight,
-        internalOpen,
-        rootCls,
-        showSearch,
-        prefixCls,
-        direction,
-        onBlur,
-        onFocus,
-        onKeyDown,
-        onClickIcon,
-        onPopupVisibleChange,
-    ]);
-    React.useImperativeHandle(ref, () => ({
-        blur() {
-            inputRef.current?.blur();
-        },
-        focus() {
-            inputRef.current?.focus();
-        },
-        scrollTo() {
-            return inputRef.current?.scrollTo;
-        },
-    }));
-    return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, popupAlign: {
-                offset: [offsetY, 5],
-            }, placement: placement, ...inputProps, mode: mode })));
-}
-exports.Select = React.forwardRef(InternalSelect);
-exports.Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
-exports.Select.Option = select_1.Option;
-exports.Select.OptGroup = select_1.OptGroup;
+var Select_1 = require("../../../components/Control/Select/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });

package/dist/cjs/components/Control/Select/placements.d.ts

@@ -1,2 +1,2 @@
-import { type AlignType } from '@rc-component/trigger/lib/interface';
+import { type AlignType } from '@rc-component/trigger';
 export declare function getBuiltInPlacements(dropdownMatchSelectWidth?: number | boolean): Record<string, AlignType>;

package/dist/cjs/components/Control/TextArea/index.d.ts

@@ -1,4 +1,4 @@
-import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
+import { type TextAreaProps as ResizableTextAreaProps, type ResizableTextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
 interface ShowCountProps {
@@ -7,11 +7,11 @@ interface ShowCountProps {
         maxLength?: number;
     }) => string;
 }
-export interface TextAreaProps extends RcTextAreaProps {
+export interface TextAreaProps extends ResizableTextAreaProps {
     allowClear?: boolean;
     showCount?: boolean | ShowCountProps;
     size?: SizeType;
     state?: StateType;
 }
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<ResizableTextAreaRef>>;
 export {};

package/dist/cjs/components/Control/TextArea/index.js

@@ -37,12 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
-const textarea_1 = __importDefault(require("@rc-component/textarea"));
-const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
+const textarea_1 = require("@rc-component/textarea");
+const util_1 = require("@rc-component/util");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Input_1 = require("../../../components/Control/Input");
+const constants_1 = require("../../../constants");
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
@@ -94,7 +95,7 @@ exports.TextArea = React.forwardRef(({ className, dir, disabled, maxLength, read
         restProps.onFocus?.(event);
     }, [restProps]);
     const onKeyDown = React.useCallback(event => {
-        if (onPressEnter && event.keyCode === 13) {
+        if (onPressEnter && event.code === constants_1.KeyCode.Enter) {
             onPressEnter(event);
         }
         restProps.onKeyDown?.(event);
@@ -110,7 +111,7 @@ exports.TextArea = React.forwardRef(({ className, dir, disabled, maxLength, read
         [`${prefixCls}-readonly`]: readOnly,
     }, className), [className, controlCls, dir, disabled, focused, prefixCls, readOnly, showCount, state]);
     const inputProps = React.useMemo(() => ({
-        ...(0, omit_1.default)(restProps, ['allowClear', 'size']),
+        ...(0, util_1.omit)(restProps, ['allowClear', 'size']),
         prefixCls: rootCls,
         onBlur,
         onChange,
@@ -147,7 +148,7 @@ exports.TextArea = React.forwardRef(({ className, dir, disabled, maxLength, read
     const dataCountAttribute = dataCount ? { 'data-count': dataCount } : {};
     return (React.createElement("label", { className: wrapperClasses, htmlFor: inputProps.id, ...dataCountAttribute },
         React.createElement("span", { className: `${controlCls}-input` },
-            React.createElement(textarea_1.default, { ...inputProps, ref: ref, value: value }))));
+            React.createElement(textarea_1.ResizableTextArea, { ...inputProps, ref: ref, value: value }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.TextArea.displayName = 'TextArea';

package/dist/cjs/components/Cover/index.d.ts

@@ -5,7 +5,7 @@ export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
     width?: number;
 }
-export declare function Cover({ automute, children, className, height, width, ...props }: CoverProps): React.JSX.Element;
+export declare function Cover({ automute, children, className, height, width, ...props }: CoverProps): React.ReactElement;
 export declare namespace Cover {
     var displayName: string;
 }

package/dist/cjs/components/DatePicker/PickerButton.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type ButtonProps } from '../../components/Button';
-export declare function PickerButton(props: ButtonProps): React.JSX.Element;
+export declare function PickerButton(props: ButtonProps): React.ReactElement;

package/dist/cjs/components/DatePicker/generatePurePicker.js

@@ -56,9 +56,7 @@ const generatePurePicker = (generateConfig) => {
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = (0, useComponents_1.useComponents)(components);
             React.useImperativeHandle(ref, () => pickerRef.current, []);
-            return (
-            // @ts-ignore
-            React.createElement(picker_1.PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: (0, utils_1.getMotionName)(config.prefixCls, 'slide-bottom-small'), ...restProps }));
+            return (React.createElement(picker_1.PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: (0, utils_1.getMotionName)(config.prefixCls, 'slide-bottom-small'), ...restProps }));
         });
         if (process.env.NODE_ENV !== 'production' && displayName) {
             Picker.displayName = displayName;

package/dist/cjs/components/DescriptionList/Description.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.ReactElement;
 export declare namespace Description {
     var displayName: string;
 }

package/dist/cjs/components/DescriptionList/DescriptionList.d.ts

@@ -3,7 +3,7 @@ export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElem
     divided?: boolean;
     prefixCls?: string;
 }
-export declare function DescriptionList({ className, divided, ...props }: DescriptionListProps): React.JSX.Element;
+export declare function DescriptionList({ className, divided, ...props }: DescriptionListProps): React.ReactElement;
 export declare namespace DescriptionList {
     var displayName: string;
 }

package/dist/cjs/components/DescriptionList/Term.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.ReactElement;
 export declare namespace Term {
     var displayName: string;
 }

package/dist/cjs/components/Divider/index.d.ts

@@ -5,7 +5,7 @@ export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>,
     small?: boolean;
     vertical?: boolean;
 }
-export declare function Divider({ className, icon, small, vertical, ...props }: DividerProps): React.JSX.Element;
+export declare function Divider({ className, icon, small, vertical, ...props }: DividerProps): React.ReactElement;
 export declare namespace Divider {
     var displayName: string;
 }