@wallarm-org/design-system 0.50.1 → 0.50.2-rc-feature-shell.2

package/dist/components/ProductNav/ProductNavPanel.js

@@ -1,107 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { NavPanel, NavPanelBack, NavPanelDivider, NavPanelHeader } from "../NavPanel/index.js";
-import { Text } from "../Text/index.js";
-import { HeaderActions } from "./HeaderActions.js";
-import { NavItemsList } from "./NavItemsList.js";
-import { findDrillNode } from "./navUtils.js";
-import { useProductNavContext } from "./ProductNavContext.js";
-import { DRILL_ANIMATION_DURATION, DRILL_ANIMATION_EASING, useDrillTransition } from "./useDrillTransition.js";
-const ProductNavPanel = ({ resizable })=>{
-    const { config, navStack, effectiveActiveItemId, navigate, drillInto, goBack, drillLevel } = useProductNavContext();
-    const { transition, clearTransition } = useDrillTransition(drillLevel);
-    const hasHeaderActions = !!config.headerActions?.length;
-    const renderContent = (level)=>{
-        const entry = navStack[Math.min(level, navStack.length - 1)];
-        if (0 === level) return /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                hasHeaderActions ? /*#__PURE__*/ jsxs("div", {
-                    className: "sticky top-0 z-10 flex shrink-0 items-center justify-between p-4",
-                    children: [
-                        /*#__PURE__*/ jsx(Text, {
-                            size: "sm",
-                            weight: "medium",
-                            children: config.productLabel
-                        }),
-                        /*#__PURE__*/ jsx(HeaderActions, {
-                            actions: config.headerActions
-                        })
-                    ]
-                }) : /*#__PURE__*/ jsx(NavPanelHeader, {
-                    children: config.productLabel
-                }),
-                /*#__PURE__*/ jsx(NavItemsList, {
-                    items: config.items,
-                    activeItemId: effectiveActiveItemId,
-                    onNavigate: navigate,
-                    onDrillClick: drillInto
-                })
-            ]
-        });
-        const parentEntry = navStack[level - 1];
-        const drillNode = findDrillNode(parentEntry.items, parentEntry.activeItemId);
-        const backLabel = drillNode?.label ?? 'Back';
-        return /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ jsxs("div", {
-                    className: "sticky top-0 z-10 flex flex-col gap-2 bg-bg-surface-1",
-                    children: [
-                        /*#__PURE__*/ jsx(NavPanelHeader, {
-                            children: entry.title
-                        }),
-                        /*#__PURE__*/ jsx(NavPanelBack, {
-                            onClick: goBack,
-                            children: backLabel
-                        }),
-                        /*#__PURE__*/ jsx(NavPanelDivider, {})
-                    ]
-                }),
-                /*#__PURE__*/ jsx(NavItemsList, {
-                    items: entry.items,
-                    activeItemId: effectiveActiveItemId,
-                    onNavigate: navigate,
-                    onDrillClick: drillInto
-                })
-            ]
-        });
-    };
-    if (transition) {
-        const isForward = 'forward' === transition.direction;
-        const slideAnim = isForward ? 'ds-nav-drill-forward' : 'ds-nav-drill-backward';
-        const timing = `${DRILL_ANIMATION_DURATION} ${DRILL_ANIMATION_EASING} both`;
-        return /*#__PURE__*/ jsx(NavPanel, {
-            resizable: resizable,
-            children: /*#__PURE__*/ jsx("div", {
-                className: "min-h-0 flex-1 overflow-hidden",
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex motion-reduce:animate-none",
-                    style: {
-                        animation: `${slideAnim} ${timing}`
-                    },
-                    onAnimationEnd: clearTransition,
-                    children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "flex w-full shrink-0 flex-col gap-2 motion-reduce:animate-none",
-                            style: {
-                                animation: `${isForward ? 'ds-nav-blur-out' : 'ds-nav-blur-in'} ${timing}`
-                            },
-                            children: renderContent(isForward ? transition.fromLevel : drillLevel)
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "flex w-full shrink-0 flex-col gap-2 motion-reduce:animate-none",
-                            style: {
-                                animation: `${isForward ? 'ds-nav-blur-in' : 'ds-nav-blur-out'} ${timing}`
-                            },
-                            children: renderContent(isForward ? drillLevel : transition.fromLevel)
-                        })
-                    ]
-                })
-            })
-        });
-    }
-    return /*#__PURE__*/ jsx(NavPanel, {
-        resizable: resizable,
-        children: renderContent(drillLevel)
-    });
-};
-ProductNavPanel.displayName = 'ProductNavPanel';
-export { ProductNavPanel };

