@broxus/react-uikit 0.17.4 → 0.18.0

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

@@ -1,5 +1,5 @@
+import Trigger from '@rc-component/trigger';
 import classNames from 'classnames';
-import Trigger from 'rc-trigger';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import placements from '../../components/Drop/placements';
@@ -7,7 +7,7 @@ import { getMotionName, mergeDropMaskMotion } from '../../utils';
 import './index.scss';
 export const Drop = React.forwardRef((props, ref) => {
     const config = useConfig();
-    const { action = ['hover'], align, alignPoint, arrow = false, builtinPlacements = placements, children, defaultVisible, destroyOnHide, getPopupContainer = config.getPopupContainer, hideAction, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = ['hover'], maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
@@ -40,8 +40,8 @@ export const Drop = React.forwardRef((props, ref) => {
         return !alignPoint;
     }, [alignPoint, minOverlayWidthMatchTrigger]);
     const renderChildren = React.useCallback(() => {
-        const childrenProps = children.props ? children.props : {};
-        const childClassName = classNames(childrenProps.className, `${prefixCls || config.prefixCls}-open`);
+        const childrenProps = children.props;
+        const childClassName = classNames(childrenProps?.className, `${prefixCls || config.prefixCls}-open`);
         return triggerVisible && children
             ? React.cloneElement(children, {
                 className: childClassName,
@@ -61,13 +61,14 @@ export const Drop = React.forwardRef((props, ref) => {
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
-    return (React.createElement(Trigger, { ref: triggerRef, action: action, builtinPlacements: builtinPlacements, destroyPopupOnHide: destroyOnHide, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
+    return (React.createElement(Trigger, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: builtinPlacements, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
             [`${rootCls}-show-arrow`]: arrow,
             [openClassName ?? '']: mergedVisible,
-        }), popupMotion: motion ?? {
+        }), popupMotion: {
             forceRender: true,
             motionDeadline: 300,
             motionName: getMotionName(prefixCls || config.prefixCls, 'slide-bottom-small'),
+            ...motion,
         }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/esm/components/Drop/placements.d.ts

@@ -1,3 +1,3 @@
-import { type BuildInPlacements } from 'rc-trigger';
+import { type BuildInPlacements } from '@rc-component/trigger';
 declare const placements: BuildInPlacements;
 export default placements;

package/dist/esm/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { type DialogProps } from 'rc-dialog';
+import { type DialogProps } from '@rc-component/dialog';
 import * as React from 'react';
 import { type Direction } from '../../types';
 import './index.scss';

package/dist/esm/components/Modal/Modal.js

@@ -1,6 +1,6 @@
 import { canUseDocElement } from '@broxus/js-utils';
+import Dialog from '@rc-component/dialog';
 import classNames from 'classnames';
-import Dialog from 'rc-dialog';
 import * as React from 'react';
 import { Close } from '../../components/Close';
 import { useConfig } from '../../components/ConfigProvider';
@@ -28,7 +28,10 @@ export function Modal(props) {
     return (React.createElement(Dialog, { className: classNames(className, {
             [`${rootCls}-centered`]: centered && !full,
             [`${rootCls}-full`]: full && !centered,
-        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: onClosed, closable: false, closeIcon: null },
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: onClosed, classNames: {
+            section: classNames(`${rootCls}-content`, restProps.classNames?.section),
+            ...restProps.classNames,
+        }, closable: false, closeIcon: null },
         closable
             && (closeIcon || (React.createElement(Close, { className: classNames({
                     [`${rootCls}-close-default`]: !full,

package/dist/esm/components/Nav/Group/InternalNavItemGroup.js

@@ -1,6 +1,6 @@
 import { stopEventPropagate } from '@broxus/js-utils';
+import omit from '@rc-component/util/lib/omit';
 import classNames from 'classnames';
-import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { NavContext } from '../../../components/Nav/context/NavContext';
 export function InternalNavItemGroup(props) {

package/dist/esm/components/Nav/Group/index.js

@@ -1,4 +1,4 @@
-import omit from 'rc-util/lib/omit';
+import omit from '@rc-component/util/lib/omit';
 import * as React from 'react';
 import { useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
 import { InternalNavItemGroup } from '../../../components/Nav/Group/InternalNavItemGroup';

package/dist/esm/components/Nav/Item/InternalNavItem.js

@@ -1,6 +1,6 @@
+import KeyCode from '@rc-component/util/lib/KeyCode';
+import warning from '@rc-component/util/lib/warning';
 import classNames from 'classnames';
-import KeyCode from 'rc-util/lib/KeyCode';
-import warning from 'rc-util/lib/warning';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { useNavId } from '../../../components/Nav/context/IdContext';
@@ -17,8 +17,8 @@ export function InternalNavItem(props) {
     const domDataId = useNavId(eventKey);
     const { disabled: contextDisabled = disabled, itemIcon: contextItemIcon, overflowDisabled, selectedKeys, onActive, onItemClick, } = React.useContext(NavContext);
     const { _internalRenderMenuItem } = React.useContext(PrivateContext);
-    const legacyNavItemRef = React.useRef();
-    const elementRef = React.useRef();
+    const legacyNavItemRef = React.useRef(null);
+    const elementRef = React.useRef(null);
     const mergedDisabled = contextDisabled || disabled;
     const connectedKeys = useFullPath(eventKey);
     // ================================ Warn ================================

package/dist/esm/components/Nav/Item/LegacyNavItem.js

@@ -1,6 +1,6 @@
+import omit from '@rc-component/util/lib/omit';
+import warning from '@rc-component/util/lib/warning';
 import Overflow from 'rc-overflow';
-import omit from 'rc-util/lib/omit';
-import warning from 'rc-util/lib/warning';
 import * as React from 'react';
 export class LegacyNavItem extends React.Component {
     render() {

package/dist/esm/components/Nav/Nav.js

@@ -214,7 +214,7 @@ export const Nav = React.forwardRef((props, ref) => {
     // ==================== Accessibility =====================
     const triggerAccessibilityOpen = (key, open) => {
         const nextOpen = open ?? !mergedOpenKeys?.includes(key);
-        onInternalOpenChange(key, nextOpen);
+        onInternalOpenChange?.(key, nextOpen);
     };
     const onInternalKeyDown = useAccessibility(internalMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown);
     // ======================= Context ========================

package/dist/esm/components/Nav/Sub/InlineSubNavList.js

@@ -1,4 +1,4 @@
-import CSSMotion from 'rc-motion';
+import CSSMotion from '@rc-component/motion';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { NavContext, NavContextProvider } from '../../../components/Nav/context/NavContext';

package/dist/esm/components/Nav/Sub/PopupTrigger.js

@@ -1,6 +1,6 @@
+import Trigger from '@rc-component/trigger';
+import raf from '@rc-component/util/lib/raf';
 import classNames from 'classnames';
-import Trigger from 'rc-trigger';
-import raf from 'rc-util/lib/raf';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { NavContext } from '../../../components/Nav/context/NavContext';
@@ -38,7 +38,7 @@ export function PopupTrigger(props) {
         removeOnLeave: false,
     };
     // Delay to change visible
-    const visibleRef = React.useRef();
+    const visibleRef = React.useRef(null);
     React.useEffect(() => {
         visibleRef.current = raf(() => {
             setInnerVisible(visible);
@@ -49,7 +49,7 @@ export function PopupTrigger(props) {
             }
         };
     }, [visible]);
-    return (React.createElement(Trigger, { action: disabled ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: classNames({
+    return (React.createElement(Trigger, { action: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: classNames({
             [`${prefixCls}-rtl`]: rtl,
         }, popupClassName), popupMotion: mergedMotion, popupPlacement: popupPlacement, popupVisible: innerVisible, prefixCls: prefixCls, stretch: mode === 'horizontal' ? 'minWidth' : undefined, onPopupVisibleChange: onVisibleChange }, children));
 }

package/dist/esm/components/Nav/Sub/index.js

@@ -1,7 +1,7 @@
 import { noop } from '@broxus/js-utils';
+import warning from '@rc-component/util/lib/warning';
 import classNames from 'classnames';
 import Overflow from 'rc-overflow';
-import warning from 'rc-util/lib/warning';
 import * as React from 'react';
 import { useNavId } from '../../../components/Nav/context/IdContext';
 import { NavContext, NavContextProvider } from '../../../components/Nav/context/NavContext';
@@ -24,7 +24,7 @@ function InternalSubNav(props) {
     const { _internalRenderSubMenuItem } = React.useContext(PrivateContext);
     const mergedDisabled = contextDisabled || disabled;
     const elementRef = React.useRef(null);
-    const popupRef = React.useRef();
+    const popupRef = React.useRef(null);
     // ================================ Warn ================================
     if (process.env.NODE_ENV !== 'production' && warnKey) {
         warning(false, 'SubNav should not leave undefined `key`.');

package/dist/esm/components/Nav/context/NavContext.d.ts

@@ -1,4 +1,4 @@
-import { type CSSMotionProps } from 'rc-motion';
+import { type CSSMotionProps } from '@rc-component/motion';
 import * as React from 'react';
 import { type BuiltinPlacements, type NavClickEventHandler, type NavMode, type RenderIconType, type TriggerSubNavAction } from '../../../components/Nav/types';
 export interface NavContextProps {

package/dist/esm/components/Nav/context/NavContext.js

@@ -1,5 +1,5 @@
 'use client';
-import useMemo from 'rc-util/lib/hooks/useMemo';
+import useMemo from '@rc-component/util/lib/hooks/useMemo';
 import * as React from 'react';
 import shallowEqual from 'shallowequal';
 import { useConfig } from '../../../components/ConfigProvider';

package/dist/esm/components/Nav/hooks/useAccessibility.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type NavMode } from '../../../components/Nav/types';
-export declare function useAccessibility<T extends HTMLElement>(mode: NavMode, activeKey: string, isRtl: boolean, id: string, containerRef: React.RefObject<HTMLUListElement>, getKeys: () => string[], getKeyPath: (key: string, includeOverflow?: boolean) => string[], triggerActiveKey: (key: string) => void, triggerAccessibilityOpen: (key: string, open?: boolean) => void, originOnKeyDown?: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;
+export declare function useAccessibility<T extends HTMLElement>(mode: NavMode, activeKey: string, isRtl: boolean, id: string, containerRef: React.RefObject<HTMLUListElement | null>, getKeys: () => string[], getKeyPath: (key: string, includeOverflow?: boolean) => string[], triggerActiveKey: (key: string) => void, triggerAccessibilityOpen: (key: string, open?: boolean) => void, originOnKeyDown?: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;

package/dist/esm/components/Nav/hooks/useAccessibility.js

@@ -1,6 +1,6 @@
-import { getFocusNodeList } from 'rc-util/lib/Dom/focus';
-import KeyCode from 'rc-util/lib/KeyCode';
-import raf from 'rc-util/lib/raf';
+import { getFocusNodeList } from '@rc-component/util/lib/Dom/focus';
+import KeyCode from '@rc-component/util/lib/KeyCode';
+import raf from '@rc-component/util/lib/raf';
 import * as React from 'react';
 import { getNavId } from '../../../components/Nav/context/IdContext';
 // destruct to reduce minify size
@@ -104,7 +104,7 @@ function getFocusableElements(container, elements) {
 function getNextFocusElement(parentQueryContainer, elements, focusMenuElement, offset = 1) {
     // Key on the menu item will not get validate parent container
     if (!parentQueryContainer) {
-        return null;
+        return undefined;
     }
     // List current level menu item elements
     const sameLevelFocusableMenuElementList = getFocusableElements(parentQueryContainer, elements);
@@ -127,8 +127,8 @@ function getNextFocusElement(parentQueryContainer, elements, focusMenuElement, o
     return sameLevelFocusableMenuElementList[focusIndex];
 }
 export function useAccessibility(mode, activeKey, isRtl, id, containerRef, getKeys, getKeyPath, triggerActiveKey, triggerAccessibilityOpen, originOnKeyDown) {
-    const rafRef = React.useRef();
-    const activeRef = React.useRef();
+    const rafRef = React.useRef(undefined);
+    const activeRef = React.useRef(undefined);
     activeRef.current = activeKey;
     const cleanRaf = () => {
         raf.cancel(rafRef.current);

package/dist/esm/components/Nav/hooks/useKeyRecords.js

@@ -1,4 +1,4 @@
-import warning from 'rc-util/lib/warning';
+import warning from '@rc-component/util/lib/warning';
 import * as React from 'react';
 import { nextSlice } from '../../../components/Nav/utils/timeUtil';
 import { useForceUpdate } from '../../../hooks';

package/dist/esm/components/Nav/hooks/useMemoCallback.d.ts

@@ -2,4 +2,4 @@
  * Cache callback function that always return same ref instead.
  * This is used for context optimization.
  */
-export declare function useMemoCallback<T extends (...args: any[]) => void>(func: T): T;
+export declare function useMemoCallback<T extends (...args: any[]) => void>(func: T): T | undefined;

package/dist/esm/components/Nav/hooks/useUUID.js

@@ -1,4 +1,4 @@
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
 import * as React from 'react';
 const uniquePrefix = Math.random().toFixed(5).toString().slice(2);
 let internalId = 0;

package/dist/esm/components/Nav/types.d.ts

@@ -1,3 +1,4 @@
+import { type ActionType } from '@rc-component/trigger';
 import type * as React from 'react';
 export type NavRef = {
     /**
@@ -49,7 +50,7 @@ export type ItemType = SubNavType | NavItemType | NavItemGroupType | NavDividerT
 export type NavMode = 'inline' | 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal';
 export type NavModifier = 'default' | 'primary' | 'center' | 'divider';
 export type BuiltinPlacements = Record<string, any>;
-export type TriggerSubNavAction = 'click' | 'hover';
+export type TriggerSubNavAction = ActionType;
 export interface RenderIconInfo {
     disabled?: boolean;
     isOpen?: boolean;

package/dist/esm/components/Nav/utils/alignUtil.d.ts

@@ -1,3 +1,3 @@
-import { type AlignType, type BuildInPlacements } from 'rc-trigger/lib/interface';
+import { type AlignType, type BuildInPlacements } from '@rc-component/trigger/lib/interface';
 export declare function getAlignFromPlacement(builtinPlacements: BuildInPlacements, placementStr: string, align: AlignType): AlignType;
 export declare function getAlignPopupClassName(builtinPlacements: BuildInPlacements, prefixCls: string, align: AlignType, isAlignPoint: boolean): string;

package/dist/esm/components/Nav/utils/motionUtil.d.ts

@@ -1,4 +1,4 @@
-import { type CSSMotionProps } from 'rc-motion';
+import { type CSSMotionProps } from '@rc-component/motion';
 import { type NavMode } from '../../../components/Nav/types';
 export declare function getMotion(mode: NavMode | 'other', motion?: CSSMotionProps, defaultMotions?: Partial<{
     [key in NavMode | 'other']: CSSMotionProps;

package/dist/esm/components/Nav/utils/nodeUtil.js

@@ -1,4 +1,4 @@
-import toArray from 'rc-util/lib/Children/toArray';
+import toArray from '@rc-component/util/lib/Children/toArray';
 import * as React from 'react';
 import { Divider } from '../../../components/Nav/Divider';
 import { Group } from '../../../components/Nav/Group';

package/dist/esm/components/Nav/utils/warnUtil.js

@@ -1,4 +1,4 @@
-import warning from 'rc-util/lib/warning';
+import warning from '@rc-component/util/lib/warning';
 /**
  * `onClick` event return `info.item` which point to react node directly.
  * We should warning this since it will not work on FC.

package/dist/esm/components/Switch/index.d.ts

@@ -1,4 +1,4 @@
-import { type SwitchChangeEventHandler, type SwitchClickEventHandler } from 'rc-switch';
+import { type SwitchChangeEventHandler, type SwitchClickEventHandler } from '@rc-component/switch';
 import * as React from 'react';
 import { type Direction } from '../../types';
 import './index.scss';

package/dist/esm/components/Switch/index.js

@@ -1,5 +1,5 @@
+import RcSwitch from '@rc-component/switch';
 import classNames from 'classnames';
-import RcSwitch from 'rc-switch';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Spinner } from '../../components/Spinner';

package/dist/esm/components/Tabs/hooks/useAnimateConfig.d.ts

@@ -1,3 +1,3 @@
-import { type AnimatedConfig } from 'rc-tabs/es/interface';
+import { type AnimatedConfig } from '@rc-component/tabs/es/interface';
 import { type TabsProps } from '../../../components/Tabs';
 export declare function useAnimateConfig(prefixCls: string, animated?: TabsProps['animated']): AnimatedConfig;

package/dist/esm/components/Tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { type TabsProps as RcTabsProps } from 'rc-tabs';
+import { type TabsProps as RcTabsProps } from '@rc-component/tabs';
 import * as React from 'react';
 import './index.scss';
 export type TabsPosition = 'left' | 'right' | 'top' | 'bottom';

package/dist/esm/components/Tabs/index.js

@@ -1,5 +1,5 @@
+import RcTabs from '@rc-component/tabs';
 import classNames from 'classnames';
-import RcTabs from 'rc-tabs';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Icon } from '../../components/Icon';

package/dist/esm/styles/mixins.scss

@@ -827,7 +827,17 @@
 @mixin hook-datepicker() {}
 @mixin hook-datepicker-hover() {}
 @mixin hook-datepicker-focus() {}
+@mixin hook-datepicker-disabled() {}
 @mixin hook-datepicker-input() {}
+@mixin hook-datepicker-control() {}
+@mixin hook-datepicker-small() {}
+@mixin hook-datepicker-medium() {}
+@mixin hook-datepicker-large() {}
+@mixin hook-datepicker-success() {}
+@mixin hook-datepicker-warning() {}
+@mixin hook-datepicker-danger() {}
+@mixin hook-datepicker-blank() {}
+@mixin hook-datepicker-blank-focus() {}
 @mixin hook-datepicker-panel-layout() {}
 @mixin hook-datepicker-panel() {}
 @mixin hook-datepicker-datetime-panel() {}