@broxus/react-uikit 0.17.4 → 0.18.0

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

@@ -1,4 +1,4 @@
-import { type CollapseProps } from 'rc-collapse';
+import { type CollapseProps } from '@rc-component/collapse';
 import * as React from 'react';
 export interface AccordionProps extends CollapseProps {
     direction?: string;

package/dist/cjs/components/Accordion/Accordion.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = Accordion;
+const collapse_1 = __importDefault(require("@rc-component/collapse"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_collapse_1 = __importDefault(require("rc-collapse"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
@@ -46,7 +46,7 @@ function Accordion(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, direction, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'accordion'), [config, prefixCls]);
-    return (React.createElement(rc_collapse_1.default, { className: (0, classnames_1.default)({
+    return (React.createElement(collapse_1.default, { className: (0, classnames_1.default)({
             [`${rootCls}-rtl`]: direction === 'rtl',
         }, className), openMotion: (0, utils_1.getCollapseMotion)(prefixCls || config.prefixCls), prefixCls: rootCls, ...restProps }));
 }

package/dist/cjs/components/Accordion/Item.d.ts

@@ -1,4 +1,4 @@
-import { type CollapsePanelProps } from 'rc-collapse';
+import { type CollapsePanelProps } from '@rc-component/collapse';
 import * as React from 'react';
 export interface AccordionItemProps extends React.PropsWithChildren<Omit<CollapsePanelProps, 'prefixCls'>> {
 }

package/dist/cjs/components/Accordion/Item.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = Item;
-const rc_collapse_1 = require("rc-collapse");
+const collapse_1 = require("@rc-component/collapse");
 const React = __importStar(require("react"));
 const Icon_1 = require("../../components/Icon");
 /**
@@ -45,7 +45,7 @@ function Item(props) {
     const { expandIcon, ...restProps } = props;
     const mergedExpandIcon = React.useMemo(() => expandIcon
         || (({ isActive }) => (React.createElement(Icon_1.Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
-    return React.createElement(rc_collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps });
+    return React.createElement(collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Accordion.Item';

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

@@ -1,4 +1,4 @@
-import { type MotionEndEventHandler } from 'rc-motion';
+import { type MotionEndEventHandler } from '@rc-component/motion';
 import * as React from 'react';
 import './index.scss';
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/cjs/components/Alert/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
+const motion_1 = __importDefault(require("@rc-component/motion"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_motion_1 = __importDefault(require("rc-motion"));
 const React = __importStar(require("react"));
 const Close_1 = require("../../components/Close");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -55,7 +55,7 @@ exports.Alert = React.forwardRef((props, ref) => {
     React.useImperativeHandle(ref, () => ({
         close,
     }), [close]);
-    return (React.createElement(rc_motion_1.default, { motionName: `${rootCls}-motion`, motionAppear: false, motionEnter: false, visible: !closed, onLeaveStart: node => ({
+    return (React.createElement(motion_1.default, { motionName: `${rootCls}-motion`, motionAppear: false, motionEnter: false, visible: !closed, onLeaveStart: node => ({
             maxHeight: node.offsetHeight,
         }), onLeaveEnd: onClosed }, ({ className: motionClassName, style: motionStyle }) => (React.createElement("div", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-${severity}`]: severity !== undefined,

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

@@ -7,8 +7,6 @@ export type PolymorphicProps<E extends React.ElementType = React.ElementType, Pr
 export interface PolymorphicComponent<Component extends React.ElementType = React.ElementType, Props extends object = {}> {
     <E extends React.ElementType = Component>(props: PolymorphicProps<E, Props>): React.JSX.Element;
     displayName?: string;
-    propTypes?: React.WeakValidationMap<any>;
-    contextTypes?: React.ValidationMap<any>;
     defaultProps?: Partial<any>;
     id?: string;
 }

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

@@ -47,25 +47,32 @@ exports.Checkbox = React.forwardRef((props, ref) => {
     const checkboxGroup = (0, CheckboxGroupContext_1.useCheckboxGroup)();
     const { block, children, className, direction = config.checkbox?.direction || config.direction, disabled, id, prefixCls = config.checkbox?.prefixCls || config.prefixCls, size, skipGroup, style, type = 'checkbox', onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...restProps } = props;
     const prevValue = React.useRef(restProps.value);
-    const [internalChecked, setInternalChecked] = React.useState(restProps.checked || restProps.defaultChecked);
-    const onChange = React.useCallback((event) => {
-        setInternalChecked(!internalChecked);
+    const [internalChecked, setInternalChecked] = React.useState(restProps.checked
+        ?? restProps.defaultChecked
+        ?? ('value' in restProps && restProps.value === checkboxGroup?.value));
+    const onChange = React.useCallback(event => {
+        if (disabled) {
+            return;
+        }
+        if (!('checked' in restProps)) {
+            setInternalChecked(event.target.checked);
+        }
         onChangeCallback?.({
             nativeEvent: event.nativeEvent,
             preventDefault: event.preventDefault,
             stopPropagation: event.stopPropagation,
-            target: { ...props, checked: !internalChecked },
+            target: { ...props, checked: event.target.checked },
         });
-    }, [internalChecked, props, onChangeCallback]);
+    }, [disabled, restProps, onChangeCallback, props]);
     const checkboxProps = React.useMemo(() => ({
         ...restProps,
-        checked: internalChecked,
+        checked: restProps.checked ?? internalChecked,
         disabled,
         id,
         type,
         // eslint-disable-next-line sort-keys
         onChange,
-    }), [disabled, id, internalChecked, restProps, type, onChange]);
+    }), [restProps, internalChecked, disabled, id, type, onChange]);
     if (checkboxGroup && !skipGroup) {
         checkboxProps.onChange = (...args) => {
             onChange(...args);

package/dist/cjs/components/Control/Checkbox/Group.d.ts

@@ -8,7 +8,7 @@ export interface CheckboxOptionType<T = any> {
     disabled?: boolean;
     title?: string;
     id?: string;
-    onChange?: (e: CheckboxChangeEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
     required?: boolean;
 }
 export interface AbstractCheckboxGroupProps<T = any> {

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

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const classnames_1 = __importDefault(require("classnames"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const useInput_1 = require("../../../components/Control/Input/useInput");

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

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputNumber = void 0;
-const rc_input_number_1 = __importDefault(require("rc-input-number"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const input_number_1 = __importDefault(require("@rc-component/input-number"));
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../../components/ConfigProvider");
 const useInput_1 = require("../../../../components/Control/Input/useInput");
@@ -73,7 +73,7 @@ exports.InputNumber = React.forwardRef((props, ref) => {
     ]);
     return (React.createElement("label", { className: wrapperClasses, htmlFor: restProps.id },
         React.createElement("div", { className: `${controlCls}-input` },
-            React.createElement(rc_input_number_1.default, { ...inputProps, downHandler: downIcon, prefixCls: rootCls, ref: inputRef, upHandler: upIcon }))));
+            React.createElement(input_number_1.default, { ...inputProps, downHandler: downIcon, prefixCls: rootCls, ref: inputRef, upHandler: upIcon }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.InputNumber.displayName = 'Input.Number';

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

@@ -1,4 +1,4 @@
-import { type InputNumberProps as RcInputNumberProps } from 'rc-input-number';
+import { type InputNumberProps as RcInputNumberProps } from '@rc-component/input-number';
 import type * as React from 'react';
 import { type ControlProps, type ValueType } from '../../../components/Control/types';
 export interface InputFocusOptions extends FocusOptions {
@@ -7,7 +7,7 @@ export interface InputFocusOptions extends FocusOptions {
 export interface InputRef {
     blur: VoidFunction;
     focus: VoidFunction;
-    getInputRef(): React.RefObject<HTMLInputElement> | null;
+    getInputRef(): React.RefObject<HTMLInputElement | null> | null;
 }
 export type OmittedNativeInput = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'defaultChecked' | 'size' | 'prefix' | 'type' | 'max' | 'min'>;
 export interface InputProps<T extends ValueType = ValueType> extends OmittedNativeInput, ControlProps<T> {

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

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { type InputNumberProps, type InputProps } from '../../../components/Control/Input/types';
 import { type ValueType } from '../../../components/Control/types';
 interface HookConsumedProps {
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     prefixCls?: string;
     wrapperClasses: string;
 }
 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>(props: Props<T, U>): T & HookConsumedProps;
+export declare function useInput<T, U extends ValueType = ValueType>(props: Props<T, U>): Props<T, U> & HookConsumedProps;
 export {};

package/dist/cjs/components/Control/Radio/Group.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = void 0;
+const useMergedState_1 = __importDefault(require("@rc-component/util/lib/hooks/useMergedState"));
 const classnames_1 = __importDefault(require("classnames"));
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Radio_1 = require("../../../components/Control/Radio/Radio");

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

@@ -50,18 +50,23 @@ exports.Radio = React.forwardRef((props, ref) => {
         ?? restProps.defaultChecked
         ?? ('value' in restProps && restProps.value === radioGroup?.value));
     const onChange = React.useCallback(event => {
-        setInternalChecked(true);
+        if (disabled) {
+            return;
+        }
+        if (!('checked' in restProps)) {
+            setInternalChecked(event.target.checked);
+        }
         onChangeCallback?.({
             nativeEvent: event.nativeEvent,
             preventDefault: event.preventDefault,
             stopPropagation: event.stopPropagation,
-            target: { ...props, checked: !internalChecked },
+            target: { ...props, checked: event.target.checked },
         });
         radioGroup?.onChange?.(event);
-    }, [internalChecked, props, radioGroup, onChangeCallback]);
+    }, [disabled, restProps, onChangeCallback, props, radioGroup]);
     const radioProps = React.useMemo(() => ({
         ...restProps,
-        checked: internalChecked,
+        checked: restProps.checked ?? internalChecked,
         disabled,
         id,
         onChange,
@@ -80,7 +85,7 @@ exports.Radio = React.forwardRef((props, ref) => {
         [`${controlCls}-${size}`]: block && size,
         [`${rootCls}-wrapper`]: true,
         [`${rootCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-checked`]: internalChecked,
+        [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-checked`]: radioProps.checked,
         [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-disabled`]: radioProps.disabled,
     }, className), [
         controlCls,
@@ -91,14 +96,13 @@ exports.Radio = React.forwardRef((props, ref) => {
         prefixCls,
         config.radio?.prefixCls,
         config.prefixCls,
-        internalChecked,
-        radioProps.disabled,
+        radioProps,
         className,
     ]);
     const radioClasses = React.useMemo(() => (0, classnames_1.default)(rootCls, {
-        [`${rootCls}-checked`]: internalChecked,
+        [`${rootCls}-checked`]: radioProps.checked,
         [`${rootCls}-disabled`]: disabled,
-    }), [rootCls, internalChecked, disabled]);
+    }), [rootCls, radioProps.checked, disabled]);
     const globalAttributes = React.useMemo(() => (0, js_utils_1.retrieveGlobalAttributes)(restProps), [restProps]);
     React.useEffect(() => {
         setInternalChecked(restProps.checked

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

@@ -1,6 +1,6 @@
-import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from 'rc-select';
-import { type OptionProps } from 'rc-select/lib/Option';
-import { type BaseOptionType, type DefaultOptionType } from 'rc-select/lib/Select';
+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';

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

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (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 rc_select_1 = __importStar(require("rc-select"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const placements_1 = require("../../../components/Control/Select/placements");
@@ -50,7 +50,7 @@ const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 function InternalSelect(props, ref) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { allowClear, direction = config.select?.direction || config.direction, dropdownMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(dropdownMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
+    const { allowClear, direction = config.select?.direction || config.direction, popupMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
     const inputRef = React.useRef(null);
     const labelRef = React.useRef(null);
     const [focused, setFocused] = React.useState(false);
@@ -75,9 +75,9 @@ function InternalSelect(props, ref) {
         }
         restProps.onKeyDown?.(event);
     }, [onPressEnter, restProps]);
-    const onDropdownVisibleChange = React.useCallback((open) => {
+    const onPopupVisibleChange = React.useCallback((open) => {
         setInternalOpen(open);
-        restProps.onDropdownVisibleChange?.(open);
+        restProps.onPopupVisibleChange?.(open);
     }, [restProps]);
     const onClickIcon = React.useCallback(() => {
         setInternalOpen(!internalOpen);
@@ -133,12 +133,6 @@ function InternalSelect(props, ref) {
             else if (React.isValidElement(config.select?.loadingIcon)) {
                 suffixIcon = config.select.loadingIcon;
             }
-            else if (typeof config.selectLoadingIcon === 'function') {
-                suffixIcon = config.selectLoadingIcon();
-            }
-            else if (React.isValidElement(config.selectLoadingIcon)) {
-                suffixIcon = config.selectLoadingIcon;
-            }
             else {
                 suffixIcon = React.createElement(Spinner_1.Spinner, { key: "spinner", ratio: 0.7 });
             }
@@ -152,12 +146,6 @@ function InternalSelect(props, ref) {
                 else if (React.isValidElement(config.select?.addIcon)) {
                     suffixIcon = config.select.addIcon;
                 }
-                else if (typeof config.selectAddIcon === 'function') {
-                    suffixIcon = config.selectAddIcon({ onClick: onClickIcon });
-                }
-                else if (React.isValidElement(config.selectAddIcon)) {
-                    suffixIcon = config.selectAddIcon;
-                }
                 else {
                     suffixIcon = React.createElement(Icon_1.Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
                 }
@@ -169,12 +157,6 @@ function InternalSelect(props, ref) {
                 else if (React.isValidElement(config.select?.searchIcon)) {
                     suffixIcon = config.select.searchIcon;
                 }
-                else if (typeof config.selectSearchIcon === 'function') {
-                    suffixIcon = config.selectSearchIcon();
-                }
-                else if (React.isValidElement(config.selectSearchIcon)) {
-                    suffixIcon = config.selectSearchIcon;
-                }
                 else {
                     suffixIcon = React.createElement(Icon_1.Icon, { key: "manage_search", icon: "manage_search" });
                 }
@@ -185,12 +167,6 @@ function InternalSelect(props, ref) {
             else if (React.isValidElement(config.select?.arrowIcon)) {
                 suffixIcon = config.select.arrowIcon;
             }
-            else if (typeof config.selectArrowIcon === 'function') {
-                suffixIcon = config.selectArrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
-            }
-            else if (React.isValidElement(config.selectArrowIcon)) {
-                suffixIcon = config.selectArrowIcon;
-            }
             else {
                 suffixIcon = internalOpen ? (React.createElement(Icon_1.Icon, { key: "expand_less", icon: "expand_less" })) : (React.createElement(Icon_1.Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon }));
             }
@@ -209,12 +185,6 @@ function InternalSelect(props, ref) {
         else if (React.isValidElement(config.select?.notFoundContent)) {
             mergedNotFound = config.select.notFoundContent;
         }
-        else if (typeof config.selectNotFoundContent === 'function') {
-            mergedNotFound = config.selectNotFoundContent();
-        }
-        else if (React.isValidElement(config.selectNotFoundContent)) {
-            mergedNotFound = config.selectNotFoundContent;
-        }
         let clearIcon = React.createElement(Icon_1.Icon, { icon: "clear" });
         if (typeof config.select?.clearIcon === 'function') {
             clearIcon = config.select.clearIcon();
@@ -222,17 +192,10 @@ function InternalSelect(props, ref) {
         else if (React.isValidElement(config.select?.clearIcon)) {
             clearIcon = config.select.clearIcon;
         }
-        else if (typeof config.selectClearIcon === 'function') {
-            clearIcon = config.selectClearIcon();
-        }
-        else if (React.isValidElement(config.selectClearIcon)) {
-            clearIcon = config.selectClearIcon;
-        }
         return {
             allowClear: (allowClear || allowClear === undefined) && {
                 clearIcon,
             },
-            dropdownMatchSelectWidth: true,
             listHeight,
             listItemHeight,
             menuItemSelectedIcon: React.createElement(Icon_1.Icon, { icon: "check" }),
@@ -243,14 +206,16 @@ function InternalSelect(props, ref) {
             suffixIcon,
             transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
             ...restProps,
-            dropdownClassName: (0, classnames_1.default)(restProps.dropdownClassName, {
+            notFoundContent: mergedNotFound,
+            popupClassName: (0, classnames_1.default)(restProps.popupClassName, {
                 [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
             }),
-            notFoundContent: mergedNotFound,
+            popupMatchSelectWidth: true,
+            // eslint-disable-next-line sort-keys
             onBlur,
-            onDropdownVisibleChange,
             onFocus,
             onKeyDown,
+            onPopupVisibleChange,
         };
     }, [
         restProps,
@@ -266,10 +231,10 @@ function InternalSelect(props, ref) {
         prefixCls,
         direction,
         onBlur,
-        onDropdownVisibleChange,
         onFocus,
         onKeyDown,
         onClickIcon,
+        onPopupVisibleChange,
     ]);
     React.useImperativeHandle(ref, () => ({
         blur() {
@@ -283,13 +248,11 @@ function InternalSelect(props, ref) {
         },
     }));
     return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(rc_select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, dropdownAlign: {
+        React.createElement(select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, popupAlign: {
                 offset: [offsetY, 5],
-            }, 
-            // @ts-ignore
-            placement: placement, ...inputProps, mode: mode })));
+            }, 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 = rc_select_1.Option;
-exports.Select.OptGroup = rc_select_1.OptGroup;
+exports.Select.Option = select_1.Option;
+exports.Select.OptGroup = select_1.OptGroup;

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

@@ -1,4 +1,4 @@
-import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from 'rc-textarea';
+import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
 import './index.scss';

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

@@ -37,9 +37,9 @@ 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 classnames_1 = __importDefault(require("classnames"));
-const rc_textarea_1 = __importDefault(require("rc-textarea"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Input_1 = require("../../../components/Control/Input");
@@ -150,7 +150,7 @@ exports.TextArea = React.forwardRef((props, ref) => {
     const dataCountAttribute = dataCount ? { 'data-count': dataCount } : {};
     return (React.createElement("label", { className: wrapperClasses, htmlFor: inputProps.id, ...dataCountAttribute },
         React.createElement("span", { className: `${controlCls}-input` },
-            React.createElement(rc_textarea_1.default, { ...inputProps, value: value, ref: ref }))));
+            React.createElement(textarea_1.default, { ...inputProps, value: value, ref: ref }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.TextArea.displayName = 'TextArea';

package/dist/cjs/components/Control/index.scss

@@ -324,11 +324,11 @@ body:not([dir]) .uk-control:not(.uk-control-rtl),
     --control-large-padding-vertical: #{$control-large-padding-vertical};
     --control-large-line-height: var(--control-large-height);
     --control-large-font-size: var(--global-medium-font-size);
-    --control-success-border: var(--global-success-border);
+    --control-success-border: var(--global-success-background);
     --control-success-color: var(--global-success-background);
-    --control-warning-border: var(--global-warning-border);
+    --control-warning-border: var(--global-warning-background);
     --control-warning-color: var(--global-warning-background);
-    --control-danger-border: var(--global-danger-border);
+    --control-danger-border: var(--global-danger-background);
     --control-danger-color: var(--global-danger-background);
     --control-blank-border-style: #{$control-blank-border-style};
     --control-blank-focus-border: #{$control-blank-focus-border};

package/dist/cjs/components/Cover/index.js

@@ -77,7 +77,6 @@ function Cover(props) {
         if (React.isValidElement(child)) {
             return React.cloneElement(child, {
                 ...child.props,
-                // @ts-ignore
                 ref: idx === 0 ? coveringElement : null,
                 // eslint-disable-next-line sort-keys
                 className: (0, classnames_1.default)(rootCls, child.props.className),
@@ -88,7 +87,7 @@ function Cover(props) {
                 onLoad: () => {
                     if (automute) {
                         try {
-                            coveringElement.current?.contentWindow?.postMessage('{"event": "command", "method": "setVolume", "value": 0}', '*');
+                            coveringElement.current?.contentWindow?.postMessage(JSON.stringify({ event: 'command', method: 'setVolume', value: 0 }), '*');
                         }
                         catch (e) { }
                     }

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

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import { type AnyObject } from '../../types';
 export declare const generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, import("./types").PickerProps<DateType>, ValueType>) => React.ReactElement) & {
     displayName?: string;

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

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import * as React from 'react';
 import { type GenericTimePickerProps, type PickerPanelProps, type PickerPanelPropsWithMultiple } from '../../components/DatePicker/types';
 import { type AnyObject } from '../../types';

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

@@ -37,11 +37,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generatePurePicker = void 0;
-const rc_picker_1 = require("rc-picker");
+const picker_1 = require("@rc-component/picker");
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const constants_1 = require("../../components/DatePicker/constants");
-// eslint-disable-next-line camelcase
 const en_US_1 = __importDefault(require("../../components/DatePicker/locale/en_US"));
 const useComponents_1 = require("../../components/DatePicker/useComponents");
 const utils_1 = require("../../utils");
@@ -52,14 +51,14 @@ const generatePurePicker = (generateConfig) => {
         const Picker = React.forwardRef((props, ref) => {
             const config = (0, ConfigProvider_1.useConfig)();
             const ctxPickerConfig = React.useMemo(() => config[consumerName] || {}, [config]);
-            const { components, direction = ctxPickerConfig.direction || config.direction, locale = en_US_1.default, prefixCls = `${config.prefixCls}-datepicker`, ...restProps } = props;
+            const { components, direction = ctxPickerConfig.direction || config.direction, locale = config.datePicker?.locale ?? en_US_1.default, prefixCls = `${config.prefixCls}-datepicker`, ...restProps } = props;
             const pickerRef = React.useRef(null);
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = (0, useComponents_1.useComponents)(components);
             React.useImperativeHandle(ref, () => pickerRef.current, []);
             return (
             // @ts-ignore
-            React.createElement(rc_picker_1.PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, picker: mergedPicker, prefixCls: prefixCls, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), transitionName: (0, utils_1.getMotionName)(config.prefixCls, 'slide-bottom-small'), ...restProps }));
+            React.createElement(picker_1.PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, picker: mergedPicker, prefixCls: prefixCls, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-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/DatePicker/generateSinglePicker.d.ts

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import * as React from 'react';
 import { type GenericTimePickerProps, type PickerProps, type PickerPropsWithMultiple } from '../../components/DatePicker/types';
 import { type AnyObject } from '../../types';

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

@@ -37,13 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSinglePicker = void 0;
+const picker_1 = require("@rc-component/picker");
 const classnames_1 = __importDefault(require("classnames"));
-const rc_picker_1 = require("rc-picker");
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const constants_1 = require("../../components/DatePicker/constants");
 const DatePickerInputPropsContext_1 = require("../../components/DatePicker/DatePickerInputPropsContext");
-// eslint-disable-next-line camelcase
 const en_US_1 = __importDefault(require("../../components/DatePicker/locale/en_US"));
 const placements_1 = __importDefault(require("../../components/DatePicker/placements"));
 const useComponents_1 = require("../../components/DatePicker/useComponents");
@@ -57,7 +56,7 @@ const generateSinglePicker = (generateConfig) => {
         const Picker = React.forwardRef((props, ref) => {
             const config = (0, ConfigProvider_1.useConfig)();
             const ctxPickerConfig = React.useMemo(() => config[consumerName] || {}, [config]);
-            const { allowClear = true, builtinPlacements = placements_1.default, className, components, direction = ctxPickerConfig.direction ?? config.direction, getPopupContainer = config.getPopupContainer, locale = en_US_1.default, placeholder, placement = 'bottom-left', popupClassName, prefixCls = `${config.prefixCls}-datepicker`, rootClassName, size, state, style, onCalendarChange, ...restProps } = props;
+            const { allowClear = true, builtinPlacements = placements_1.default, className, components, direction = ctxPickerConfig.direction ?? config.direction, getPopupContainer = config.getPopupContainer, locale = config.datePicker?.locale ?? en_US_1.default, placeholder, placement = 'bottom-left', popupClassName, prefixCls = `${config.prefixCls}-datepicker`, rootClassName, size, state, style, onCalendarChange, ...restProps } = props;
             const pickerRef = React.useRef(null);
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = (0, useComponents_1.useComponents)(components);
@@ -84,13 +83,14 @@ const generateSinglePicker = (generateConfig) => {
             const mergedAllowClear = allowClear === true ? { clearIcon } : allowClear;
             React.useImperativeHandle(ref, () => pickerRef.current, []);
             return (React.createElement(DatePickerInputPropsContext_1.DatePickerInputPropsContext.Provider, { value: inputProps },
-                React.createElement(rc_picker_1.Picker, { ref: pickerRef, builtinPlacements: builtinPlacements, className: (0, classnames_1.default)(rootClassName, {
+                React.createElement(picker_1.Picker, { ref: pickerRef, builtinPlacements: builtinPlacements, className: (0, classnames_1.default)(rootClassName, {
                         [`${prefixCls}-${size}`]: size,
+                        [`${prefixCls}-${state}`]: state,
                         [`${prefixCls}-rtl`]: direction === 'rtl',
                     }, className), classNames: {
                         popup: (0, classnames_1.default)(popupClassName),
                     }, components: mergedComponents, direction: direction, generateConfig: generateConfig, getPopupContainer: getPopupContainer, locale: locale.lang, picker: mergedPicker, placeholder: (0, utils_1.getPlaceholder)(locale, mergedPicker, placeholder), placement: placement, prefixCls: prefixCls, suffixIcon: suffixIcon, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), style: style, transitionName: (0, utils_2.getMotionName)(config.prefixCls, 'slide-bottom-small'), onCalendarChange: onCalendarChange, ...restProps, allowClear: mergedAllowClear, styles: {
-                        popup: { ...restProps.styles },
+                        popup: { minWidth: 'fit-content', ...restProps.styles },
                     } })));
         });
         if (process.env.NODE_ENV !== 'production' && displayName) {

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

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
-const luxon_1 = __importDefault(require("rc-picker/lib/generate/luxon"));
+const luxon_1 = __importDefault(require("@rc-component/picker/lib/generate/luxon"));
 const generatePicker_1 = require("../../components/DatePicker/generatePicker");
 const generatePurePicker_1 = require("../../components/DatePicker/generatePurePicker");
 require("./index.scss");