package/dist/components/ProductNav/index.d.ts

@@ -1,11 +0,0 @@
-export { NavPanelSkeleton, type NavPanelSkeletonProps } from '../NavPanel';
-export { type MatchNavResult, matchNav } from './matchNav';
-export { findDrillNode, findFirstLinkPath } from './navUtils';
-export { ProductNav, type ProductNavProps } from './ProductNav';
-export { ProductNavBreadcrumbs } from './ProductNavBreadcrumbs';
-export type { ProductNavContextValue } from './ProductNavContext';
-export { useProductNavContext } from './ProductNavContext';
-export { ProductNavPanel } from './ProductNavPanel';
-export type { BreadcrumbSegment, NavConfig, NavConfigDrill, NavConfigGroup, NavConfigHeaderAction, NavConfigLink, NavConfigNode, NavConfigSectionHeader, NavStackEntry, } from './types';
-export { pushPathname, useLocationPathname } from './useLocationPathname';
-export { type UseProductNavResult, useProductNav } from './useProductNav';

package/dist/components/ProductNav/index.js

@@ -1,10 +0,0 @@
-import { NavPanelSkeleton } from "../NavPanel/index.js";
-import { matchNav } from "./matchNav.js";
-import { findDrillNode, findFirstLinkPath } from "./navUtils.js";
-import { ProductNav } from "./ProductNav.js";
-import { ProductNavBreadcrumbs } from "./ProductNavBreadcrumbs.js";
-import { useProductNavContext } from "./ProductNavContext.js";
-import { ProductNavPanel } from "./ProductNavPanel.js";
-import { pushPathname, useLocationPathname } from "./useLocationPathname.js";
-import { useProductNav } from "./useProductNav.js";
-export { NavPanelSkeleton, ProductNav, ProductNavBreadcrumbs, ProductNavPanel, findDrillNode, findFirstLinkPath, matchNav, pushPathname, useLocationPathname, useProductNav, useProductNavContext };

package/dist/components/ProductNav/useProductNav.d.ts

@@ -1,16 +0,0 @@
-import { type Dispatch, type SetStateAction } from 'react';
-import type { BreadcrumbSegment, NavStackEntry } from './types';
-export interface UseProductNavResult {
-    navStack: NavStackEntry[];
-    peekDepth: number;
-    setPeekDepth: Dispatch<SetStateAction<number>>;
-    breadcrumbSegments: BreadcrumbSegment[];
-    activeItemId: string | null;
-}
-/**
- * Hook providing computed nav state + peekDepth management.
- *
- * Reads computed state from ProductNav context.
- * `peekDepth` is the only local mutable state and resets on pathname changes.
- */
-export declare function useProductNav(): UseProductNavResult;

package/dist/components/ProductNav/useProductNav.js

@@ -1,19 +0,0 @@
-import { useEffect, useState } from "react";
-import { useProductNavContext } from "./ProductNavContext.js";
-function useProductNav() {
-    const { pathname, navStack, breadcrumbSegments, activeItemId } = useProductNavContext();
-    const [peekDepth, setPeekDepth] = useState(0);
-    useEffect(()=>{
-        setPeekDepth(0);
-    }, [
-        pathname
-    ]);
-    return {
-        navStack,
-        peekDepth,
-        setPeekDepth,
-        breadcrumbSegments,
-        activeItemId
-    };
-}
-export { useProductNav };