@broxus/react-uikit 0.1.0 → 0.1.1

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

@@ -1,42 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LegacyNavItem = void 0;
-const React = __importStar(require("react"));
-const rc_overflow_1 = __importDefault(require("rc-overflow"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
-class LegacyNavItem extends React.Component {
-    render() {
-        const { title, attribute, elementRef, ...restProps } = this.props;
-        const passedProps = (0, omit_1.default)(restProps, ['eventKey']);
-        (0, warning_1.default)(!attribute, '`attribute` of Nav.Item is deprecated. Please pass attribute directly.');
-        return (React.createElement(rc_overflow_1.default.Item, { ...attribute, title: typeof title === 'string' ? title : undefined, ...passedProps, ref: elementRef }));
-    }
-}
-exports.LegacyNavItem = LegacyNavItem;

package/dist/cjs/components/Nav/Item/index.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import type { NavClickEventHandler, NavHoverEventHandler, RenderIconType } from '../types';
-export interface NavItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {
-    /**
-     * No place to use this. Should remove
-     * @deprecated
-     */
-    attribute?: Record<string, string>;
-    children?: React.ReactNode;
-    disabled?: boolean;
-    /**
-     * Internal filled key. Do not set it directly
-     * @private
-     */
-    eventKey?: string;
-    itemIcon?: RenderIconType;
-    /**
-     * Do not use. Private warning empty usage
-     * @private
-     */
-    warnKey?: boolean;
-    onClick?: NavClickEventHandler;
-    onMouseEnter?: NavHoverEventHandler;
-    onMouseLeave?: NavHoverEventHandler;
-}
-export declare function Item(props: NavItemProps): JSX.Element | null;
-export declare namespace Item {
-    var displayName: string;
-}

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

@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
-const React = __importStar(require("react"));
-const js_utils_1 = require("@broxus/js-utils");
-const PathContext_1 = require("../context/PathContext");
-const InternalNavItem_1 = require("./InternalNavItem");
-function Item(props) {
-    const { eventKey } = props;
-    const measure = (0, PathContext_1.useMeasure)();
-    const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
-    React.useEffect(() => {
-        if (eventKey !== undefined) {
-            measure?.registerPath(eventKey, connectedKeyPath);
-            return () => {
-                measure?.unregisterPath(eventKey, connectedKeyPath);
-            };
-        }
-        return js_utils_1.noop;
-    }, [connectedKeyPath]);
-    if (measure) {
-        return null;
-    }
-    return React.createElement(InternalNavItem_1.InternalNavItem, { ...props });
-}
-exports.Item = Item;
-if (process.env.NODE_ENV !== 'production') {
-    Item.displayName = 'Nav.Item';
-}

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

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import type { CSSMotionProps } from 'rc-motion';
-import type { Direction } from '../../types';
-import type { BuiltinPlacements, NavClickEventHandler, NavMode, NavModifier, RenderIconType, SelectEventHandler, TriggerSubMenuAction } from './types';
-export interface NavProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onClick' | 'onSelect' | 'dir'> {
-    activeKey?: string;
-    builtinPlacements?: BuiltinPlacements;
-    children?: React.ReactNode;
-    defaultActiveFirst?: boolean;
-    defaultMotions?: Partial<{
-        [key in NavMode | 'other']: CSSMotionProps;
-    }>;
-    defaultOpenKeys?: string[];
-    defaultSelectedKeys?: string[];
-    direction?: Direction;
-    disabled?: boolean;
-    disabledOverflow?: boolean;
-    expandIcon?: RenderIconType;
-    forceSubNavRender?: boolean;
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
-    inlineCollapsed?: boolean;
-    itemIcon?: RenderIconType;
-    mode?: NavMode;
-    modifiers?: NavModifier | NavModifier[];
-    motion?: CSSMotionProps;
-    multiple?: boolean;
-    openKeys?: string[];
-    overflowedIndicator?: React.ReactNode;
-    overflowedIndicatorPopupClassName?: string;
-    popupPrefixCls?: string;
-    prefixCls?: string;
-    selectable?: boolean;
-    selectedKeys?: string[];
-    subNavCloseDelay?: number;
-    subNavOpenDelay?: number;
-    triggerSubNavAction?: TriggerSubMenuAction;
-    onClick?: NavClickEventHandler;
-    onDeselect?: SelectEventHandler;
-    onOpenChange?: (openKeys: string[]) => void;
-    onSelect?: SelectEventHandler;
-}
-export declare function Nav(props: NavProps): JSX.Element;

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

@@ -1,245 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Nav = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const rc_overflow_1 = __importDefault(require("rc-overflow"));
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
-const shallowequal_1 = __importDefault(require("shallowequal"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
-const utils_1 = require("../../utils");
-const IdContext_1 = require("./context/IdContext");
-const NavContext_1 = require("./context/NavContext");
-const PathContext_1 = require("./context/PathContext");
-const useAccessibility_1 = __importDefault(require("./hooks/useAccessibility"));
-const useKeyRecords_1 = __importStar(require("./hooks/useKeyRecords"));
-const useMemoCallback_1 = __importDefault(require("./hooks/useMemoCallback"));
-const useUUID_1 = __importDefault(require("./hooks/useUUID"));
-const Item_1 = require("./Item");
-const Sub_1 = require("./Sub");
-const nodeUtil_1 = require("./utils/nodeUtil");
-const warnUtil_1 = require("./utils/warnUtil");
-const EMPTY_LIST = [];
-function Nav(props) {
-    const config = (0, ConfrigProvider_1.useConfig)();
-    const { activeKey, builtinPlacements, children, className, defaultActiveFirst, defaultMotions = {
-        horizontal: {
-            motionName: `${config.prefixCls}-motion-slide-up`,
-        },
-        inline: utils_1.collapseMotion,
-        other: {
-            leavedClassName: `${config.prefixCls}-hidden`,
-            motionName: `${config.prefixCls}-motion-zoom`,
-        },
-    }, defaultOpenKeys, defaultSelectedKeys, direction, disabled, disabledOverflow, expandIcon, forceSubNavRender, getPopupContainer, id, inlineCollapsed, itemIcon, mode = 'inline', modifiers, motion, multiple = false, openKeys, overflowedIndicator = '...', overflowedIndicatorPopupClassName, popupPrefixCls = `${config.prefixCls}-dropdown`, prefixCls = `${config.prefixCls}-nav`, selectable = false, selectedKeys, style, subNavCloseDelay = 0.1, subNavOpenDelay = 0.1, tabIndex = 0, triggerSubNavAction = 'hover', onClick, onDeselect, onKeyDown, onOpenChange, onSelect, ...restProps } = props;
-    const childList = (0, nodeUtil_1.parseChildren)(children, EMPTY_LIST);
-    const [mounted, setMounted] = React.useState(false);
-    const containerRef = React.useRef(null);
-    const uuid = (0, useUUID_1.default)(id);
-    const isRtl = direction === 'rtl';
-    // Mode
-    const [mergedMode] = React.useMemo(() => {
-        if ((mode === 'inline' || mode === 'vertical') && inlineCollapsed) {
-            return ['vertical', inlineCollapsed];
-        }
-        return [mode, false];
-    }, [mode, inlineCollapsed]);
-    // Responsive
-    const [lastVisibleIndex, setLastVisibleIndex] = React.useState(0);
-    const allVisible = lastVisibleIndex >= childList.length - 1 || mergedMode !== 'horizontal' || disabledOverflow;
-    // Open
-    const [mergedOpenKeys, setMergedOpenKeys] = (0, useMergedState_1.default)(defaultOpenKeys, {
-        postState: keys => keys || EMPTY_LIST,
-        value: openKeys,
-    });
-    const triggerOpenKeys = (keys) => {
-        setMergedOpenKeys(keys);
-        onOpenChange?.(keys);
-    };
-    // Cache & Reset open keys when inlineCollapsed changed
-    const [inlineCacheOpenKeys, setInlineCacheOpenKeys] = React.useState(mergedOpenKeys);
-    const isInlineMode = mergedMode === 'inline';
-    const mountRef = React.useRef(false);
-    // Cache
-    React.useEffect(() => {
-        if (isInlineMode) {
-            setInlineCacheOpenKeys(mergedOpenKeys);
-        }
-    }, [mergedOpenKeys]);
-    // Restore
-    React.useEffect(() => {
-        if (!mountRef.current) {
-            mountRef.current = true;
-            return;
-        }
-        if (isInlineMode) {
-            setMergedOpenKeys(inlineCacheOpenKeys);
-        }
-        else {
-            // Trigger open event in case it's in control
-            triggerOpenKeys(EMPTY_LIST);
-        }
-    }, [isInlineMode]);
-    // Path
-    const { getKeyPath, getKeys, getSubPathKeys, isSubPathKey, refreshOverflowKeys, registerPath, unregisterPath, } = (0, useKeyRecords_1.default)();
-    const registerPathContext = React.useMemo(() => ({ registerPath, unregisterPath }), [registerPath, unregisterPath]);
-    const pathUserContext = React.useMemo(() => ({ isSubPathKey }), [isSubPathKey]);
-    React.useEffect(() => {
-        refreshOverflowKeys(allVisible
-            ? EMPTY_LIST
-            : childList
-                .slice(lastVisibleIndex + 1)
-                .map(child => child.key));
-    }, [lastVisibleIndex, allVisible]);
-    // Active
-    const [mergedActiveKey, setMergedActiveKey] = (0, useMergedState_1.default)(activeKey || (defaultActiveFirst && childList[0]?.key), { value: activeKey });
-    const onActive = (0, useMemoCallback_1.default)((key) => {
-        setMergedActiveKey(key);
-    });
-    const onInactive = (0, useMemoCallback_1.default)(() => {
-        setMergedActiveKey('');
-    });
-    // Select keys
-    const [mergedSelectKeys, setMergedSelectKeys] = (0, useMergedState_1.default)(defaultSelectedKeys || [], {
-        // Legacy cast key to array
-        postState: keys => {
-            if (Array.isArray(keys)) {
-                return keys;
-            }
-            if (keys === null || keys === undefined) {
-                return EMPTY_LIST;
-            }
-            return [keys];
-        },
-        value: selectedKeys,
-    });
-    // Trigger select
-    const triggerSelection = (info) => {
-        if (selectable) {
-            // Insert or Remove
-            const { key: targetKey } = info;
-            const exist = targetKey ? mergedSelectKeys.includes(targetKey) : false;
-            let newSelectKeys = [];
-            if (multiple) {
-                if (exist) {
-                    newSelectKeys = mergedSelectKeys.filter(key => key !== targetKey);
-                }
-                else if (targetKey) {
-                    newSelectKeys = [...mergedSelectKeys, targetKey];
-                }
-            }
-            else if (targetKey) {
-                newSelectKeys = [targetKey];
-            }
-            if (newSelectKeys.length) {
-                setMergedSelectKeys(newSelectKeys);
-                // Trigger event
-                const selectInfo = {
-                    ...info,
-                    selectedKeys: newSelectKeys,
-                };
-                if (exist) {
-                    onDeselect?.(selectInfo);
-                }
-                else {
-                    onSelect?.(selectInfo);
-                }
-            }
-        }
-        // Whatever selectable, always close it
-        if (!multiple && mergedOpenKeys?.length && mergedMode !== 'inline') {
-            triggerOpenKeys(EMPTY_LIST);
-        }
-    };
-    // Open
-    /* Click for item. SubMenu do not have selection status */
-    const onInternalClick = (0, useMemoCallback_1.default)((info) => {
-        onClick?.((0, warnUtil_1.warnItemProp)(info));
-        triggerSelection(info);
-    });
-    const onInternalOpenChange = (0, useMemoCallback_1.default)((key, open) => {
-        if (mergedOpenKeys === undefined) {
-            return;
-        }
-        let newOpenKeys = mergedOpenKeys.filter(k => k !== key);
-        if (open) {
-            newOpenKeys.push(key);
-        }
-        else if (mergedMode !== 'inline') {
-            // We need find all related popup to close
-            const subPathKeys = getSubPathKeys(key);
-            newOpenKeys = newOpenKeys.filter(k => !subPathKeys.has(k));
-        }
-        if (!(0, shallowequal_1.default)(mergedOpenKeys, newOpenKeys)) {
-            triggerOpenKeys(newOpenKeys);
-        }
-    });
-    const getInternalPopupContainer = getPopupContainer ? (0, useMemoCallback_1.default)(getPopupContainer) : undefined;
-    // Accessibility
-    const triggerAccessibilityOpen = (key, open) => {
-        if (mergedOpenKeys === undefined) {
-            return;
-        }
-        const nextOpen = open ?? !mergedOpenKeys.includes(key);
-        onInternalOpenChange(key, nextOpen);
-    };
-    const onInternalKeyDown = (0, useAccessibility_1.default)(mergedMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown);
-    // Effect
-    React.useEffect(() => {
-        setMounted(true);
-    }, []);
-    const wrappedChildList = (mergedMode !== 'horizontal' || disabledOverflow)
-        ? childList
-        // Need wrap for overflow dropdown that do not response for open
-        : childList.map((child, index) => (
-        // Always wrap provider to avoid sub node re-mount
-        React.createElement(NavContext_1.NavContextProvider, { key: child.key, overflowDisabled: index > lastVisibleIndex }, child)));
-    const container = (React.createElement(rc_overflow_1.default, { className: (0, classnames_1.default)({
-            [prefixCls]: mergedMode !== 'horizontal',
-        }, (Array.isArray(modifiers) ? modifiers : [modifiers]).filter(e => e).map(mod => `${prefixCls}-${mod}`), {
-            // [`${prefixCls}-${mergedMode}`]: prefixCls && mergedMode,
-            [`${prefixCls}-rtl`]: prefixCls && isRtl,
-        }, className), component: "ul", data: wrappedChildList, dir: direction, id: id, itemComponent: Item_1.Item, maxCount: (mergedMode !== 'horizontal' || disabledOverflow)
-            ? rc_overflow_1.default.INVALIDATE
-            : rc_overflow_1.default.RESPONSIVE, ref: containerRef, renderRawItem: node => node, renderRawRest: omitItems => {
-            // We use origin list since wrapped list use context to prevent open
-            const len = omitItems.length;
-            const originOmitItems = len ? childList.slice(-len) : null;
-            return (React.createElement(Sub_1.Sub, { disabled: allVisible, eventKey: useKeyRecords_1.OVERFLOW_KEY, internalPopupClose: len === 0, popupClassName: overflowedIndicatorPopupClassName, title: overflowedIndicator }, originOmitItems));
-        }, prefixCls: prefixCls, role: "menu", ssr: "full", style: style, tabIndex: tabIndex, onKeyDown: onInternalKeyDown, onVisibleChange: newLastIndex => {
-            setLastVisibleIndex(newLastIndex);
-        }, ...restProps }));
-    // Render
-    return (React.createElement(IdContext_1.IdContext.Provider, { value: uuid },
-        React.createElement(NavContext_1.NavContextProvider, { activeKey: mergedActiveKey, builtinPlacements: builtinPlacements, defaultMotions: mounted ? defaultMotions : undefined, disabled: disabled, expandIcon: expandIcon, forceSubNavRender: forceSubNavRender, getPopupContainer: getInternalPopupContainer, itemIcon: itemIcon, mode: mergedMode, motion: mounted ? motion : undefined, openKeys: mergedOpenKeys, popupPrefixCls: popupPrefixCls, prefixCls: prefixCls, rtl: isRtl, selectedKeys: mergedSelectKeys, subNavCloseDelay: subNavCloseDelay, subNavOpenDelay: subNavOpenDelay, triggerSubNavAction: triggerSubNavAction, onActive: onActive, onInactive: onInactive, onItemClick: onInternalClick, onOpenChange: onInternalOpenChange },
-            React.createElement(PathContext_1.PathUserContext.Provider, { value: pathUserContext }, container),
-            React.createElement("div", { style: { display: 'none' }, "aria-hidden": true },
-                React.createElement(PathContext_1.PathRegisterContext.Provider, { value: registerPathContext }, childList)))));
-}
-exports.Nav = Nav;

package/dist/cjs/components/Nav/Sub/InlineSubNavList.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export interface InlineSubNavListProps {
-    id?: string;
-    open: boolean;
-    keyPath: string[];
-    children: React.ReactNode;
-}
-export declare function InlineSubNavList(props: InlineSubNavListProps): JSX.Element | null;

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

@@ -1,73 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineSubNavList = void 0;
-const React = __importStar(require("react"));
-const rc_motion_1 = __importDefault(require("rc-motion"));
-const motionUtil_1 = require("../utils/motionUtil");
-const NavContext_1 = require("../context/NavContext");
-const SubNavList_1 = require("./SubNavList");
-function InlineSubNavList(props) {
-    const { children, id, keyPath, open, } = props;
-    const fixedMode = 'inline';
-    const { prefixCls, forceSubNavRender, motion, defaultMotions, mode, } = React.useContext(NavContext_1.NavContext);
-    // Always use latest mode check
-    const sameModeRef = React.useRef(false);
-    sameModeRef.current = mode === fixedMode;
-    // We record `destroy` mark here since when mode change from `inline` to others.
-    // The inline list should remove when motion end.
-    const [destroy, setDestroy] = React.useState(!sameModeRef.current);
-    const mergedOpen = sameModeRef.current ? open : false;
-    // ================================= Effect =================================
-    // Reset destroy state when mode change back
-    React.useEffect(() => {
-        if (sameModeRef.current) {
-            setDestroy(false);
-        }
-    }, [mode]);
-    // ================================= Render =================================
-    const mergedMotion = { ...(0, motionUtil_1.getMotion)(fixedMode, motion, defaultMotions) };
-    // No need appear since nest inlineCollapse changed
-    if (keyPath.length > 1) {
-        mergedMotion.motionAppear = false;
-    }
-    // Hide inline list when mode changed and motion end
-    const originOnVisibleChanged = mergedMotion.onVisibleChanged;
-    mergedMotion.onVisibleChanged = newVisible => {
-        if (!sameModeRef.current && !newVisible) {
-            setDestroy(true);
-        }
-        return originOnVisibleChanged?.(newVisible);
-    };
-    if (destroy) {
-        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: "uk-hidden", removeOnLeave: false }, ({ className: motionClassName, style: motionStyle }) => (React.createElement(SubNavList_1.SubNavList, { className: motionClassName, id: id, style: motionStyle }, children)))));
-}
-exports.InlineSubNavList = InlineSubNavList;

