@broxus/react-uikit 0.20.1 → 0.22.0

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

@@ -46,9 +46,9 @@ 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(props, ref) {
+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 { 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 { 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);
@@ -95,16 +95,6 @@ function InternalSelect(props, ref) {
     }, [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 mode = React.useMemo(() => {
-        const { mode: m } = restProps;
-        if (m === 'combobox') {
-            return undefined;
-        }
-        if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
-            return 'combobox';
-        }
-        return m;
-    }, [restProps]);
     const wrapperClasses = React.useMemo(() => (0, classnames_1.default)([controlCls, `${controlCls}-select`], {
         [`${controlCls}-${restProps.size}`]: restProps.size,
         [`${controlCls}-rtl`]: direction === 'rtl',
@@ -134,6 +124,7 @@ function InternalSelect(props, ref) {
             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';
@@ -166,8 +157,11 @@ function InternalSelect(props, ref) {
                 suffixIcon = config.select.arrowIcon;
             }
             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 }));
+                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;
@@ -201,7 +195,7 @@ function InternalSelect(props, ref) {
             prefixCls: rootCls,
             removeIcon: React.createElement(Icon_1.Icon, { icon: "clear" }),
             showSearch,
-            suffixIcon,
+            suffix: suffixIcon,
             transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
             ...restProps,
             notFoundContent: mergedNotFound,
@@ -209,7 +203,6 @@ function InternalSelect(props, ref) {
                 [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
             }),
             popupMatchSelectWidth: true,
-            // eslint-disable-next-line sort-keys
             onBlur,
             onFocus,
             onKeyDown,

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

@@ -47,9 +47,9 @@ function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
 /* eslint-disable jsx-a11y/label-has-associated-control */
-exports.TextArea = React.forwardRef((props, ref) => {
+exports.TextArea = React.forwardRef(({ className, dir, disabled, maxLength, readOnly, showCount, state, onPressEnter, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, dir, disabled, maxLength, prefixCls = config.prefixCls, readOnly, showCount, state, onPressEnter, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const hasMaxLength = Number(maxLength) > 0;
     const [compositing, setCompositing] = React.useState(false);
     const [focused, setFocused] = React.useState(false);
@@ -112,7 +112,6 @@ exports.TextArea = React.forwardRef((props, ref) => {
     const inputProps = React.useMemo(() => ({
         ...(0, omit_1.default)(restProps, ['allowClear', 'size']),
         prefixCls: rootCls,
-        // eslint-disable-next-line sort-keys
         onBlur,
         onChange,
         onCompositionEnd,
@@ -148,7 +147,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(textarea_1.default, { ...inputProps, value: value, ref: ref }))));
+            React.createElement(textarea_1.default, { ...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(props: CoverProps): React.JSX.Element;
+export declare function Cover({ automute, children, className, height, width, ...props }: CoverProps): React.JSX.Element;
 export declare namespace Cover {
     var displayName: string;
 }

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

@@ -41,9 +41,9 @@ const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Cover(props) {
+function Cover({ automute = true, children, className, height, width, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const container = React.useRef(null);
     const coveringElement = React.useRef(null);
     const resize = React.useCallback(() => {
@@ -76,13 +76,8 @@ function Cover(props) {
         if (React.isValidElement(child)) {
             return React.cloneElement(child, {
                 ...child.props,
-                ref: idx === 0 ? coveringElement : null,
-                // eslint-disable-next-line sort-keys
                 className: (0, classnames_1.default)(rootCls, child.props.className),
-                onLoadedMetadata: () => {
-                    resize();
-                },
-                // eslint-disable-next-line sort-keys
+                ref: idx === 0 ? coveringElement : null,
                 onLoad: () => {
                     if (automute) {
                         try {
@@ -91,6 +86,9 @@ function Cover(props) {
                         catch (e) { }
                     }
                 },
+                onLoadedMetadata: () => {
+                    resize();
+                },
             });
         }
         return child;

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 const PickerButton: React.MemoExoticComponent<(props: ButtonProps) => React.JSX.Element>;
+export declare function PickerButton(props: ButtonProps): React.JSX.Element;

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

@@ -33,7 +33,9 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PickerButton = void 0;
+exports.PickerButton = PickerButton;
 const React = __importStar(require("react"));
 const Button_1 = require("../../components/Button");
-exports.PickerButton = React.memo((props) => React.createElement(Button_1.Button, { size: "small", type: "primary", ...props }));
+function PickerButton(props) {
+    return React.createElement(Button_1.Button, { size: "small", type: "primary", ...props });
+}

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

@@ -4,19 +4,19 @@ export declare const generatePicker: <DateType extends AnyObject = AnyObject>(ge
     displayName?: string;
 } & {
     displayName?: string;
-    WeekPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
-        displayName?: string;
-    };
     MonthPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    YearPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+    QuarterPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
     TimePicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").GenericTimePickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    QuarterPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+    WeekPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    YearPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
 };

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generatePicker = void 0;
 const generateSinglePicker_1 = require("../../components/DatePicker/generateSinglePicker");
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types
+/* eslint-disable @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types,@typescript-eslint/no-unused-vars */
 const generatePicker = (generateConfig) => {
     const { DatePicker, MonthPicker, QuarterPicker, TimePicker, WeekPicker, YearPicker, } = (0, generateSinglePicker_1.generateSinglePicker)(generateConfig);
     const MergedDatePicker = DatePicker;

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

@@ -45,7 +45,7 @@ const en_US_1 = __importDefault(require("../../components/DatePicker/locale/en_U
 const useComponents_1 = require("../../components/DatePicker/useComponents");
 const utils_1 = require("../../utils");
 const generatePurePicker = (generateConfig) => {
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     const getPanel = (picker, displayName) => {
         const consumerName = displayName === constants_1.TIMEPICKER ? 'timePicker' : 'datePicker';
         const Picker = React.forwardRef((props, ref) => {
@@ -58,7 +58,7 @@ const generatePurePicker = (generateConfig) => {
             React.useImperativeHandle(ref, () => pickerRef.current, []);
             return (
             // @ts-ignore
-            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 }));
+            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;
@@ -68,7 +68,7 @@ const generatePurePicker = (generateConfig) => {
     const DatePicker = getPanel();
     const MonthPicker = getPanel(constants_1.MONTH, constants_1.MONTHPICKER);
     const QuarterPicker = getPanel(constants_1.QUARTER, constants_1.QUARTERPICKER);
-    // @ts-ignore
+    // @ts-expect-error Type Omit<TimePickerProps, 'picker'> does not satisfy the constraint ...
     const TimePicker = getPanel(constants_1.TIME, constants_1.TIMEPICKER);
     const WeekPicker = getPanel(constants_1.WEEK, constants_1.WEEKPICKER);
     const YearPicker = getPanel(constants_1.YEAR, constants_1.YEARPICKER);

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

@@ -49,8 +49,8 @@ const useComponents_1 = require("../../components/DatePicker/useComponents");
 const utils_1 = require("../../components/DatePicker/utils");
 const Icon_1 = require("../../components/Icon");
 const utils_2 = require("../../utils");
+/* eslint-disable @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types */
 const generateSinglePicker = (generateConfig) => {
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types
     const getPicker = (picker, displayName) => {
         const consumerName = displayName === constants_1.TIMEPICKER ? 'timePicker' : 'datePicker';
         const Picker = React.forwardRef((props, ref) => {
@@ -73,7 +73,6 @@ const generateSinglePicker = (generateConfig) => {
                 if (mergedPicker === constants_1.TIME) {
                     return React.createElement(Icon_1.Icon, { icon: "schedule" });
                 }
-                // @ts-ignore
                 if (mergedPicker && ![constants_1.WEEK, constants_1.MONTH, constants_1.QUARTER, constants_1.YEAR].includes(mergedPicker)) {
                     return React.createElement(Icon_1.Icon, { icon: "calendar_clock" });
                 }
@@ -89,7 +88,7 @@ const generateSinglePicker = (generateConfig) => {
                         [`${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: {
+                    }, components: mergedComponents, direction: direction, generateConfig: generateConfig, getPopupContainer: getPopupContainer, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, placeholder: (0, utils_1.getPlaceholder)(locale, mergedPicker, placeholder), placement: placement, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), style: style, suffixIcon: suffixIcon, superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: (0, utils_2.getMotionName)(config.prefixCls, 'slide-bottom-small'), onCalendarChange: onCalendarChange, ...restProps, allowClear: mergedAllowClear, styles: {
                         popup: { minWidth: 'fit-content', ...restProps.styles },
                     } })));
         });

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

@@ -17,10 +17,10 @@ export interface AdditionalPickerLocaleLangProps {
     rangeMonthPlaceholder?: [string, string];
     rangePlaceholder?: [string, string];
     rangeQuarterPlaceholder?: [string, string];
-    rangeYearPlaceholder?: [string, string];
     rangeWeekPlaceholder?: [string, string];
-    yearPlaceholder?: string;
+    rangeYearPlaceholder?: [string, string];
     weekPlaceholder?: string;
+    yearPlaceholder?: string;
 }
 export interface PickerLocale extends AdditionalPickerLocaleProps {
     lang: RcPickerLocale & AdditionalPickerLocaleLangProps;

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(props: DescriptionListProps): React.JSX.Element;
+export declare function DescriptionList({ className, divided, ...props }: DescriptionListProps): React.JSX.Element;
 export declare namespace DescriptionList {
     var displayName: string;
 }

package/dist/cjs/components/DescriptionList/DescriptionList.js

@@ -40,9 +40,9 @@ exports.DescriptionList = DescriptionList;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function DescriptionList(props) {
+function DescriptionList({ className, divided, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, divided, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'description-list'), [config, prefixCls]);
     return (React.createElement("dl", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-divider`]: divided,

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(props: DividerProps): React.JSX.Element;
+export declare function Divider({ className, icon, small, vertical, ...props }: DividerProps): React.JSX.Element;
 export declare namespace Divider {
     var displayName: string;
 }

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

@@ -40,9 +40,9 @@ exports.Divider = Divider;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Divider(props) {
+function Divider({ className, icon, small, vertical, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'divider'), [config, prefixCls]);
     return (React.createElement("hr", { className: (0, classnames_1.default)({
             [`${rootCls}-icon`]: icon && !small && !vertical,

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

@@ -3,7 +3,7 @@ export interface DotnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Dotnav(props: DotnavProps): React.JSX.Element;
+export declare function Dotnav({ className, vertical, ...props }: DotnavProps): React.JSX.Element;
 export declare namespace Dotnav {
     var displayName: string;
 }

package/dist/cjs/components/Dotnav/Dotnav.js

@@ -40,9 +40,9 @@ exports.Dotnav = Dotnav;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Dotnav(props) {
+function Dotnav({ className, vertical, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'dotnav'), [config, prefixCls]);
     return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-vertical`]: vertical,

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface DotnavItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'children'> {
     isActive?: boolean;
 }
-export declare function Item(props: DotnavItemProps): React.JSX.Element;
+export declare function Item({ className, isActive, onClick, ...props }: DotnavItemProps): React.JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -41,12 +41,11 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Button_1 = require("../../components/Button");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Item(props) {
+function Item({ className, isActive, onClick, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, isActive, onClick, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)({
             [`${config.prefixCls}-active`]: isActive,
-        }, className), ...restProps },
+        }, className), ...props },
         React.createElement(Button_1.Button, { type: "text", onClick: onClick })));
 }
 if (process.env.NODE_ENV !== 'production') {

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

@@ -2,11 +2,11 @@ import { type DrawerProps as RcDrawerProps } from '@rc-component/drawer';
 import * as React from 'react';
 import { type Direction } from '../../types';
 export type DrawerSize = 'large';
-export type DrawerRef = {
+export interface DrawerRef {
     collapse: VoidFunction;
     expand: VoidFunction;
     isOpen?: boolean;
-};
+}
 export interface PushState {
     distance: string | number;
 }

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

@@ -44,9 +44,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 const defaultPushState = { distance: 180 };
-exports.Drawer = React.forwardRef((props, ref) => {
+exports.Drawer = React.forwardRef(({ animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', push = defaultPushState, rootClassName, rootStyle, size, trigger, onClose: onCloseCallback, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, getContainer = config.getPopupContainer, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', prefixCls = config.prefixCls, push = defaultPushState, size, rootClassName, rootStyle, trigger, onClose: onCloseCallback, ...restProps } = props;
+    const { getContainer = config.getPopupContainer, prefixCls = config.prefixCls, ...restProps } = props;
     const [isShown, setShown] = React.useState(defaultOpen);
     const [internalOpen, setOpen] = React.useState(defaultOpen);
     const mergedOpen = open === undefined ? internalOpen : open;
@@ -60,8 +60,8 @@ exports.Drawer = React.forwardRef((props, ref) => {
         'no-mask': !mask,
     }, rootClassName), [rootCls, animation, mergedOpen, isShown, size, direction, mask, rootClassName]);
     const drawerContainerClassName = React.useMemo(() => (0, classnames_1.default)(`${rootCls}-container`, {
-        [`${rootCls}-container-large`]: size === 'large',
         [`${rootCls}-container-${animation}-${placement}`]: placement !== undefined && ['push', 'reveal'].includes(animation),
+        [`${rootCls}-container-large`]: size === 'large',
     }), [rootCls, size, placement, animation]);
     const internalMotion = React.useMemo(() => ({
         onAppearPrepare: element => {
@@ -139,7 +139,7 @@ exports.Drawer = React.forwardRef((props, ref) => {
     React.useEffect(() => cleanup, [cleanup]);
     return (React.createElement(React.Fragment, null,
         trigger?.({ collapse, expand, isOpen: !!mergedOpen }),
-        React.createElement(drawer_1.default, { className: className, destroyOnHidden: destroyOnHidden, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
+        React.createElement(drawer_1.default, { className: className, destroyOnHidden: destroyOnHidden, getContainer: getContainer, keyboard: keyboard, mask: mask, maskClosable: maskClosable, maskMotion: {
                 motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'drawer-fade'),
             }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps, classNames: {
                 ...restProps.classNames,

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

@@ -22,12 +22,12 @@ export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' |
     onOverlayClick?: (event: Event) => void;
     onVisibleChange?: (visible: boolean) => void;
 }
-export type TriggerRef = {
+export interface TriggerRef {
     forceAlign: VoidFunction;
-};
-export type DropRef = {
+}
+export interface DropRef {
     close: VoidFunction;
     open: VoidFunction;
     triggerRef: TriggerRef | null;
-};
+}
 export declare const Drop: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

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

@@ -43,9 +43,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const placements_1 = __importDefault(require("../../components/Drop/placements"));
 const utils_1 = require("../../utils");
-exports.Drop = React.forwardRef((props, ref) => {
+exports.Drop = React.forwardRef(({ action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, hideAction = action, maskMotion, minOverlayWidthMatchTrigger, motion, openClassName, overlay, overlayClassName, overlayStyle, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = action, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { getPopupContainer = config.getPopupContainer, prefixCls = config.prefixCls, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
@@ -107,7 +107,7 @@ exports.Drop = React.forwardRef((props, ref) => {
             motionDeadline: 300,
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
             ...motion,
-        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: Array.isArray(showAction) ? showAction : [showAction], stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onOpenChange: onPopupVisibleChange }, renderChildren()));
+        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: Array.isArray(showAction) ? showAction : [showAction], stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onOpenChange: onPopupVisibleChange, onPopupAlign: onAlign }, renderChildren()));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Drop.displayName = 'Drop';

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

@@ -37,9 +37,9 @@ exports.Dropdown = void 0;
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Drop_1 = require("../../components/Drop");
-exports.Dropdown = React.forwardRef((props, ref) => {
+exports.Dropdown = React.forwardRef(({ children, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'dropdown'), [config, prefixCls]);
     return (React.createElement(Drop_1.Drop, { ref: ref, ...restProps, rootCls: rootCls }, children));
 });

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

@@ -18,7 +18,7 @@ export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
     inline?: boolean;
     prefixCls?: string;
 }
-export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
+export type FlexProps<E extends React.ElementType = React.ElementType> = FlexOwnProps & PolymorphicProps<E> & PolymorphicProps<E, FlexOwnProps>;
 declare const defaultElement = "div";
-export declare function Flex<E extends React.ElementType = typeof defaultElement>(props: FlexProps<E>): React.JSX.Element;
+export declare function Flex<E extends React.ElementType = typeof defaultElement>({ alignContent, alignItems, className, component, flexDirection, flexWrap, inline, justifyContent, ...props }: React.PropsWithChildren<FlexProps<E>>): React.JSX.Element;
 export {};

package/dist/cjs/components/Flex/Flex.js

@@ -47,38 +47,38 @@ const defaultElement = 'div';
 const alignContentMap = new Map([
     ['around', 'around'],
     ['between', 'between'],
-    ['end', 'right'],
     ['center', 'middle'],
+    ['end', 'right'],
     ['start', 'left'],
     ['stretch', 'stretch'],
 ]);
 const alignItemsMap = new Map([
-    ['end', 'bottom'],
     ['center', 'middle'],
+    ['end', 'bottom'],
     ['start', 'top'],
     ['stretch', 'stretch'],
 ]);
 const justifyContentMap = new Map([
     ['around', 'around'],
     ['between', 'between'],
-    ['end', 'right'],
     ['center', 'center'],
+    ['end', 'right'],
     ['start', 'left'],
 ]);
 function mapJustifyContentBreakpoints(value) {
     const config = {};
     for (const key in value) {
-        // @ts-ignore
+        // @ts-ignore its fine
         if (justifyContentMap.has(value[key])) {
-            // @ts-ignore
+            // @ts-ignore its fine
             config[key] = justifyContentMap.get(value[key]);
         }
     }
     return config;
 }
-function Flex(props) {
+function Flex({ alignContent, alignItems, className, component = defaultElement, flexDirection, flexWrap, inline, justifyContent, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { alignContent, alignItems, className, flexDirection, flexWrap, inline, justifyContent, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'flex'), [config, prefixCls]);
     const justifyContentCls = React.useMemo(
     // eslint-disable-next-line no-nested-ternary
@@ -92,11 +92,11 @@ function Flex(props) {
     }), [rootCls]);
     return (React.createElement(context_1.FlexContext.Provider, { value: context },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
-                [rootCls]: !inline,
-                [`${rootCls}-inline`]: inline,
                 [`${rootCls}-${alignItemsMap.get(alignItems)}`]: alignItems && alignItemsMap.has(alignItems),
                 [`${rootCls}-${flexDirection}`]: flexDirection !== undefined,
                 [`${rootCls}-${flexWrap}`]: flexWrap !== undefined,
+                [`${rootCls}-inline`]: inline,
                 [`${rootCls}-wrap-${alignContentMap.get(alignContent)}`]: alignContent && alignContentMap.has(alignContent),
-            }, justifyContentCls, className), component: defaultElement, ...restProps })));
+                [rootCls]: !inline,
+            }, justifyContentCls, className), component: component, ...restProps })));
 }

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

@@ -8,7 +8,7 @@ export interface ItemOwnItem {
     order?: Order | BreakpointsConfig<Order>;
     prefixCls?: string;
 }
-export type ItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ItemOwnItem & PolymorphicProps<E>> & PolymorphicProps<E, ItemOwnItem>;
+export type ItemProps<E extends React.ElementType = React.ElementType> = ItemOwnItem & PolymorphicProps<E> & PolymorphicProps<E, ItemOwnItem>;
 declare const defaultElement = "div";
-export declare function Item<E extends React.ElementType = typeof defaultElement>(props: ItemProps<E>): React.JSX.Element;
+export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, itemDimensions, order, ...props }: React.PropsWithChildren<ItemProps<E>>): React.JSX.Element;
 export {};

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

@@ -44,14 +44,14 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Flex/context");
 const utils_1 = require("../../utils");
 const defaultElement = 'div';
-function Item(props) {
+function Item({ className, component = defaultElement, itemDimensions, order, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.FlexContext);
-    const { className, itemDimensions, order, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const orderCls = React.useMemo(() => (typeof order === 'string'
         ? `${prefixCls}-${order}`
         : (0, utils_1.getBreakpointsConfigClasses)(prefixCls || config.prefixCls, 'flex', order)), [config.prefixCls, order, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${prefixCls}-${itemDimensions}`]: itemDimensions !== undefined,
-        }, orderCls, className), component: defaultElement, ...restProps }));
+        }, orderCls, className), component: component, ...restProps }));
 }

package/dist/cjs/components/Flex/context.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type FlexContextConsumerProps = {
+export interface FlexContextConsumerProps {
     getRootCls(): string | undefined;
-};
+}
 export declare const FlexContext: React.Context<FlexContextConsumerProps>;

package/dist/cjs/components/Form/Controls.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare function Controls(props: ControlsProps): React.JSX.Element;
+export declare function Controls({ className, ...props }: ControlsProps): React.JSX.Element;
 export declare namespace Controls {
     var displayName: string;
 }

package/dist/cjs/components/Form/Controls.js

@@ -41,10 +41,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Form/context");
-function Controls(props) {
+function Controls({ className, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.FormContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }