@powerhousedao/document-engineering 1.0.0

package/dist/src/ui/components/sidebar/sidebar.d.ts

@@ -0,0 +1,81 @@
+import { type SidebarNode } from "./types.js";
+export interface SidebarProps {
+    /**
+     * The ID of the currently active node
+     */
+    activeNodeId?: string;
+    /**
+     * Callback function to update the active node
+     */
+    onActiveNodeChange?: (newNode: SidebarNode) => void;
+    /**
+     * The nodes to be displayed in the sidebar
+     */
+    nodes?: SidebarNode[];
+    /**
+     * Which level should be shown by default (i.e., level 1).
+     * @default 1 It is 1-indexed.
+     */
+    defaultLevel?: number;
+    /**
+     * Enables the vertical resizing of the sidebar
+     * @default true
+     */
+    resizable?: boolean;
+    /**
+     * Whether pinning functionality is enabled for nodes
+     * @default true
+     */
+    allowPinning?: boolean;
+    /**
+     * Configurable levels (e.g., 4). If its zero, then no buttons are shown (default).
+     * @default 0
+     */
+    enableMacros?: number;
+    /**
+     * Whether to display the search bar in the sidebar
+     * @default true
+     */
+    showSearchBar?: boolean;
+    /**
+     * Whether to display the status filter button in the sidebar. This option is ignored if `showSearchBar` is `false`.
+     * @default false
+     */
+    showStatusFilter?: boolean;
+    /**
+     * The title that appears at the top of the sidebar, providing context or a heading for the hierarchy displayed within it.
+     */
+    sidebarTitle?: string;
+    /**
+     * An optional icon that can be displayed next to the sidebar title or at the top of the sidebar.
+     */
+    sidebarIcon?: React.ReactNode;
+    /**
+     * An optional footer content that can be displayed at the bottom of the sidebar.
+     */
+    extraFooterContent?: React.ReactNode;
+    /**
+     * The initial width of the sidebar.
+     * @default 300
+     */
+    initialWidth?: number;
+    /**
+     * The maximum width of the sidebar.
+     */
+    maxWidth?: number;
+    /**
+     * Whether to allow collapsing inactive nodes on click
+     * @default false
+     */
+    allowCollapsingInactiveNodes?: boolean;
+    /**
+     * Optional className for the sidebar container
+     */
+    className?: string;
+}
+/**
+ * Sidebar component that provides a collapsible and resizable navigation panel
+ * with support for hierarchical data, search, pinning, and custom styling.
+ */
+export declare const Sidebar: React.FC<SidebarProps>;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/src/ui/components/sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAI9C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqJ1C,CAAC"}

package/dist/src/ui/components/sidebar/sidebar.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { useCallback, useEffect } from "react";
+import { SidebarContentArea } from "./subcomponents/sidebar-content-area.js";
+import { SidebarHeader } from "./subcomponents/sidebar-header.js";
+import { SidebarPinningArea } from "./subcomponents/sidebar-pinning-area.js";
+import { useSidebar } from "./subcomponents/sidebar-provider/index.js";
+import { SidebarSearch } from "./subcomponents/sidebar-search/index.js";
+import { useSidebarResize } from "./use-sidebar-resize.js";
+import { triggerEvent } from "./utils.js";
+/**
+ * Sidebar component that provides a collapsible and resizable navigation panel
+ * with support for hierarchical data, search, pinning, and custom styling.
+ */
+export const Sidebar = ({ activeNodeId, onActiveNodeChange, nodes, sidebarIcon, sidebarTitle, defaultLevel = 1, enableMacros = 0, allowPinning = true, resizable = true, showSearchBar = true, showStatusFilter = false, extraFooterContent, initialWidth = 300, maxWidth, allowCollapsingInactiveNodes = false, className, }) => {
+    const { sidebarRef, startResizing, isResizing, isSidebarOpen, handleToggleSidebar, } = useSidebarResize({
+        defaultWidth: initialWidth,
+        minWidth: 220,
+        maxWidth,
+    });
+    const { pinnedNodePath, setNodes, openLevel, togglePin, syncActiveNodeId, setActiveNodeChangeCallback, } = useSidebar();
+    // Sync external nodes with internal state when provided
+    useEffect(() => {
+        if (nodes) {
+            setNodes(nodes);
+        }
+    }, [nodes, setNodes]);
+    // Initialize default expanded level on mount
+    useEffect(() => {
+        if (defaultLevel > 1) {
+            openLevel(defaultLevel);
+        }
+        // openLevel is intentionally omitted from dependencies
+        // to prevent infinite loop as it may change on each render
+    }, [defaultLevel]);
+    const handleActiveNodeChange = useCallback((node) => {
+        onActiveNodeChange?.(node);
+        triggerEvent("sidebar:change", { node }, sidebarRef.current);
+    }, [onActiveNodeChange, sidebarRef]);
+    // sync activeNodeId and onActiveNodeChange with provider state
+    useEffect(() => {
+        syncActiveNodeId(activeNodeId);
+    }, [activeNodeId, syncActiveNodeId]);
+    // Sync active node change callback with provider state
+    useEffect(() => {
+        setActiveNodeChangeCallback(handleActiveNodeChange);
+    }, [handleActiveNodeChange, setActiveNodeChangeCallback]);
+    // Unpin nodes if pinning is disabled
+    useEffect(() => {
+        const hasPinnedNodes = pinnedNodePath.length > 0;
+        if (!allowPinning && hasPinnedNodes) {
+            const lastPinnedNodeId = pinnedNodePath[pinnedNodePath.length - 1].id;
+            togglePin(lastPinnedNodeId);
+        }
+    }, [allowPinning, pinnedNodePath, togglePin]);
+    return (_jsxs("aside", { ref: sidebarRef, style: { width: "min(100%, var(--sidebar-width))" }, className: cn("group peer relative flex h-svh max-h-screen flex-col bg-gray-50 shadow-lg transition-[width] duration-75 ease-linear dark:bg-slate-600", isResizing && "transition-none", className), children: [isSidebarOpen && (_jsxs(_Fragment, { children: [_jsx(SidebarHeader, { sidebarTitle: sidebarTitle, sidebarIcon: sidebarIcon, enableMacros: enableMacros }), allowPinning && pinnedNodePath.length > 0 && _jsx(SidebarPinningArea, {}), _jsx(SidebarContentArea, { allowPinning: allowPinning, allowCollapsingInactiveNodes: allowCollapsingInactiveNodes }), showSearchBar && (_jsx(SidebarSearch, { showStatusFilter: showStatusFilter })), extraFooterContent && (_jsx("div", { className: "w-full border-t border-gray-300 p-2 dark:border-gray-800", children: extraFooterContent }))] })), resizable && (_jsx("div", { className: "group/sidebar-resizer absolute right-0 top-0 h-full w-[10px] translate-x-1/2 cursor-ew-resize select-none", onMouseDown: startResizing, children: _jsx("div", { className: cn("relative h-full w-px translate-x-[5px] transition-colors group-hover/sidebar-resizer:bg-gray-500 dark:group-hover/sidebar-resizer:bg-gray-600", isResizing && "cursor-default bg-blue-500", !isSidebarOpen && "bg-gray-300 dark:bg-gray-600"), children: _jsx("button", { type: "button", className: cn("absolute right-0 top-14 size-4 translate-x-1/2 rounded-full bg-gray-500 dark:bg-gray-900", "opacity-0 transition-opacity group-hover/sidebar-resizer:opacity-100"), onClick: handleToggleSidebar, children: _jsx(Icon, { name: "Caret", size: 16, className: cn("min-w-4 text-gray-50 dark:text-gray-500", {
+                                "-rotate-180": isSidebarOpen,
+                            }) }) }) }) }))] }));
+};
+//# sourceMappingURL=sidebar.js.map

package/dist/src/ui/components/sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../src/ui/components/sidebar/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-content-area.d.ts

@@ -0,0 +1,7 @@
+interface SidebarContentAreaProps {
+    allowPinning?: boolean;
+    allowCollapsingInactiveNodes?: boolean;
+}
+export declare const SidebarContentArea: ({ allowPinning, allowCollapsingInactiveNodes, }: SidebarContentAreaProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-content-area.d.ts.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-content-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-content-area.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-content-area.tsx"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,eAAO,MAAM,kBAAkB,GAAI,iDAGhC,uBAAuB,4CA2EzB,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-content-area.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { AutoSizer, List } from "react-virtualized";
+import { SidebarItem } from "./sidebar-item.js";
+import { useSidebar } from "./sidebar-provider/index.js";
+export const SidebarContentArea = ({ allowPinning, allowCollapsingInactiveNodes, }) => {
+    const { flattenedNodes, toggleNode, togglePin, searchTerm, searchResults, activeSearchIndex, pinnedNodePath, activeNodeId, virtualListRef, onActiveNodeChange, } = useSidebar();
+    const hasPinnedItems = allowPinning && pinnedNodePath.length > 0;
+    const renderNode = ({ index, key, style, }) => {
+        const node = flattenedNodes[index];
+        return (_jsx(SidebarItem, { node: node, toggleNode: toggleNode, togglePin: togglePin, searchTerm: searchTerm, searchResults: searchResults, activeSearchIndex: activeSearchIndex, allowPinning: allowPinning ?? false, isActive: activeNodeId === node.id, onChange: onActiveNodeChange, style: style, allowCollapsingInactiveNodes: allowCollapsingInactiveNodes }, key));
+    };
+    return (_jsx("div", { className: cn("flex flex-1 flex-col gap-1 overflow-y-auto", hasPinnedItems && "pt-0.5"), children: flattenedNodes.length === 0 ? (_jsxs("div", { className: "flex max-w-full items-center gap-2 p-2 text-sm leading-5 text-gray-400 dark:text-gray-400", children: [_jsx(Icon, { name: "TreeViewSlash", size: 16, className: "min-w-4" }), _jsx("span", { className: "truncate", children: "This node is empty" })] })) : (_jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(AutoSizer, { children: ({ width, height }) => (_jsx(List, { ref: virtualListRef, className: "p-2", width: width, height: height, rowCount: flattenedNodes.length, rowHeight: 32 + 8, rowRenderer: renderNode })) }) })) }));
+};
+//# sourceMappingURL=sidebar-content-area.js.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-content-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-content-area.js","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-content-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAOzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,YAAY,EACZ,4BAA4B,GACJ,EAAE,EAAE;IAC5B,MAAM,EACJ,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,kBAAkB,GACnB,GAAG,UAAU,EAAE,CAAC;IACjB,MAAM,cAAc,GAAG,YAAY,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,GAAG,EACH,KAAK,GAKN,EAAE,EAAE;QACH,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QAEnC,OAAO,CACL,KAAC,WAAW,IAEV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,YAAY,IAAI,KAAK,EACnC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,EAClC,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,KAAK,EACZ,4BAA4B,EAAE,4BAA4B,IAXrD,GAAG,CAYR,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,cAAc,IAAI,QAAQ,CAC3B,YAEA,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7B,eAAK,SAAS,EAAC,2FAA2F,aACxG,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,SAAS,GAAG,EAC3D,eAAM,SAAS,EAAC,UAAU,mCAA0B,IAChD,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,SAAS,cACP,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI,IACH,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,cAAc,CAAC,MAAM,EAC/B,SAAS,EAAE,EAAE,GAAG,CAAC,EACjB,WAAW,EAAE,UAAU,GACvB,CACH,GACS,GACR,CACP,GACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-header.d.ts

@@ -0,0 +1,8 @@
+interface SidebarHeaderProps {
+    sidebarTitle?: string;
+    sidebarIcon?: React.ReactNode;
+    enableMacros?: number;
+}
+export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
+export {};
+//# sourceMappingURL=sidebar-header.d.ts.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-header.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8CtD,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-header.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#scalars";
+import { useSidebar } from "./sidebar-provider/index.js";
+export const SidebarHeader = ({ sidebarTitle, sidebarIcon, enableMacros = 0, }) => {
+    const { maxDepth, openLevel } = useSidebar();
+    if (!sidebarTitle && !sidebarIcon && !enableMacros) {
+        return null;
+    }
+    return (_jsxs("header", { className: "flex items-center justify-between gap-2 border-b border-gray-300 bg-gray-50 p-4 dark:border-gray-800 dark:bg-slate-600", children: [_jsxs("div", { className: "flex items-center gap-2 truncate", children: [sidebarIcon, _jsx("div", { className: "truncate text-sm font-semibold text-gray-700 dark:text-gray-300", children: sidebarTitle })] }), enableMacros > 0 && (_jsx("div", { className: "flex select-none items-center gap-2", children: Array.from({ length: Math.min(enableMacros, 4) }).map((_, index) => {
+                    const isDisabled = index + 1 > maxDepth;
+                    return (_jsx("div", { role: "button", tabIndex: 2, className: cn("w-[26px] rounded-lg bg-slate-50 p-1 text-center text-xs text-slate-100 dark:bg-gray-900 dark:text-slate-200", !isDisabled &&
+                            "hover:bg-slate-100 hover:text-slate-200 dark:hover:bg-gray-600 dark:hover:text-slate-50", isDisabled &&
+                            "cursor-not-allowed bg-gray-100 text-[#E2E4E7] dark:bg-[#252728] dark:text-slate-500"), onClick: () => !isDisabled && openLevel(index + 1), children: index + 1 }, `macro-${index}`));
+                }) }))] }));
+};
+//# sourceMappingURL=sidebar-header.js.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-header.js","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQzD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,YAAY,EACZ,WAAW,EACX,YAAY,GAAG,CAAC,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IAC7C,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,EAAE,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,kBAAQ,SAAS,EAAC,wHAAwH,aACxI,eAAK,SAAS,EAAC,kCAAkC,aAC9C,WAAW,EACZ,cAAK,SAAS,EAAC,iEAAiE,YAC7E,YAAY,GACT,IACF,EAEL,YAAY,GAAG,CAAC,IAAI,CACnB,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBAClE,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,QAAQ,CAAC;oBAExC,OAAO,CACL,cAEE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,CAAC,UAAU;4BACT,yFAAyF,EAC3F,UAAU;4BACR,qFAAqF,CACxF,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,YAEjD,KAAK,GAAG,CAAC,IAZL,SAAS,KAAK,EAAE,CAajB,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.d.ts

@@ -0,0 +1,19 @@
+import { type FlattenedNode, type SidebarNode } from "../types.js";
+interface SidebarItemProps {
+    node: FlattenedNode;
+    toggleNode?: (nodeId: string) => void;
+    togglePin: (nodeId: string) => void;
+    searchTerm: string;
+    searchResults: SidebarNode[];
+    activeSearchIndex: number;
+    allowPinning: boolean;
+    pinnedMode?: boolean;
+    isPinned?: boolean;
+    isActive?: boolean;
+    style?: React.CSSProperties;
+    onChange?: (node: SidebarNode) => void;
+    allowCollapsingInactiveNodes?: boolean;
+}
+export declare const SidebarItem: ({ node, toggleNode, togglePin, searchTerm, searchResults, activeSearchIndex, allowPinning, pinnedMode, isPinned, isActive, style, onChange, allowCollapsingInactiveNodes, }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-item.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,aAAa,EAAc,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/E,UAAU,gBAAgB;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,WAAW,EAAE,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAKD,eAAO,MAAM,WAAW,GAAI,6KAczB,gBAAgB,4CA2KlB,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+import { Icon } from "@powerhousedao/design-system";
+import { cloneElement, forwardRef, useCallback, useMemo, useRef } from "react";
+import CaretDown from "../../icon-components/CaretDown.js";
+import Pin from "../../icon-components/Pin.js";
+import PinFilled from "../../icon-components/PinFilled.js";
+import { useEllipsis } from "../../../../scalars/hooks/useEllipsis.js";
+import { isEmpty } from "../../../../scalars/lib/is-empty.js";
+import { cn } from "../../../../scalars/lib/utils.js";
+import { Tooltip, TooltipProvider } from "../../tooltip/index.js";
+import { NodeStatus } from "../types.js";
+import { StatusIcon } from "./status-icon.js";
+const TOOLTIP_DELAY = 700;
+const TOOLTIP_DELAY_LONG = 172800000; // 2 days to simulate no tooltip
+export const SidebarItem = ({ node, toggleNode, togglePin, searchTerm, searchResults, activeSearchIndex, allowPinning, pinnedMode = false, isPinned = false, isActive = false, style, onChange, allowCollapsingInactiveNodes = false, }) => {
+    const paddingLeft = node.depth * 24;
+    const isSearchActive = searchResults.length > 0 && searchResults[activeSearchIndex].id === node.id;
+    const IconComponent = node.isExpanded
+        ? (node.expandedIcon ?? node.icon)
+        : node.icon;
+    const isDescendenceModified = useMemo(() => {
+        const check = (n) => {
+            // Check current node's status first
+            if (n.status !== NodeStatus.UNCHANGED && !isEmpty(n.status)) {
+                return true;
+            }
+            // Then recursively check all children
+            if (n.children && n.children.length > 0) {
+                return n.children.some((child) => check(child));
+            }
+            return false;
+        };
+        return check(node);
+    }, [node]);
+    const hasStatus = (node.status && node.status !== NodeStatus.UNCHANGED) ||
+        isDescendenceModified;
+    const computedStyle = useMemo(() => ({ ...style, paddingLeft }), [style, paddingLeft]);
+    const handleClick = useCallback(() => {
+        if (isActive || !node.isExpanded || allowCollapsingInactiveNodes) {
+            toggleNode?.(node.id);
+        }
+        onChange?.(node);
+    }, [isActive, onChange, node, toggleNode, allowCollapsingInactiveNodes]);
+    const handleCaretClick = useCallback((e) => {
+        e.stopPropagation();
+        toggleNode?.(node.id);
+    }, [node.id, toggleNode]);
+    const handleTogglePin = useCallback((e) => {
+        e.stopPropagation();
+        togglePin(node.id);
+    }, [node.id, togglePin]);
+    // Check if the title has ellipsis to determine if the tooltip should be delayed
+    const ellipsisRef = useRef(null);
+    const hasEllipsis = useEllipsis(ellipsisRef);
+    return (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: node.title, triggerAsChild: true, side: "bottom", delayDuration: hasEllipsis ? TOOLTIP_DELAY : TOOLTIP_DELAY_LONG, children: _jsx("div", { style: computedStyle, className: cn("group/sidebar-item-wrapper flex w-full items-center", !pinnedMode && "pb-2"), children: _jsx("div", { tabIndex: 0, id: `sidebar-item-${node.id}`, className: cn("group/sidebar-item dark:hover:bg-charcoal-900 relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-gray-700 hover:bg-gray-100 dark:text-gray-400", hasStatus && "pr-6", allowPinning && (hasStatus ? "hover:pr-12" : "hover:pr-6"), isPinned && (hasStatus ? "pr-12" : "pr-6"), isSearchActive && "bg-yellow-100 dark:bg-[#604B0033]", 
+                    // line between pinned items
+                    pinnedMode &&
+                        "after:absolute after:-top-2.5 after:left-[15px] after:h-4 after:w-px after:bg-gray-300 hover:bg-gray-50 first:group-first/sidebar-item-wrapper:after:hidden dark:hover:bg-slate-600", isActive && "font-medium text-gray-900 dark:text-gray-50"), onClick: handleClick, children: _jsxs("div", { className: "flex max-w-full items-center gap-2", children: [!pinnedMode && (_jsx("div", { className: "-m-2 -mr-1 h-full rounded-md py-2 pl-2 pr-1 hover:bg-gray-200", onClick: handleCaretClick, children: _jsx(CaretDown, { width: "16", height: "16", className: cn("min-w-4", node.isExpanded &&
+                                        node.children &&
+                                        node.children.length > 0
+                                        ? ""
+                                        : "-rotate-90", node.children === undefined || node.children.length === 0
+                                        ? "text-gray-300 dark:text-gray-700"
+                                        : "text-gray-700 dark:text-gray-400") }) })), IconComponent ? (typeof IconComponent === "string" ? (_jsx(Icon, { name: IconComponent, size: 16, className: "min-w-4" })) : (cloneElement(IconComponent, { className: "min-w-4 w-4" }))) : pinnedMode ? (_jsx(PinnedModeCircleIcon, { isPinned: isPinned })) : null, _jsx(RenderTitle, { ref: ellipsisRef, title: node.title, searchTerm: searchTerm, isSearchActive: isSearchActive, pinnedMode: pinnedMode }), allowPinning && (_jsx("div", { className: cn("absolute top-1/2 flex -translate-y-1/2 items-center justify-center", hasStatus ? "right-8" : "right-2", isPinned
+                                    ? "text-gray-700 hover:text-blue-900 dark:text-gray-50 dark:hover:text-blue-900"
+                                    : "invisible text-gray-300 hover:text-gray-700 group-hover/sidebar-item:visible dark:text-gray-700 dark:hover:text-gray-50"), onClick: handleTogglePin, children: isPinned ? (_jsx(PinFilled, { width: "16", height: "16" })) : (_jsx(Pin, { width: "16", height: "16" })) })), hasStatus && (_jsx("div", { className: cn("absolute right-2 top-1/2 flex -translate-y-1/2 items-center justify-center", "text-gray-300 hover:text-gray-700 group-hover/sidebar-item:visible dark:text-gray-700 dark:hover:text-gray-50"), onClick: handleTogglePin, children: _jsx(StatusIcon, { status: node.status ?? NodeStatus.UNCHANGED, isDescendenceModified: isDescendenceModified }) }))] }) }) }) }) }));
+};
+const RenderTitle = forwardRef(({ title, searchTerm, isSearchActive, pinnedMode }, ref) => {
+    return (_jsx("div", { ref: ref, className: "truncate text-sm leading-5", children: title.toLowerCase().includes(searchTerm.toLowerCase()) && !pinnedMode ? (_jsx("span", { dangerouslySetInnerHTML: {
+                __html: title.replace(new RegExp(searchTerm, "gi"), (match) => `<span class="${isSearchActive ? "bg-yellow-300 dark:bg-[#604B00]" : "bg-gray-300 dark:bg-charcoal-800"}">${match}</span>`),
+            } })) : (title) }));
+});
+const PinnedModeCircleIcon = ({ isPinned }) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "min-w-4", children: [_jsx("rect", { width: "16", height: "16", rx: "6.4", fill: "transparent" }), _jsx("path", { d: "M12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z", fill: "currentColor", className: isPinned
+                ? "text-gray-500 dark:text-gray-500"
+                : "text-gray-300 dark:text-gray-300" })] }));
+const CaretIcon = ({ node }) => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentcolor", width: "16", height: "16", className: cn("min-w-4", node.isExpanded && node.children && node.children.length > 0
+        ? ""
+        : "-rotate-90", node.children === undefined || node.children.length === 0
+        ? "text-gray-300 dark:text-gray-700"
+        : "text-gray-700 dark:text-gray-400"), children: _jsx("path", { d: "M6 9L12 15L18 9", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+//# sourceMappingURL=sidebar-item.js.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.js","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-item.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-pinning-area.d.ts

@@ -0,0 +1,2 @@
+export declare const SidebarPinningArea: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-pinning-area.d.ts.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-pinning-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-pinning-area.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-pinning-area.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,+CA2B9B,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-pinning-area.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarItem } from "./sidebar-item.js";
+import { useSidebar } from "./sidebar-provider/index.js";
+export const SidebarPinningArea = () => {
+    const { pinnedNodePath, togglePin, activeNodeId, onActiveNodeChange } = useSidebar();
+    return (_jsx("div", { className: "flex flex-col gap-1 border-b border-gray-300 bg-gray-100 px-2 pb-0.5 pt-2 dark:border-gray-800 dark:bg-slate-700", children: pinnedNodePath.map((node, index) => (_jsx(SidebarItem, { node: {
+                ...node,
+                depth: 0,
+                isExpanded: false,
+            }, togglePin: togglePin, searchTerm: "", searchResults: [], activeSearchIndex: 0, allowPinning: true, pinnedMode: true, isPinned: index === pinnedNodePath.length - 1, isActive: activeNodeId === node.id, onChange: onActiveNodeChange }, node.id))) }));
+};
+//# sourceMappingURL=sidebar-pinning-area.js.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-pinning-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-pinning-area.js","sourceRoot":"","sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-pinning-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,EAAE,GACnE,UAAU,EAAE,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAC,kHAAkH,YAC9H,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,WAAW,IAEV,IAAI,EAAE;gBACJ,GAAG,IAAI;gBACP,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,KAAK;aAClB,EACD,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,EAAE,EACd,aAAa,EAAE,EAAE,EACjB,iBAAiB,EAAE,CAAC,EACpB,YAAY,EAAE,IAAI,EAClB,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,EAC7C,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,EAClC,QAAQ,EAAE,kBAAkB,IAdvB,IAAI,CAAC,EAAE,CAeZ,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./sidebar-provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-provider/index.js

@@ -0,0 +1,2 @@
+export * from "./sidebar-provider.js";
+//# sourceMappingURL=index.js.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-provider.d.ts

@@ -0,0 +1,37 @@
+import { type RefObject } from "react";
+import { type List } from "react-virtualized";
+import { type FlattenedNode, type SidebarNode } from "../../types.js";
+type SidebarContextType = {
+    nodes: SidebarNode[];
+    flattenedNodes: FlattenedNode[];
+    expandedNodes: Set<string>;
+    pinnedNodePath: SidebarNode[];
+    maxDepth: number;
+    searchTerm: string;
+    searchResults: SidebarNode[];
+    isSearching: boolean;
+    activeSearchIndex: number;
+    activeNodeId?: string;
+    isStatusFilterEnabled: boolean;
+    virtualListRef: RefObject<List>;
+    toggleNode: (nodeId: string) => void;
+    openNode: (nodeId: string, openPath?: boolean, scrollTo?: boolean) => void;
+    closeNode: (nodeId: string) => void;
+    togglePin: (nodeId: string) => void;
+    openLevel: (level: number) => void;
+    changeSearchTerm: (newTerm: string) => void;
+    nextSearchResult: () => void;
+    previousSearchResult: () => void;
+    setNodes: (newNodes: SidebarNode[]) => void;
+    syncActiveNodeId: (nodeId?: string) => void;
+    onActiveNodeChange: (node: SidebarNode) => void;
+    setActiveNodeChangeCallback: (callback: (node: SidebarNode) => void) => void;
+    toggleStatusFilter: () => void;
+};
+interface SidebarProviderProps extends React.PropsWithChildren {
+    nodes?: SidebarNode[];
+}
+declare const SidebarProvider: ({ children, nodes: initialNodes, }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useSidebar: () => SidebarContextType;
+export { SidebarProvider, useSidebar };
+//# sourceMappingURL=sidebar-provider.d.ts.map

package/dist/src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-provider.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAgBxB,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,WAAW,EAAE,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,cAAc,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAChC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3E,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC5C,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,2BAA2B,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AA8BF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,iBAAiB;IAC5D,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,GAAI,oCAGtB,oBAAoB,4CA6UtB,CAAC;AAEF,QAAA,MAAM,UAAU,0BAAmC,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}