package/dist/cjs/components/Nav/Sub/PopupTrigger.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { NavMode } from '../types';
-export interface PopupTriggerProps {
-    prefixCls: string;
-    mode: NavMode;
-    visible: boolean;
-    children: React.ReactElement;
-    popup: React.ReactNode;
-    popupClassName?: string;
-    popupOffset?: number[];
-    disabled?: boolean;
-    onVisibleChange: (visible: boolean) => void;
-}
-export declare function PopupTrigger(props: PopupTriggerProps): JSX.Element;

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

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopupTrigger = void 0;
-const React = __importStar(require("react"));
-const rc_trigger_1 = __importDefault(require("rc-trigger"));
-const classnames_1 = __importDefault(require("classnames"));
-const raf_1 = __importDefault(require("rc-util/lib/raf"));
-const NavContext_1 = require("../context/NavContext");
-const placements_1 = require("../placements");
-const motionUtil_1 = require("../utils/motionUtil");
-const popupPlacementMap = {
-    horizontal: 'bottom-left',
-    inline: null,
-    vertical: 'right-top',
-    'vertical-left': 'right-top',
-    'vertical-right': 'left-top',
-};
-function PopupTrigger(props) {
-    const { prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, } = props;
-    const { getPopupContainer, rtl, subNavOpenDelay, subNavCloseDelay, builtinPlacements, triggerSubNavAction, forceSubNavRender, 
-    // Motion
-    motion, defaultMotions, } = React.useContext(NavContext_1.NavContext);
-    const [innerVisible, setInnerVisible] = React.useState(false);
-    const placement = rtl
-        ? { ...placements_1.placementsRtl, ...builtinPlacements }
-        : { ...placements_1.placements, ...builtinPlacements };
-    const popupPlacement = popupPlacementMap[mode];
-    const targetMotion = (0, motionUtil_1.getMotion)(mode, motion, defaultMotions);
-    const mergedMotion = {
-        ...targetMotion,
-        leavedClassName: 'uk-hidden',
-        motionAppear: true,
-        removeOnLeave: false,
-    };
-    // Delay to change visible
-    const visibleRef = React.useRef();
-    React.useEffect(() => {
-        visibleRef.current = (0, raf_1.default)(() => {
-            setInnerVisible(visible);
-        });
-        return () => {
-            if (visibleRef.current) {
-                raf_1.default.cancel(visibleRef.current);
-            }
-        };
-    }, [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)({
-            [`${prefixCls}-rtl`]: rtl,
-        }, popupClassName), popupMotion: mergedMotion, popupPlacement: popupPlacement, popupVisible: innerVisible, prefixCls: prefixCls, stretch: mode === 'horizontal' ? 'minWidth' : undefined, onPopupVisibleChange: onVisibleChange }, children));
-}
-exports.PopupTrigger = PopupTrigger;

package/dist/cjs/components/Nav/Sub/SubNavList.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export interface SubNavListProps extends React.HTMLAttributes<HTMLUListElement> {
-    children?: React.ReactNode;
-}
-export declare const SubNavList: React.ForwardRefExoticComponent<SubNavListProps & React.RefAttributes<HTMLUListElement>>;

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

@@ -1,43 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubNavList = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NavContext_1 = require("../context/NavContext");
-function InternalSubNavList(props, ref) {
-    const { className, children, ...restProps } = props;
-    const { mode, prefixCls, rtl } = React.useContext(NavContext_1.NavContext);
-    return (React.createElement("ul", { className: (0, classnames_1.default)({
-            [prefixCls]: mode !== 'inline',
-            [`${prefixCls}-sub`]: mode === 'inline',
-            [`${prefixCls}-sub-rtl`]: rtl && mode === 'inline',
-        }, className), ...restProps, "data-nav-list": "", ref: ref }, children));
-}
-exports.SubNavList = React.forwardRef(InternalSubNavList);
-exports.SubNavList.displayName = 'SubNavList';