@broxus/react-uikit 0.2.2 → 0.3.0

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type CSSMotionProps } from 'rc-motion';
-import { type BuiltinPlacements, type ItemType, type NavClickEventHandler, type NavMode, type NavModifier, type NavRef, type RenderIconType, type SelectEventHandler, type TriggerSubNavAction } from '../Nav/types';
+import { type BuiltinPlacements, type ItemType, type NavClickEventHandler, type NavMode, type NavModifier, type NavRef, type RenderIconType, type SelectEventHandler, type TriggerSubNavAction } from '../../components/Nav/types';
 import { type Direction } from '../../types';
 export interface NavProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onClick' | 'onSelect' | 'dir'> {
     activeKey?: string;

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

@@ -33,20 +33,20 @@ 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 isEqual_1 = __importDefault(require("rc-util/lib/isEqual"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const hooks_1 = require("../../hooks");
-const IdContext_1 = require("../Nav/context/IdContext");
-const NavContext_1 = require("../Nav/context/NavContext");
-const PathContext_1 = require("../Nav/context/PathContext");
-const PrivateContext_1 = require("../Nav/context/PrivateContext");
-const useAccessibility_1 = require("../Nav/hooks/useAccessibility");
-const useKeyRecords_1 = require("../Nav/hooks/useKeyRecords");
-const useMemoCallback_1 = require("../Nav/hooks/useMemoCallback");
-const useUUID_1 = require("../Nav/hooks/useUUID");
-const Item_1 = require("../Nav/Item");
-const Sub_1 = require("../Nav/Sub");
-const nodeUtil_1 = require("../Nav/utils/nodeUtil");
-const warnUtil_1 = require("../Nav/utils/warnUtil");
+const IdContext_1 = require("../../components/Nav/context/IdContext");
+const NavContext_1 = require("../../components/Nav/context/NavContext");
+const PathContext_1 = require("../../components/Nav/context/PathContext");
+const PrivateContext_1 = require("../../components/Nav/context/PrivateContext");
+const useAccessibility_1 = require("../../components/Nav/hooks/useAccessibility");
+const useKeyRecords_1 = require("../../components/Nav/hooks/useKeyRecords");
+const useMemoCallback_1 = require("../../components/Nav/hooks/useMemoCallback");
+const useUUID_1 = require("../../components/Nav/hooks/useUUID");
+const Item_1 = require("../../components/Nav/Item");
+const Sub_1 = require("../../components/Nav/Sub");
+const nodeUtil_1 = require("../../components/Nav/utils/nodeUtil");
+const warnUtil_1 = require("../../components/Nav/utils/warnUtil");
 const utils_1 = require("../../utils");
 const EMPTY_LIST = [];
 const ForwardedNav = React.forwardRef((props, ref) => {
@@ -122,9 +122,9 @@ const ForwardedNav = React.forwardRef((props, ref) => {
     ]);
     // ====================== Responsive ======================
     const [lastVisibleIndex, setLastVisibleIndex] = React.useState(0);
-    const allVisible = lastVisibleIndex >= childList.length - 1 ||
-        internalMode !== 'horizontal' ||
-        disabledOverflow;
+    const allVisible = lastVisibleIndex >= childList.length - 1
+        || internalMode !== 'horizontal'
+        || disabledOverflow;
     // Cache
     React.useEffect(() => {
         if (isInlineMode) {
@@ -254,10 +254,10 @@ const ForwardedNav = React.forwardRef((props, ref) => {
     // >>>>> Children
     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)));
+        // 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 rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'nav'), [config, prefixCls]);
     const container = (React.createElement(rc_overflow_1.default, { className: (0, classnames_1.default)({
             [rootCls]: mergedMode !== 'horizontal',

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

@@ -29,13 +29,13 @@ 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");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
+const SubNavList_1 = require("../../../components/Nav/Sub/SubNavList");
+const motionUtil_1 = require("../../../components/Nav/utils/motionUtil");
 function InlineSubNavList(props) {
     const { children, id, keyPath, open } = props;
     const fixedMode = 'inline';
-    const { prefixCls, forceSubNavRender, motion, defaultMotions, mode } = React.useContext(NavContext_1.NavContext);
+    const { prefixCls, forceSubNavRender, motion, defaultMotions, mode, } = React.useContext(NavContext_1.NavContext);
     // Always use the latest mode check
     const sameModeRef = React.useRef(false);
     sameModeRef.current = mode === fixedMode;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type NavMode } from '../../Nav/types';
+import { type NavMode } from '../../../components/Nav/types';
 export interface PopupTriggerProps {
     children: React.ReactElement;
     disabled?: boolean;

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

@@ -31,14 +31,14 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_trigger_1 = __importDefault(require("rc-trigger"));
 const raf_1 = __importDefault(require("rc-util/lib/raf"));
-const NavContext_1 = require("../../Nav/context/NavContext");
-const placements_1 = require("../../Nav/placements");
-const motionUtil_1 = require("../../Nav/utils/motionUtil");
-const ConfrigProvider_1 = require("../../ConfrigProvider");
+const ConfrigProvider_1 = require("../../../components/ConfrigProvider");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
+const placements_1 = require("../../../components/Nav/placements");
+const motionUtil_1 = require("../../../components/Nav/utils/motionUtil");
 const popupPlacementMap = {
-    'horizontal': 'bottom-left',
-    'inline': null,
-    'vertical': 'right-top',
+    horizontal: 'bottom-left',
+    inline: null,
+    vertical: 'right-top',
     'vertical-left': 'right-top',
     'vertical-right': 'left-top',
 };

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

@@ -29,7 +29,7 @@ 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");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const ForwardedSubNavList = React.forwardRef((props, ref) => {
     const { className, children, ...restProps } = props;
     const { mode, prefixCls, rtl } = React.useContext(NavContext_1.NavContext);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SubNavType } from '../../Nav/types';
+import { type SubNavType } from '../../../components/Nav/types';
 export interface SubNavProps extends Omit<SubNavType, 'children' | 'key' | 'label'> {
     children?: React.ReactNode;
     title?: React.ReactNode;

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

@@ -32,18 +32,18 @@ const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
-const IdContext_1 = require("../../Nav/context/IdContext");
-const NavContext_1 = require("../../Nav/context/NavContext");
-const PathContext_1 = require("../../Nav/context/PathContext");
-const PrivateContext_1 = require("../../Nav/context/PrivateContext");
-const useActive_1 = require("../../Nav/hooks/useActive");
-const useDirectionStyle_1 = require("../../Nav/hooks/useDirectionStyle");
-const useMemoCallback_1 = require("../../Nav/hooks/useMemoCallback");
-const InlineSubNavList_1 = require("../../Nav/Sub/InlineSubNavList");
-const PopupTrigger_1 = require("../../Nav/Sub/PopupTrigger");
-const SubNavList_1 = require("../../Nav/Sub/SubNavList");
-const nodeUtil_1 = require("../../Nav/utils/nodeUtil");
-const warnUtil_1 = require("../../Nav/utils/warnUtil");
+const IdContext_1 = require("../../../components/Nav/context/IdContext");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
+const PathContext_1 = require("../../../components/Nav/context/PathContext");
+const PrivateContext_1 = require("../../../components/Nav/context/PrivateContext");
+const useActive_1 = require("../../../components/Nav/hooks/useActive");
+const useDirectionStyle_1 = require("../../../components/Nav/hooks/useDirectionStyle");
+const useMemoCallback_1 = require("../../../components/Nav/hooks/useMemoCallback");
+const InlineSubNavList_1 = require("../../../components/Nav/Sub/InlineSubNavList");
+const PopupTrigger_1 = require("../../../components/Nav/Sub/PopupTrigger");
+const SubNavList_1 = require("../../../components/Nav/Sub/SubNavList");
+const nodeUtil_1 = require("../../../components/Nav/utils/nodeUtil");
+const warnUtil_1 = require("../../../components/Nav/utils/warnUtil");
 const InternalSubNav = React.memo((props) => {
     const { children, className, disabled, eventKey, expandIcon, internalPopupClose, itemIcon, popupClassName, popupOffset, style, title, warnKey, onClick, onMouseEnter, onMouseLeave, onTitleClick, onTitleMouseEnter, onTitleMouseLeave, ...restProps } = props;
     const domDataId = (0, IdContext_1.useNavId)(eventKey);
@@ -158,12 +158,12 @@ const InternalSubNav = React.memo((props) => {
         const triggerMode = triggerModeRef.current;
         // Still wrap with Trigger here since we need avoid react re-mount dom node
         // Which makes motion failed
-        titleNode = (React.createElement(PopupTrigger_1.PopupTrigger, { disabled: disabled, mode: triggerMode, popup: React.createElement(NavContext_1.NavContextProvider
+        titleNode = (React.createElement(PopupTrigger_1.PopupTrigger, { disabled: disabled, mode: triggerMode, popup: (React.createElement(NavContext_1.NavContextProvider
             // Special handle of horizontal mode
             , { 
                 // Special handle of horizontal mode
                 mode: triggerMode === 'horizontal' ? 'vertical' : triggerMode },
-                React.createElement(SubNavList_1.SubNavList, { className: `${popupPrefixCls}-nav`, id: popupId, ref: popupRef }, children)), popupClassName: popupClassName, popupOffset: popupOffset, prefixCls: popupPrefixCls, visible: !internalPopupClose && open && mode !== 'inline', onVisibleChange: onPopupVisibleChange }, titleNode));
+                React.createElement(SubNavList_1.SubNavList, { className: `${popupPrefixCls}-nav`, id: popupId, ref: popupRef }, children))), popupClassName: popupClassName, popupOffset: popupOffset, prefixCls: popupPrefixCls, visible: !internalPopupClose && open && mode !== 'inline', onVisibleChange: onPopupVisibleChange }, titleNode));
     }
     // List node
     let listNode = (React.createElement(rc_overflow_1.default.Item, { className: (0, classnames_1.default)('uk-parent', className, {

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

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

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

@@ -30,7 +30,7 @@ exports.NavContextProvider = exports.NavContext = void 0;
 const React = __importStar(require("react"));
 const useMemo_1 = __importDefault(require("rc-util/lib/hooks/useMemo"));
 const shallowequal_1 = __importDefault(require("shallowequal"));
-const ConfrigProvider_1 = require("../../ConfrigProvider");
+const ConfrigProvider_1 = require("../../../components/ConfrigProvider");
 exports.NavContext = React.createContext({
     popupPrefixCls: 'dropdown',
     prefixCls: 'nav',

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type NavProps } from '../../Nav/Nav';
+import { type NavProps } from '../../../components/Nav/Nav';
 export interface PrivateContextProps {
     _internalRenderMenuItem?: NavProps['_internalRenderMenuItem'];
     _internalRenderSubMenuItem?: NavProps['_internalRenderSubMenuItem'];

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { type NavMode } from '../../Nav/types';
+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>;

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

@@ -31,7 +31,7 @@ const React = __importStar(require("react"));
 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 IdContext_1 = require("../../Nav/context/IdContext");
+const IdContext_1 = require("../../../components/Nav/context/IdContext");
 // destruct to reduce minify size
 const { LEFT, RIGHT, UP, DOWN, ENTER, ESC } = KeyCode_1.default;
 const ArrowKeys = [UP, DOWN, LEFT, RIGHT];

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type NavHoverEventHandler } from '../../Nav/types';
+import { type NavHoverEventHandler } from '../../../components/Nav/types';
 interface ActiveObj {
     active: boolean;
     onMouseEnter?: React.MouseEventHandler<HTMLElement>;

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

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useActive = void 0;
 const React = __importStar(require("react"));
-const NavContext_1 = require("../../Nav/context/NavContext");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
 function useActive(eventKey, disabled, onMouseEnter, onMouseLeave) {
     const { 
     // Active

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

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDirectionStyle = void 0;
 const React = __importStar(require("react"));
-const NavContext_1 = require("../../Nav/context/NavContext");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
 function useDirectionStyle(level) {
     const { mode, rtl, inlineIndent } = React.useContext(NavContext_1.NavContext);
     if (mode !== 'inline') {

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeyRecords = exports.OVERFLOW_KEY = void 0;
 const React = __importStar(require("react"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
-const timeUtil_1 = require("../../Nav/utils/timeUtil");
+const timeUtil_1 = require("../../../components/Nav/utils/timeUtil");
 const hooks_1 = require("../../../hooks");
 const PATH_SPLIT = '__RC_UTIL_PATH_SPLIT__';
 function getPathStr(keyPath) {

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

@@ -1,10 +1,10 @@
 import type * as React from 'react';
-import { Divider } from '../Nav/Divider';
-import { Group } from '../Nav/Group';
-import { Header } from '../Nav/Header';
-import { Item } from '../Nav/Item';
-import { type NavProps } from '../Nav/Nav';
-import { Sub } from '../Nav/Sub';
+import { Divider } from '../../components/Nav/Divider';
+import { Group } from '../../components/Nav/Group';
+import { Header } from '../../components/Nav/Header';
+import { Item } from '../../components/Nav/Item';
+import { type NavProps } from '../../components/Nav/Nav';
+import { Sub } from '../../components/Nav/Sub';
 import './index.scss';
 export type { NavProps };
 export interface Nav extends React.MemoExoticComponent<React.ForwardRefExoticComponent<NavProps>> {

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Nav = void 0;
-const Divider_1 = require("../Nav/Divider");
-const Group_1 = require("../Nav/Group");
-const Header_1 = require("../Nav/Header");
-const Item_1 = require("../Nav/Item");
-const Nav_1 = require("../Nav/Nav");
-const Sub_1 = require("../Nav/Sub");
+const Divider_1 = require("../../components/Nav/Divider");
+const Group_1 = require("../../components/Nav/Group");
+const Header_1 = require("../../components/Nav/Header");
+const Item_1 = require("../../components/Nav/Item");
+const Nav_1 = require("../../components/Nav/Nav");
+const Sub_1 = require("../../components/Nav/Sub");
 require("./index.scss");
 exports.Nav = Nav_1.Nav;
 exports.Nav.Divider = Divider_1.Divider;

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

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

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { type ItemType } from '../../Nav/types';
+import { type ItemType } from '../../../components/Nav/types';
 export declare function parseChildren(children: React.ReactNode | undefined, keyPath: string[]): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
 export declare function parseItems(children: React.ReactNode | undefined, items: ItemType[] | undefined, keyPath: string[]): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

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

@@ -29,10 +29,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseItems = exports.parseChildren = void 0;
 const React = __importStar(require("react"));
 const toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
-const Divider_1 = require("../../Nav/Divider");
-const Group_1 = require("../../Nav/Group");
-const Item_1 = require("../../Nav/Item");
-const Sub_1 = require("../../Nav/Sub");
+const Divider_1 = require("../../../components/Nav/Divider");
+const Group_1 = require("../../../components/Nav/Group");
+const Item_1 = require("../../../components/Nav/Item");
+const Sub_1 = require("../../../components/Nav/Sub");
 function parseChildren(children, keyPath) {
     return (0, toArray_1.default)(children).map((child, index) => {
         if (React.isValidElement(child)) {

package/dist/cjs/components/Navbar/Center.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export interface NavbarCenterOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }

package/dist/cjs/components/Navbar/Center.js

@@ -29,14 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Center = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'div';
 exports.Center = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-center'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Center.displayName = 'Navbar.Center';

package/dist/cjs/components/Navbar/Container.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export interface NavbarContainerOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
     transparent?: boolean;

package/dist/cjs/components/Navbar/Container.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'div';
 exports.Container = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export interface NavbarItemOwnProps extends React.HTMLAttributes<HTMLElement> {
     align?: 'left' | 'right' | 'center';
     prefixCls?: string;

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'div';
 exports.Item = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();

package/dist/cjs/components/Navbar/Left.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export interface NavbarLeftOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }

package/dist/cjs/components/Navbar/Left.js

@@ -29,14 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Left = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'div';
 exports.Left = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-left`, className), component: defaultElement, ...restProps }));
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-left'), [config, prefixCls]);
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Left.displayName = 'Navbar.Left';

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

@@ -1,5 +1,3 @@
-import { type NavProps } from '../Nav';
-export declare function Nav(props: NavProps): JSX.Element;
-export declare namespace Nav {
-    var displayName: string;
-}
+import * as React from 'react';
+import { type NavProps } from '../../components/Nav';
+export declare const Nav: React.MemoExoticComponent<(props: NavProps) => JSX.Element>;

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

@@ -29,15 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Nav = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
-const Nav_1 = require("../Nav");
-function Nav(props) {
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const Nav_1 = require("../../components/Nav");
+exports.Nav = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
     return (React.createElement(Nav_1.Nav, { className: (0, classnames_1.default)(`${rootCls}-nav`, className), popupPrefixCls: `${rootCls}-dropdown`, ...restProps, mode: "horizontal" }));
-}
-exports.Nav = Nav;
+});
 if (process.env.NODE_ENV !== 'production') {
-    Nav.displayName = 'Navbar.Nav';
+    exports.Nav.displayName = 'Navbar.Nav';
 }

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
     asContainer?: boolean;
+    prefixCls?: string;
     transparent?: boolean;
 }
-export declare function Navbar(props: NavbarProps): JSX.Element;
+export declare const Navbar: React.MemoExoticComponent<(props: NavbarProps) => JSX.Element>;

package/dist/cjs/components/Navbar/Navbar.js

@@ -29,11 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Navbar = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-function Navbar(props) {
-    const { asContainer, className, transparent, ...restProps } = props;
-    return (React.createElement("nav", { className: (0, classnames_1.default)('uk-navbar', {
-            'uk-navbar-container': asContainer,
-            'uk-navbar-transparent': transparent,
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+exports.Navbar = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { asContainer, className, prefixCls = config.prefixCls, transparent, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
+    return (React.createElement("nav", { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-container`]: asContainer,
+            [`${rootCls}-transparent`]: transparent,
         }, className), ...restProps }));
-}
-exports.Navbar = Navbar;
+});

package/dist/cjs/components/Navbar/Right.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
-export type NavbarRightProps<E extends React.ElementType = React.ElementType> = PolymorphicProps<E, unknown>;
-declare const defaultElement: React.ElementType;
-export declare function Right<E extends React.ElementType = typeof defaultElement>(props: NavbarRightProps<E>): JSX.Element;
-export declare namespace Right {
-    var displayName: string;
+import { type PolymorphicProps } from '../../components/Component';
+export interface NavbarRightOwnProps extends React.HTMLAttributes<HTMLElement> {
+    prefixCls?: string;
 }
-export {};
+export type NavbarRightProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarRightOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarRightOwnProps>;
+export declare const Right: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarRightProps<E>) => JSX.Element)>;

package/dist/cjs/components/Navbar/Right.js

@@ -29,13 +29,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Right = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'div';
-function Right(props) {
-    const { className, ...restProps } = props;
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-right', className), component: defaultElement, ...restProps }));
-}
-exports.Right = Right;
+exports.Right = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-right`, className), component: defaultElement, ...restProps });
+});
 if (process.env.NODE_ENV !== 'production') {
-    Right.displayName = 'Navbar.Right';
+    exports.Right.displayName = 'Navbar.Right';
 }

package/dist/cjs/components/Navbar/Toggle.d.ts

@@ -1,12 +1,8 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type NavbarToggleOwnProps = {
     icon?: boolean;
+    prefixCls?: string;
 };
 export type NavbarToggleProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarToggleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarToggleOwnProps>;
-declare const defaultElement: React.ElementType;
-export declare function Toggle<E extends React.ElementType = typeof defaultElement>(props: NavbarToggleProps<E>): JSX.Element;
-export declare namespace Toggle {
-    var displayName: string;
-}
-export {};
+export declare const Toggle: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarToggleProps<E>) => JSX.Element)>;

package/dist/cjs/components/Navbar/Toggle.js

@@ -29,15 +29,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'div';
-function Toggle(props) {
-    const { className, icon = false, ...restProps } = props;
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-navbar-toggle', {
-            'uk-navbar-toggle-icon': icon,
+exports.Toggle = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, icon, prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-toggle'), [config, prefixCls]);
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-icon`]: icon,
         }, className), component: defaultElement, ...restProps }));
-}
-exports.Toggle = Toggle;
+});
 if (process.env.NODE_ENV !== 'production') {
-    Toggle.displayName = 'Navbar.Toggle';
+    exports.Toggle.displayName = 'Navbar.Toggle';
 }