@frontapp/ui-kit - npm Package Compare versions

Comparing version 0.19.0 to 0.20.0

dist/elements/drop...ents/NavigationalDropdownContainer.d.ts

+import React from 'react';
+interface NavigationalDropdownContainerProps {
+    className?: string;
+}
+export declare const NavigationalDropdownContainer: React.FC<NavigationalDropdownContainerProps>;
+export {};

dist/elements/drop...ponents/NavigationalSubmenuTrigger.d.ts

+import React from 'react';
+interface NavigationalSubmenuTriggerProps {
+    children: React.ReactNode;
+    submenuId: string;
+    getSubmenu: () => React.ReactNode;
+    backTitle?: string;
+    disabled?: boolean;
+    className?: string;
+    onNavigate?: (submenuId: string) => void;
+}
+export declare const NavigationalSubmenuTrigger: React.FC<NavigationalSubmenuTriggerProps>;
+export {};

dist/elements/drop...ontext/NavigationalDropdownContext.d.ts

+import React from 'react';
+export interface NavigationalView {
+    id: string;
+    getContent: () => React.ReactNode;
+    parentTitle?: string;
+    level: number;
+}
+export interface NavigationalDropdownContextValue {
+    viewStack: NavigationalView[];
+    currentContent: React.ReactNode;
+    navigateTo: (id: string, getContent: () => React.ReactNode, parentTitle?: string) => void;
+    navigateBack: () => void;
+    canNavigateBack: boolean;
+    reset: () => void;
+    getCurrentLevel: () => number;
+    autoNavigateToSubmenuId: string | null;
+    autoNavigateToSubmenuPath: string[];
+    backNavigation: {
+        canNavigateBack: boolean;
+        navigateBack: (event: React.MouseEvent) => void;
+    };
+}
+export declare const NavigationalDropdownContext: React.Context<NavigationalDropdownContextValue | null>;
+interface NavigationalDropdownProviderProps {
+    children: React.ReactNode;
+    getRootContent: () => React.ReactNode;
+    rootId?: string;
+    onNavigate?: (level: number, viewId: string) => void;
+    onNavigateBack?: (level: number, viewId: string) => void;
+    contentVersion?: number;
+}
+export declare const NavigationalDropdownProvider: React.FC<NavigationalDropdownProviderProps>;
+export declare const useNavigationalDropdown: () => NavigationalDropdownContextValue;
+export declare const useNavigationalDropdownSafe: () => NavigationalDropdownContextValue | null;
+export {};

CHANGELOG.md

 # Changelog
 
+## [0.20.0](https://github.com/frontapp/front-ui-kit/compare/v0.19.0...v0.20.0) (2025-10-29)
+
+
+### Features
+
+* navigation dropdown ([#273](https://github.com/frontapp/front-ui-kit/issues/273)) ([3774b61](https://github.com/frontapp/front-ui-kit/commit/3774b6134c1797106b68b74d97f9aeb0be827a0f))
+
 ## [0.19.0](https://github.com/frontapp/front-ui-kit/compare/v0.18.1...v0.19.0) (2025-10-24)
@@ -4,0 +11,0 @@

dist/elements/dropdown/dropdownItem.d.ts

@@ -29,4 +29,8 @@ import React, { FC, MouseEventHandler } from 'react';
     onSubmenuClose?: (id: string) => void;
+    /** Navigation mode for submenus: 'hover' shows submenu on hover (default), 'navigational' replaces current view on click */
+    submenuMode?: 'hover' | 'navigational';
+    /** Title to show in back button when using navigational mode */
+    submenuBackTitle?: string;
 }
 export declare const DropdownItem: FC<DropdownItemProps>;
 export {};

dist/elements/index.d.ts

@@ -15,2 +15,6 @@ export { DropdownCoordinator } from './dropdown/dropdownCoordinator';
 export { NestedDropdownProvider } from './dropdown/context/NestedDropdownContext';
+export { NavigationalDropdownContext, NavigationalDropdownProvider } from './dropdown/context/NavigationalDropdownContext';
+export { useNavigationalDropdown } from './dropdown/context/NavigationalDropdownContext';
+export type { NavigationalView, NavigationalDropdownContextValue } from './dropdown/context/NavigationalDropdownContext';
+export { NavigationalDropdownContainer } from './dropdown/components/NavigationalDropdownContainer';
 export { EmptyState } from './emptyState/emptyState';
@@ -17,0 +21,0 @@ export { Icon } from './icon/icon';

package.json

 {
   "name": "@frontapp/ui-kit",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "repository": "[e-mail]:frontapp/front-ui-kit.git",
@@ -5,0 +5,0 @@ "homepage": "http://frontapp.github.io/front-ui-kit",

No alert changes

Improved metrics

Total package byte prevSize

554652

1.57%

Number of package files

100

3.09%

Lines of code

1742

3.63%

No dependency changes