@broxus/react-uikit 0.17.3 → 0.18.0

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

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineSubNavList = InlineSubNavList;
-const rc_motion_1 = __importDefault(require("rc-motion"));
+const motion_1 = __importDefault(require("@rc-component/motion"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
@@ -80,5 +80,5 @@ function InlineSubNavList(props) {
         return null;
     }
     return (React.createElement(NavContext_1.NavContextProvider, { mode: fixedMode, locked: !sameModeRef.current, prefixCls: prefixCls },
-        React.createElement(rc_motion_1.default, { visible: mergedOpen, ...mergedMotion, forceRender: forceSubNavRender, leavedClassName: `${config.prefixCls}-hidden`, removeOnLeave: false }, ({ className: motionClassName, style: motionStyle }) => (React.createElement(SubNavList_1.SubNavList, { className: motionClassName, id: id, style: motionStyle }, children)))));
+        React.createElement(motion_1.default, { visible: mergedOpen, ...mergedMotion, forceRender: forceSubNavRender, leavedClassName: `${config.prefixCls}-hidden`, removeOnLeave: false }, ({ className: motionClassName, style: motionStyle }) => (React.createElement(SubNavList_1.SubNavList, { className: motionClassName, id: id, style: motionStyle }, children)))));
 }

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

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupTrigger = PopupTrigger;
+const trigger_1 = __importDefault(require("@rc-component/trigger"));
+const raf_1 = __importDefault(require("@rc-component/util/lib/raf"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_trigger_1 = __importDefault(require("rc-trigger"));
-const raf_1 = __importDefault(require("rc-util/lib/raf"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
@@ -77,7 +77,7 @@ function PopupTrigger(props) {
         removeOnLeave: false,
     };
     // Delay to change visible
-    const visibleRef = React.useRef();
+    const visibleRef = React.useRef(null);
     React.useEffect(() => {
         visibleRef.current = (0, raf_1.default)(() => {
             setInnerVisible(visible);
@@ -88,7 +88,7 @@ function PopupTrigger(props) {
             }
         };
     }, [visible]);
-    return (React.createElement(rc_trigger_1.default, { action: disabled ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: (0, classnames_1.default)({
+    return (React.createElement(trigger_1.default, { action: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: (0, classnames_1.default)({
             [`${prefixCls}-rtl`]: rtl,
         }, popupClassName), popupMotion: mergedMotion, popupPlacement: popupPlacement, popupVisible: innerVisible, prefixCls: prefixCls, stretch: mode === 'horizontal' ? 'minWidth' : undefined, onPopupVisibleChange: onVisibleChange }, children));
 }

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

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sub = Sub;
 const js_utils_1 = require("@broxus/js-utils");
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
 const React = __importStar(require("react"));
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
@@ -63,7 +63,7 @@ function InternalSubNav(props) {
     const { _internalRenderSubMenuItem } = React.useContext(PrivateContext_1.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) {
         (0, warning_1.default)(false, 'SubNav should not leave undefined `key`.');

package/dist/cjs/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/cjs/components/Nav/context/NavContext.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavContext = void 0;
 exports.NavContextProvider = NavContextProvider;
-const useMemo_1 = __importDefault(require("rc-util/lib/hooks/useMemo"));
+const useMemo_1 = __importDefault(require("@rc-component/util/lib/hooks/useMemo"));
 const React = __importStar(require("react"));
 const shallowequal_1 = __importDefault(require("shallowequal"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");

package/dist/cjs/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/cjs/components/Nav/hooks/useAccessibility.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccessibility = useAccessibility;
-const focus_1 = require("rc-util/lib/Dom/focus");
-const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
-const raf_1 = __importDefault(require("rc-util/lib/raf"));
+const focus_1 = require("@rc-component/util/lib/Dom/focus");
+const KeyCode_1 = __importDefault(require("@rc-component/util/lib/KeyCode"));
+const raf_1 = __importDefault(require("@rc-component/util/lib/raf"));
 const React = __importStar(require("react"));
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 // destruct to reduce minify size
@@ -143,7 +143,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);
@@ -166,8 +166,8 @@ function getNextFocusElement(parentQueryContainer, elements, focusMenuElement, o
     return sameLevelFocusableMenuElementList[focusIndex];
 }
 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_1.default.cancel(rafRef.current);

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

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OVERFLOW_KEY = void 0;
 exports.useKeyRecords = useKeyRecords;
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const React = __importStar(require("react"));
 const timeUtil_1 = require("../../../components/Nav/utils/timeUtil");
 const hooks_1 = require("../../../hooks");

package/dist/cjs/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/cjs/components/Nav/hooks/useUUID.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUUID = useUUID;
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
+const useMergedState_1 = __importDefault(require("@rc-component/util/lib/hooks/useMergedState"));
 const React = __importStar(require("react"));
 const uniquePrefix = Math.random().toFixed(5).toString().slice(2);
 let internalId = 0;

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/Nav/utils/nodeUtil.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseChildren = parseChildren;
 exports.parseItems = parseItems;
-const toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
+const toArray_1 = __importDefault(require("@rc-component/util/lib/Children/toArray"));
 const React = __importStar(require("react"));
 const Divider_1 = require("../../../components/Nav/Divider");
 const Group_1 = require("../../../components/Nav/Group");

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.warnItemProp = warnItemProp;
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const warning_1 = __importDefault(require("@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/cjs/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/cjs/components/Switch/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
+const switch_1 = __importDefault(require("@rc-component/switch"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_switch_1 = __importDefault(require("rc-switch"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Spinner_1 = require("../../components/Spinner");
@@ -49,7 +49,7 @@ exports.Switch = React.forwardRef((props, ref) => {
     const { size } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'switch'), [config, prefixCls]);
     const mergedLoadingIcon = React.useMemo(() => (React.createElement("div", { className: `${rootCls}-handle` }, loading && (loadingIcon ?? React.createElement(Spinner_1.Spinner, { className: `${rootCls}-loading-icon` })))), [loading, loadingIcon, rootCls]);
-    return (React.createElement(rc_switch_1.default, { ref: ref, className: (0, classnames_1.default)({
+    return (React.createElement(switch_1.default, { ref: ref, className: (0, classnames_1.default)({
             [`${rootCls}-small`]: size === 'small',
             [`${rootCls}-loading`]: loading,
             [`${rootCls}-rtl`]: direction === 'rtl',

package/dist/cjs/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/cjs/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/cjs/components/Tabs/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = Tabs;
+const tabs_1 = __importDefault(require("@rc-component/tabs"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_tabs_1 = __importDefault(require("rc-tabs"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
@@ -61,7 +61,7 @@ function Tabs(props) {
             },
         }
         : undefined), [addIcon, hideAdd, onEdit, type]);
-    return (React.createElement(rc_tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), direction: direction, items: items, ...restProps, className: (0, classnames_1.default)({
+    return (React.createElement(tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), direction: direction, items: items, ...restProps, className: (0, classnames_1.default)({
             [`${rootCls}-${size}`]: size,
             [`${rootCls}-card`]: ['card', 'editable-card'].includes(type),
             [`${rootCls}-editable-card`]: type === 'editable-card',

package/dist/cjs/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() {}