@powerhousedao/design-system 6.1.0-dev.2 → 6.1.0-dev.21

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

@@ -0,0 +1,156 @@
+import { a as PinFilled, o as Pin, s as CaretDown, t as Icon } from "../../../../icon-C4QOpsdI.js";
+import { Tooltip, TooltipProvider as Provider } from "../../tooltip/tooltip.js";
+import { NodeStatus } from "../types.js";
+import { useEllipsis } from "../use-ellipsis.js";
+import { StatusIcon } from "./status-icon.js";
+import { cloneElement, forwardRef, useMemo, useRef } from "react";
+import { twMerge } from "tailwind-merge";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/sidebar-item.tsx
+const TOOLTIP_DELAY = 700;
+const TOOLTIP_DELAY_LONG = 1728e5;
+const SidebarItem = ({ node, toggleNode, togglePin, searchTerm, searchResults, activeSearchIndex, allowPinning, pinnedMode = false, isPinned = false, isActive = false, style, onChange }) => {
+	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) => {
+			if (n.status !== NodeStatus.UNCHANGED && n.status) return true;
+			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 = {
+		...style,
+		paddingLeft
+	};
+	const ellipsisRef = useRef(null);
+	const hasEllipsis = useEllipsis(ellipsisRef);
+	return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(Tooltip, {
+		content: node.title,
+		triggerAsChild: true,
+		side: "bottom",
+		delayDuration: hasEllipsis ? TOOLTIP_DELAY : TOOLTIP_DELAY_LONG,
+		children: /* @__PURE__ */ jsx("div", {
+			style: computedStyle,
+			className: twMerge("group/sidebar-item-wrapper flex w-full items-center", !pinnedMode && "pb-2"),
+			children: /* @__PURE__ */ jsx("div", {
+				tabIndex: 0,
+				"data-testid": "sidebar-item",
+				id: `sidebar-item-${node.id}`,
+				className: twMerge("group/sidebar-item relative flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-gray-700 select-none hover:bg-gray-100 dark:text-slate-400 dark:hover:bg-slate-900", hasStatus && "pr-6", allowPinning && (hasStatus ? "hover:pr-12" : "hover:pr-6"), isPinned && (hasStatus ? "pr-12" : "pr-6"), isSearchActive && "bg-yellow-100 dark:bg-[#604B0033]", pinnedMode && "after:absolute after:-top-2.5 after:left-[15px] after:h-4 after:w-px after:bg-gray-300 first:group-first/sidebar-item-wrapper:after:hidden hover:bg-gray-50 dark:hover:bg-slate-600", isActive && "bg-gray-200 font-medium text-gray-900 hover:bg-gray-200 dark:bg-slate-900 dark:text-slate-50 dark:hover:bg-slate-900", node.className),
+				onClick: () => {
+					toggleNode?.(node.id);
+					onChange?.(node);
+				},
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex max-w-full items-center gap-2",
+					children: [
+						!pinnedMode && /* @__PURE__ */ jsx("div", {
+							className: "-m-2 -mr-1 h-full rounded-md py-2 pr-1 pl-2 hover:bg-gray-200",
+							onClick: (e) => {
+								e.stopPropagation();
+								toggleNode?.(node.id);
+							},
+							children: /* @__PURE__ */ jsx(CaretDown, {
+								width: "16",
+								height: "16",
+								className: twMerge("min-w-4", node.isExpanded && node.children && node.children.length > 0 ? "" : "-rotate-90", node.children === void 0 || node.children.length === 0 ? "text-gray-300 dark:text-slate-500" : "text-gray-700 dark:text-slate-400")
+							})
+						}),
+						IconComponent ? typeof IconComponent === "string" ? /* @__PURE__ */ jsx(Icon, {
+							name: IconComponent,
+							size: 16,
+							className: "min-w-4"
+						}) : /* @__PURE__ */ cloneElement(IconComponent, { className: "min-w-4 w-4" }) : pinnedMode ? /* @__PURE__ */ jsx(PinnedModeCircleIcon, { isPinned }) : null,
+						/* @__PURE__ */ jsx(RenderTitle, {
+							ref: ellipsisRef,
+							title: node.title,
+							searchTerm,
+							isSearchActive,
+							pinnedMode,
+							className: ""
+						}),
+						allowPinning && /* @__PURE__ */ jsx("div", {
+							className: twMerge("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-slate-50 dark:hover:text-blue-900" : "invisible text-gray-300 group-hover/sidebar-item:visible hover:text-gray-700 dark:text-slate-200 dark:hover:text-slate-100"),
+							onClick: (e) => {
+								e.stopPropagation();
+								togglePin(node.id);
+							},
+							children: isPinned ? /* @__PURE__ */ jsx(PinFilled, {
+								width: "16",
+								height: "16"
+							}) : /* @__PURE__ */ jsx(Pin, {
+								width: "16",
+								height: "16"
+							})
+						}),
+						hasStatus && /* @__PURE__ */ jsx("div", {
+							className: twMerge("absolute top-1/2 right-2 flex -translate-y-1/2 items-center justify-center", "text-gray-300 group-hover/sidebar-item:visible hover:text-gray-700 dark:text-slate-600 dark:hover:text-slate-500"),
+							onClick: (e) => {
+								e.stopPropagation();
+								togglePin(node.id);
+							},
+							children: /* @__PURE__ */ jsx(StatusIcon, {
+								status: node.status ?? NodeStatus.UNCHANGED,
+								isDescendenceModified
+							})
+						})
+					]
+				})
+			})
+		})
+	}) });
+};
+const RenderTitle = /* @__PURE__ */ forwardRef(({ title, searchTerm, isSearchActive, pinnedMode, className }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: twMerge("truncate text-sm/5", className),
+		children: searchTerm && title.toLowerCase().includes(searchTerm.toLowerCase()) && !pinnedMode ? (() => {
+			const highlightClass = isSearchActive ? "bg-yellow-300 dark:bg-[#604B00]" : "bg-gray-300 dark:bg-slate-800";
+			const parts = [];
+			let remaining = title;
+			const lowerTerm = searchTerm.toLowerCase();
+			let i = 0;
+			while (remaining.length > 0) {
+				const idx = remaining.toLowerCase().indexOf(lowerTerm);
+				if (idx === -1) {
+					parts.push(remaining);
+					break;
+				}
+				if (idx > 0) parts.push(remaining.slice(0, idx));
+				parts.push(/* @__PURE__ */ jsx("span", {
+					className: highlightClass,
+					children: remaining.slice(idx, idx + searchTerm.length)
+				}, i++));
+				remaining = remaining.slice(idx + searchTerm.length);
+			}
+			return /* @__PURE__ */ jsx(Fragment$1, { children: parts });
+		})() : title
+	});
+});
+RenderTitle.displayName = "RenderTitle";
+const PinnedModeCircleIcon = ({ isPinned }) => /* @__PURE__ */ 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: [/* @__PURE__ */ jsx("rect", {
+		width: "16",
+		height: "16",
+		rx: "6.4",
+		fill: "transparent"
+	}), /* @__PURE__ */ 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-slate-500" : "text-gray-300 dark:text-slate-300"
+	})]
+});
+//#endregion
+export { SidebarItem };
+
+//# sourceMappingURL=sidebar-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.js","names":["cloneElement","forwardRef","useMemo","useRef","twMerge","CaretDown","Pin","PinFilled","Tooltip","TooltipProvider","NodeStatus","useEllipsis","StatusIcon","Icon","TOOLTIP_DELAY","TOOLTIP_DELAY_LONG","SidebarItem","node","toggleNode","togglePin","searchTerm","searchResults","activeSearchIndex","allowPinning","pinnedMode","isPinned","isActive","style","onChange","paddingLeft","depth","isSearchActive","length","id","IconComponent","isExpanded","expandedIcon","icon","isDescendenceModified","check","n","status","UNCHANGED","children","some","child","hasStatus","computedStyle","ellipsisRef","hasEllipsis","title","className","e","stopPropagation","undefined","RenderTitle","ref","toLowerCase","includes","highlightClass","parts","remaining","lowerTerm","i","idx","indexOf","push","slice","displayName","PinnedModeCircleIcon"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-item.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useMemo, useRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport CaretDown from \"../../../../powerhouse/components/icon-components/CaretDown.js\";\nimport Pin from \"../../../../powerhouse/components/icon-components/Pin.js\";\nimport PinFilled from \"../../../../powerhouse/components/icon-components/PinFilled.js\";\nimport { Tooltip, TooltipProvider } from \"../../tooltip/tooltip.js\";\nimport { type FlattenedNode, NodeStatus, type SidebarNode } from \"../types.js\";\nimport { useEllipsis } from \"../use-ellipsis.js\";\nimport { StatusIcon } from \"./status-icon.js\";\nimport { Icon } from \"../../../../powerhouse/index.js\";\n\ninterface SidebarItemProps {\n  node: FlattenedNode;\n  toggleNode?: (nodeId: string) => void;\n  togglePin: (nodeId: string) => void;\n  searchTerm: string;\n  searchResults: SidebarNode[];\n  activeSearchIndex: number;\n  allowPinning: boolean;\n  pinnedMode?: boolean;\n  isPinned?: boolean;\n  isActive?: boolean;\n  style?: React.CSSProperties;\n  onChange?: (node: SidebarNode) => void;\n}\n\nconst TOOLTIP_DELAY = 700;\nconst TOOLTIP_DELAY_LONG = 172800000; // 2 days to simulate no tooltip\n\nexport const SidebarItem = ({\n  node,\n  toggleNode,\n  togglePin,\n  searchTerm,\n  searchResults,\n  activeSearchIndex,\n  allowPinning,\n  pinnedMode = false,\n  isPinned = false,\n  isActive = false,\n  style,\n  onChange,\n}: SidebarItemProps) => {\n  const paddingLeft = node.depth * 24;\n  const isSearchActive =\n    searchResults.length > 0 && searchResults[activeSearchIndex].id === node.id;\n  const IconComponent = node.isExpanded\n    ? (node.expandedIcon ?? node.icon)\n    : node.icon;\n  const isDescendenceModified = useMemo(() => {\n    const check = (n: SidebarNode): boolean => {\n      // Check current node's status first\n      if (n.status !== NodeStatus.UNCHANGED && n.status) {\n        return true;\n      }\n\n      // Then recursively check all children\n      if (n.children && n.children.length > 0) {\n        return n.children.some((child) => check(child));\n      }\n\n      return false;\n    };\n\n    return check(node);\n  }, [node]);\n  const hasStatus =\n    (node.status && node.status !== NodeStatus.UNCHANGED) ||\n    isDescendenceModified;\n\n  const computedStyle = { ...style, paddingLeft };\n\n  // Check if the title has ellipsis to determine if the tooltip should be delayed\n  const ellipsisRef = useRef<HTMLDivElement | null>(null);\n  const hasEllipsis = useEllipsis(ellipsisRef);\n\n  return (\n    <TooltipProvider>\n      <Tooltip\n        content={node.title}\n        triggerAsChild\n        side=\"bottom\"\n        delayDuration={hasEllipsis ? TOOLTIP_DELAY : TOOLTIP_DELAY_LONG}\n      >\n        <div\n          style={computedStyle}\n          className={twMerge(\n            \"group/sidebar-item-wrapper flex w-full items-center\",\n            !pinnedMode && \"pb-2\",\n          )}\n        >\n          <div\n            tabIndex={0}\n            data-testid=\"sidebar-item\"\n            id={`sidebar-item-${node.id}`}\n            className={twMerge(\n              \"group/sidebar-item relative flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-gray-700 select-none hover:bg-gray-100 dark:text-slate-400 dark:hover:bg-slate-900\",\n              hasStatus && \"pr-6\",\n              allowPinning && (hasStatus ? \"hover:pr-12\" : \"hover:pr-6\"),\n              isPinned && (hasStatus ? \"pr-12\" : \"pr-6\"),\n              isSearchActive && \"bg-yellow-100 dark:bg-[#604B0033]\",\n              // line between pinned items\n              pinnedMode &&\n                \"after:absolute after:-top-2.5 after:left-[15px] after:h-4 after:w-px after:bg-gray-300 first:group-first/sidebar-item-wrapper:after:hidden hover:bg-gray-50 dark:hover:bg-slate-600\",\n              isActive &&\n                \"bg-gray-200 font-medium text-gray-900 hover:bg-gray-200 dark:bg-slate-900 dark:text-slate-50 dark:hover:bg-slate-900\",\n              node.className,\n            )}\n            onClick={() => {\n              toggleNode?.(node.id);\n              onChange?.(node);\n            }}\n          >\n            <div className=\"flex max-w-full items-center gap-2\">\n              {!pinnedMode && (\n                <div\n                  className=\"-m-2 -mr-1 h-full rounded-md py-2 pr-1 pl-2 hover:bg-gray-200\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    toggleNode?.(node.id);\n                  }}\n                >\n                  <CaretDown\n                    width=\"16\"\n                    height=\"16\"\n                    className={twMerge(\n                      \"min-w-4\",\n                      node.isExpanded &&\n                        node.children &&\n                        node.children.length > 0\n                        ? \"\"\n                        : \"-rotate-90\",\n                      node.children === undefined || node.children.length === 0\n                        ? \"text-gray-300 dark:text-slate-500\"\n                        : \"text-gray-700 dark:text-slate-400\",\n                    )}\n                  />\n                </div>\n              )}\n\n              {IconComponent ? (\n                typeof IconComponent === \"string\" ? (\n                  <Icon name={IconComponent} size={16} className=\"min-w-4\" />\n                ) : (\n                  // @ts-expect-error -- this is a workaround\n                  cloneElement(IconComponent, { className: \"min-w-4 w-4\" })\n                )\n              ) : pinnedMode ? (\n                <PinnedModeCircleIcon isPinned={isPinned} />\n              ) : null}\n\n              <RenderTitle\n                ref={ellipsisRef}\n                title={node.title}\n                searchTerm={searchTerm}\n                isSearchActive={isSearchActive}\n                pinnedMode={pinnedMode}\n                className=\"\"\n              />\n\n              {allowPinning && (\n                <div\n                  className={twMerge(\n                    \"absolute top-1/2 flex -translate-y-1/2 items-center justify-center\",\n                    hasStatus ? \"right-8\" : \"right-2\",\n                    isPinned\n                      ? \"text-gray-700 hover:text-blue-900 dark:text-slate-50 dark:hover:text-blue-900\"\n                      : \"invisible text-gray-300 group-hover/sidebar-item:visible hover:text-gray-700 dark:text-slate-200 dark:hover:text-slate-100\",\n                  )}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    togglePin(node.id);\n                  }}\n                >\n                  {isPinned ? (\n                    <PinFilled width=\"16\" height=\"16\" />\n                  ) : (\n                    <Pin width=\"16\" height=\"16\" />\n                  )}\n                </div>\n              )}\n              {hasStatus && (\n                <div\n                  className={twMerge(\n                    \"absolute top-1/2 right-2 flex -translate-y-1/2 items-center justify-center\",\n                    \"text-gray-300 group-hover/sidebar-item:visible hover:text-gray-700 dark:text-slate-600 dark:hover:text-slate-500\",\n                  )}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    togglePin(node.id);\n                  }}\n                >\n                  <StatusIcon\n                    status={node.status ?? NodeStatus.UNCHANGED}\n                    isDescendenceModified={isDescendenceModified}\n                  />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nconst RenderTitle = forwardRef<\n  HTMLDivElement,\n  {\n    title: string;\n    searchTerm: string;\n    isSearchActive: boolean;\n    pinnedMode: boolean;\n    className?: string;\n  }\n>(({ title, searchTerm, isSearchActive, pinnedMode, className }, ref) => {\n  return (\n    <div ref={ref} className={twMerge(\"truncate text-sm/5\", className)}>\n      {searchTerm &&\n      title.toLowerCase().includes(searchTerm.toLowerCase()) &&\n      !pinnedMode\n        ? (() => {\n            const highlightClass = isSearchActive\n              ? \"bg-yellow-300 dark:bg-[#604B00]\"\n              : \"bg-gray-300 dark:bg-slate-800\";\n            const parts: React.ReactNode[] = [];\n            let remaining = title;\n            const lowerTerm = searchTerm.toLowerCase();\n            let i = 0;\n            while (remaining.length > 0) {\n              const idx = remaining.toLowerCase().indexOf(lowerTerm);\n              if (idx === -1) {\n                parts.push(remaining);\n                break;\n              }\n              if (idx > 0) parts.push(remaining.slice(0, idx));\n              parts.push(\n                <span key={i++} className={highlightClass}>\n                  {remaining.slice(idx, idx + searchTerm.length)}\n                </span>,\n              );\n              remaining = remaining.slice(idx + searchTerm.length);\n            }\n            return <>{parts}</>;\n          })()\n        : title}\n    </div>\n  );\n});\n\nRenderTitle.displayName = \"RenderTitle\";\n\nconst PinnedModeCircleIcon = ({ isPinned }: { isPinned: boolean }) => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"min-w-4\"\n  >\n    <rect width=\"16\" height=\"16\" rx=\"6.4\" fill=\"transparent\" />\n    <path\n      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\"\n      fill=\"currentColor\"\n      className={\n        isPinned\n          ? \"text-gray-500 dark:text-slate-500\"\n          : \"text-gray-300 dark:text-slate-300\"\n      }\n    />\n  </svg>\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/components/sidebar/subcomponents/sidebar-pinning-area.d.ts
+declare const SidebarPinningArea: () => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SidebarPinningArea };
+//# sourceMappingURL=sidebar-pinning-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-pinning-area.d.ts","names":[],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-pinning-area.tsx"],"mappings":";;;cAGa,kBAAA,QAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-pinning-area.js","names":["SidebarItem","useSidebar","SidebarPinningArea","pinnedNodePath","togglePin","activeNodeId","onActiveNodeChange","map","node","index","id","depth","isExpanded","length"],"sources":["../../../../../src/ui/components/sidebar/subcomponents/sidebar-pinning-area.tsx"],"sourcesContent":["import { SidebarItem } from \"./sidebar-item.js\";\nimport { useSidebar } from \"./sidebar-provider/index.js\";\n\nexport const SidebarPinningArea = () => {\n  const { pinnedNodePath, togglePin, activeNodeId, onActiveNodeChange } =\n    useSidebar();\n\n  return (\n    <div className=\"flex flex-col gap-1 border-b border-gray-300 bg-gray-100 px-2 pt-2 pb-0.5 dark:border-slate-800 dark:bg-slate-700\">\n      {pinnedNodePath.map((node, index) => (\n        <SidebarItem\n          key={node.id}\n          node={{\n            ...node,\n            depth: 0,\n            isExpanded: false,\n          }}\n          togglePin={togglePin}\n          searchTerm=\"\"\n          searchResults={[]}\n          activeSearchIndex={0}\n          allowPinning={true}\n          pinnedMode={true}\n          isPinned={index === pinnedNodePath.length - 1}\n          isActive={activeNodeId === node.id}\n          onChange={onActiveNodeChange}\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,MAAaE,2BAA2B;CACtC,MAAM,EAAEC,gBAAgBC,WAAWC,cAAcC,uBAC/CL,YAAY;AAEd,QACE,oBAAC,OAAD;EAAK,WAAU;YACZE,eAAeI,KAAKC,MAAMC,UACzB,oBAAC,aAAD;GAEE,MAAM;IACJ,GAAGD;IACHG,OAAO;IACPC,YAAY;IACb;GACUR;GACX,YAAW;GACX,eAAe,EAAE;GACjB,mBAAmB;GACnB,cAAc;GACd,YAAY;GACZ,UAAUK,UAAUN,eAAeU,SAAS;GAC5C,UAAUR,iBAAiBG,KAAKE;GAChC,UAAUJ;GAEb,EAhBQE,KAAKE,GAgBb,CAAC;EACE,CAAA"}

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

@@ -0,0 +1,2 @@
+import { n as useSidebar, t as SidebarProvider } from "../../../../../sidebar-provider-C2eyz9TL.js";
+export { SidebarProvider, useSidebar };

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

@@ -0,0 +1,2 @@
+import { SidebarProvider, useSidebar } from "./sidebar-provider.js";
+export { SidebarProvider, useSidebar };

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

@@ -0,0 +1,2 @@
+import { n as useSidebar, t as SidebarProvider } from "../../../../../sidebar-provider-C2eyz9TL.js";
+export { SidebarProvider, useSidebar };

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

@@ -0,0 +1,268 @@
+import { NodeStatus } from "../../types.js";
+import { filterStatuses, getMaxDepth, getNodePath, getOpenLevels, isOpenLevel, nodesSearch, sortNodes } from "../../utils.js";
+import { SidebarActionType, initialSidebarState, sidebarReducer } from "./sidebar-reducer.js";
+import { createContext, createRef, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-provider.tsx
+const SidebarContext = /* @__PURE__ */ createContext({
+	nodes: [],
+	flattenedNodes: [],
+	expandedNodes: /* @__PURE__ */ new Set(),
+	pinnedNodePath: [],
+	maxDepth: 4,
+	searchTerm: "",
+	searchResults: [],
+	isSearching: false,
+	activeSearchIndex: 0,
+	activeNodeId: void 0,
+	isStatusFilterEnabled: false,
+	nodeSortType: void 0,
+	nodeSortOrder: "asc",
+	virtualListRef: /* @__PURE__ */ createRef(),
+	toggleNode: () => void 0,
+	openNode: () => void 0,
+	closeNode: () => void 0,
+	togglePin: () => void 0,
+	openLevel: () => void 0,
+	changeSearchTerm: () => void 0,
+	nextSearchResult: () => void 0,
+	previousSearchResult: () => void 0,
+	setNodes: () => void 0,
+	syncActiveNodeId: () => void 0,
+	onActiveNodeChange: () => void 0,
+	setActiveNodeChangeCallback: () => void 0,
+	toggleStatusFilter: () => void 0
+});
+const SidebarProvider = ({ children, nodes: initialNodes }) => {
+	const [_state, dispatch] = useReducer(sidebarReducer, {
+		...initialSidebarState,
+		nodes: initialNodes || []
+	});
+	const stateRef = useRef(_state);
+	const flattenedNodesRef = useRef([]);
+	useEffect(() => {
+		stateRef.current = _state;
+	}, [_state]);
+	const virtualListRef = useRef(null);
+	const [onActiveNodeChange, setOnActiveNodeChange] = useState(() => () => void 0);
+	const currentRoots = useMemo(() => {
+		let roots = _state.nodes;
+		if (_state.pinnedNodePath.length > 0) roots = _state.pinnedNodePath[_state.pinnedNodePath.length - 1].children ?? [];
+		if (_state.isStatusFilterEnabled) roots = filterStatuses(roots, [
+			NodeStatus.CREATED,
+			NodeStatus.MODIFIED,
+			NodeStatus.REMOVED,
+			NodeStatus.MOVED,
+			NodeStatus.DUPLICATED
+		]);
+		if (_state.nodeSortType !== void 0) return sortNodes(roots, _state.nodeSortType, _state.nodeSortOrder);
+		return roots;
+	}, [
+		_state.nodes,
+		_state.pinnedNodePath,
+		_state.isStatusFilterEnabled,
+		_state.nodeSortType,
+		_state.nodeSortOrder
+	]);
+	const flattenTree = useCallback((nodes) => {
+		const flattened = [];
+		const dfs = (node, depth) => {
+			const flatNode = {
+				...node,
+				depth,
+				isExpanded: _state.expandedNodes.has(node.id)
+			};
+			flattened.push(flatNode);
+			if (Array.isArray(node.children) && _state.expandedNodes.has(node.id)) for (const child of node.children) dfs(child, depth + 1);
+		};
+		for (const node of nodes) dfs(node, 0);
+		return flattened;
+	}, [_state.expandedNodes]);
+	const flattenedNodes = useMemo(() => {
+		return flattenTree(currentRoots);
+	}, [currentRoots, flattenTree]);
+	useEffect(() => {
+		flattenedNodesRef.current = flattenedNodes;
+	}, [flattenedNodes]);
+	const setActiveNodeChangeCallback = useCallback((callback) => {
+		setOnActiveNodeChange(() => callback);
+	}, []);
+	const syncActiveNodeId = useCallback((nodeId) => {
+		dispatch({
+			type: SidebarActionType.SYNC_ACTIVE_NODE_ID,
+			payload: nodeId
+		});
+	}, []);
+	const openPathToNode = useCallback((nodeId) => {
+		const nodePath = getNodePath(currentRoots, nodeId);
+		if (nodePath) for (const node of nodePath) dispatch({
+			type: SidebarActionType.OPEN_NODE,
+			payload: node.id
+		});
+	}, [currentRoots]);
+	const toggleNode = useCallback((nodeId) => {
+		dispatch({
+			type: SidebarActionType.TOGGLE_NODE,
+			payload: nodeId
+		});
+	}, []);
+	const openNode = useCallback((nodeId, openPath, scrollTo) => {
+		dispatch({
+			type: SidebarActionType.OPEN_NODE,
+			payload: nodeId
+		});
+		if (openPath) openPathToNode(nodeId);
+		if (scrollTo) {
+			const nodeIndex = flattenedNodesRef.current.findIndex((node) => node.id === nodeId);
+			setTimeout(() => {
+				virtualListRef.current?.scrollToRow(nodeIndex);
+			}, 100);
+		}
+	}, [openPathToNode]);
+	const closeNode = useCallback((nodeId) => {
+		dispatch({
+			type: SidebarActionType.CLOSE_NODE,
+			payload: nodeId
+		});
+	}, []);
+	const maxDepth = useMemo(() => {
+		if (_state.pinnedNodePath.length > 0) return getMaxDepth(_state.pinnedNodePath[_state.pinnedNodePath.length - 1].children ?? []);
+		return getMaxDepth(_state.nodes);
+	}, [_state.nodes, _state.pinnedNodePath]);
+	const togglePin = useCallback((nodeId) => {
+		const nodePath = stateRef.current.pinnedNodePath.length > 0 && stateRef.current.pinnedNodePath[stateRef.current.pinnedNodePath.length - 1].id === nodeId ? [] : getNodePath(stateRef.current.nodes, nodeId) ?? [];
+		dispatch({
+			type: SidebarActionType.SET_PINNED_NODE_PATH,
+			payload: nodePath
+		});
+	}, []);
+	const openLevel = useCallback((targetLevel) => {
+		if (isOpenLevel(currentRoots, stateRef.current.expandedNodes, targetLevel - 1)) dispatch({
+			type: SidebarActionType.SET_EXPANDED_NODES,
+			payload: /* @__PURE__ */ new Set()
+		});
+		else dispatch({
+			type: SidebarActionType.SET_EXPANDED_NODES,
+			payload: getOpenLevels(currentRoots, targetLevel)
+		});
+	}, [currentRoots]);
+	const toggleStatusFilter = useCallback(() => {
+		dispatch({ type: SidebarActionType.TOGGLE_STATUS_FILTER });
+	}, []);
+	const [activeSearchIndex, setActiveSearchIndex] = useState(0);
+	useEffect(() => {
+		const DEBOUNCE_MS = 300;
+		let timeoutId;
+		if (_state.searchTerm) {
+			dispatch({
+				type: SidebarActionType.SET_IS_SEARCHING,
+				payload: true
+			});
+			timeoutId = setTimeout(() => {
+				const results = nodesSearch(currentRoots, _state.searchTerm, "dfs");
+				dispatch({
+					type: SidebarActionType.SET_SEARCH_RESULTS,
+					payload: results
+				});
+				setActiveSearchIndex(0);
+				if (results.length > 0) openPathToNode(results[0].id);
+				dispatch({
+					type: SidebarActionType.SET_IS_SEARCHING,
+					payload: false
+				});
+			}, DEBOUNCE_MS);
+		} else {
+			dispatch({
+				type: SidebarActionType.SET_SEARCH_RESULTS,
+				payload: []
+			});
+			dispatch({
+				type: SidebarActionType.SET_IS_SEARCHING,
+				payload: false
+			});
+		}
+		return () => {
+			clearTimeout(timeoutId);
+		};
+	}, [
+		currentRoots,
+		_state.searchTerm,
+		openPathToNode
+	]);
+	useEffect(() => {
+		if (stateRef.current.searchResults.length > 0 && activeSearchIndex >= 0 && activeSearchIndex < stateRef.current.searchResults.length) {
+			const { id } = stateRef.current.searchResults[activeSearchIndex];
+			for (let i = 0; i < flattenedNodesRef.current.length; i++) if (flattenedNodesRef.current[i].id === id) {
+				virtualListRef.current?.scrollToRow(i);
+				break;
+			}
+		}
+	}, [activeSearchIndex]);
+	const nextSearchResult = useCallback(() => {
+		const nextIndex = Math.min(stateRef.current.searchResults.length - 1, activeSearchIndex + 1);
+		if (nextIndex !== activeSearchIndex) {
+			openPathToNode(stateRef.current.searchResults[nextIndex].id);
+			setActiveSearchIndex(nextIndex);
+		}
+	}, [activeSearchIndex, openPathToNode]);
+	const previousSearchResult = useCallback(() => {
+		const previousIndex = Math.max(0, activeSearchIndex - 1);
+		if (previousIndex !== activeSearchIndex) {
+			openPathToNode(stateRef.current.searchResults[previousIndex].id);
+			setActiveSearchIndex(previousIndex);
+		}
+	}, [activeSearchIndex, openPathToNode]);
+	const setNodes = useCallback((newNodes, sortType, sortOrder) => {
+		dispatch({
+			type: SidebarActionType.SET_NODES,
+			payload: {
+				nodes: newNodes,
+				sortType,
+				sortOrder
+			}
+		});
+	}, [dispatch]);
+	const changeSearchTerm = useCallback((newTerm) => {
+		dispatch({
+			type: SidebarActionType.CHANGE_SEARCH_TERM,
+			payload: newTerm
+		});
+	}, [dispatch]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: {
+			nodes: _state.nodes,
+			flattenedNodes,
+			expandedNodes: _state.expandedNodes,
+			pinnedNodePath: _state.pinnedNodePath,
+			maxDepth,
+			searchTerm: _state.searchTerm,
+			searchResults: _state.searchResults,
+			isSearching: _state.isSearching,
+			activeSearchIndex,
+			isStatusFilterEnabled: _state.isStatusFilterEnabled,
+			nodeSortType: _state.nodeSortType,
+			nodeSortOrder: _state.nodeSortOrder,
+			virtualListRef,
+			toggleNode,
+			openNode,
+			closeNode,
+			togglePin,
+			openLevel,
+			changeSearchTerm,
+			nextSearchResult,
+			previousSearchResult,
+			setNodes,
+			activeNodeId: _state.activeNodeId,
+			syncActiveNodeId,
+			onActiveNodeChange,
+			setActiveNodeChangeCallback,
+			toggleStatusFilter
+		},
+		children
+	});
+};
+const useSidebar = () => useContext(SidebarContext);
+//#endregion
+export { SidebarProvider, useSidebar };
+
+//# sourceMappingURL=sidebar-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-provider.js","names":["createContext","createRef","useCallback","useContext","useEffect","useMemo","useReducer","useRef","useState","NodeStatus","filterStatuses","getMaxDepth","getNodePath","getOpenLevels","isOpenLevel","nodesSearch","sortNodes","initialSidebarState","SidebarActionType","sidebarReducer","SidebarContext","nodes","flattenedNodes","expandedNodes","Set","pinnedNodePath","maxDepth","searchTerm","searchResults","isSearching","activeSearchIndex","activeNodeId","undefined","isStatusFilterEnabled","nodeSortType","nodeSortOrder","virtualListRef","toggleNode","openNode","closeNode","togglePin","openLevel","changeSearchTerm","nextSearchResult","previousSearchResult","setNodes","syncActiveNodeId","onActiveNodeChange","setActiveNodeChangeCallback","toggleStatusFilter","SidebarProvider","children","initialNodes","_state","dispatch","stateRef","flattenedNodesRef","current","setOnActiveNodeChange","currentRoots","roots","length","CREATED","MODIFIED","REMOVED","MOVED","DUPLICATED","flattenTree","flattened","dfs","node","depth","flatNode","isExpanded","has","id","push","Array","isArray","child","callback","nodeId","type","SYNC_ACTIVE_NODE_ID","payload","openPathToNode","nodePath","OPEN_NODE","TOGGLE_NODE","openPath","scrollTo","nodeIndex","findIndex","setTimeout","scrollToRow","CLOSE_NODE","isPinned","SET_PINNED_NODE_PATH","targetLevel","isTargetLevelOpen","SET_EXPANDED_NODES","TOGGLE_STATUS_FILTER","setActiveSearchIndex","DEBOUNCE_MS","timeoutId","SET_IS_SEARCHING","results","SET_SEARCH_RESULTS","clearTimeout","i","nextIndex","Math","min","previousIndex","max","newNodes","sortType","sortOrder","SET_NODES","newTerm","CHANGE_SEARCH_TERM","useSidebar"],"sources":["../../../../../../src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  createRef,\n  type RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport type { List } from \"react-virtualized\";\nimport {\n  type FlattenedNode,\n  type NodeSortOrder,\n  type NodeSortType,\n  NodeStatus,\n  type SidebarNode,\n} from \"../../types.js\";\nimport {\n  filterStatuses,\n  getMaxDepth,\n  getNodePath,\n  getOpenLevels,\n  isOpenLevel,\n  nodesSearch,\n  sortNodes,\n} from \"../../utils.js\";\nimport {\n  initialSidebarState,\n  SidebarActionType,\n  sidebarReducer,\n  type SidebarState,\n} from \"./sidebar-reducer.js\";\n\ninterface SidebarContextType {\n  nodes: SidebarNode[];\n  flattenedNodes: FlattenedNode[];\n  expandedNodes: Set<string>;\n  pinnedNodePath: SidebarNode[];\n  maxDepth: number;\n  searchTerm: string;\n  searchResults: SidebarNode[];\n  isSearching: boolean;\n  activeSearchIndex: number;\n  activeNodeId?: string;\n  isStatusFilterEnabled: boolean;\n  nodeSortType?: NodeSortType;\n  nodeSortOrder: NodeSortOrder;\n  virtualListRef: RefObject<List | null>;\n  toggleNode: (nodeId: string) => void;\n  openNode: (nodeId: string, openPath?: boolean, scrollTo?: boolean) => void;\n  closeNode: (nodeId: string) => void;\n  togglePin: (nodeId: string) => void;\n  openLevel: (level: number) => void;\n  changeSearchTerm: (newTerm: string) => void;\n  nextSearchResult: () => void;\n  previousSearchResult: () => void;\n  setNodes: (\n    newNodes: SidebarNode[],\n    sortType?: NodeSortType,\n    sortOrder?: NodeSortOrder,\n  ) => void;\n  syncActiveNodeId: (nodeId?: string) => void;\n  onActiveNodeChange: (node: SidebarNode) => void;\n  setActiveNodeChangeCallback: (callback: (node: SidebarNode) => void) => void;\n  toggleStatusFilter: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextType>({\n  nodes: [],\n  flattenedNodes: [],\n  expandedNodes: new Set<string>(),\n  pinnedNodePath: [],\n  maxDepth: 4,\n  searchTerm: \"\",\n  searchResults: [],\n  isSearching: false,\n  activeSearchIndex: 0,\n  activeNodeId: undefined,\n  isStatusFilterEnabled: false,\n  nodeSortType: undefined,\n  nodeSortOrder: \"asc\",\n  virtualListRef: createRef<List>(),\n  toggleNode: () => undefined,\n  openNode: () => undefined,\n  closeNode: () => undefined,\n  togglePin: () => undefined,\n  openLevel: () => undefined,\n  changeSearchTerm: () => undefined,\n  nextSearchResult: () => undefined,\n  previousSearchResult: () => undefined,\n  setNodes: () => undefined,\n  syncActiveNodeId: () => undefined,\n  onActiveNodeChange: () => undefined,\n  setActiveNodeChangeCallback: () => undefined,\n  toggleStatusFilter: () => undefined,\n});\n\ninterface SidebarProviderProps extends React.PropsWithChildren {\n  nodes?: SidebarNode[];\n}\n\nconst SidebarProvider = ({\n  children,\n  nodes: initialNodes,\n}: SidebarProviderProps) => {\n  const [_state, dispatch] = useReducer(sidebarReducer, {\n    ...initialSidebarState,\n    nodes: initialNodes || [],\n  });\n  // Stable snapshots for callbacks that read state without triggering re-renders\n  const stateRef = useRef<SidebarState>(_state);\n  const flattenedNodesRef = useRef<FlattenedNode[]>([]);\n  useEffect(() => {\n    stateRef.current = _state;\n  }, [_state]);\n\n  const virtualListRef = useRef<List>(null);\n  const [onActiveNodeChange, setOnActiveNodeChange] = useState<\n    (nodeId: SidebarNode) => void\n  >(() => () => undefined);\n\n  const currentRoots = useMemo(() => {\n    let roots = _state.nodes;\n    if (_state.pinnedNodePath.length > 0) {\n      roots =\n        _state.pinnedNodePath[_state.pinnedNodePath.length - 1].children ?? [];\n    }\n    if (_state.isStatusFilterEnabled) {\n      roots = filterStatuses(roots, [\n        NodeStatus.CREATED,\n        NodeStatus.MODIFIED,\n        NodeStatus.REMOVED,\n        NodeStatus.MOVED,\n        NodeStatus.DUPLICATED,\n      ]);\n    }\n    if (_state.nodeSortType !== undefined) {\n      return sortNodes(roots, _state.nodeSortType, _state.nodeSortOrder);\n    }\n    return roots;\n  }, [\n    _state.nodes,\n    _state.pinnedNodePath,\n    _state.isStatusFilterEnabled,\n    _state.nodeSortType,\n    _state.nodeSortOrder,\n  ]);\n\n  const flattenTree = useCallback(\n    (nodes: SidebarNode[]): FlattenedNode[] => {\n      const flattened: FlattenedNode[] = [];\n\n      const dfs = (node: SidebarNode, depth: number) => {\n        const flatNode: FlattenedNode = {\n          ...node,\n          depth,\n          isExpanded: _state.expandedNodes.has(node.id),\n        };\n        flattened.push(flatNode);\n\n        if (Array.isArray(node.children) && _state.expandedNodes.has(node.id)) {\n          for (const child of node.children) {\n            dfs(child, depth + 1);\n          }\n        }\n      };\n\n      for (const node of nodes) {\n        dfs(node, 0);\n      }\n\n      return flattened;\n    },\n    [_state.expandedNodes],\n  );\n\n  const flattenedNodes = useMemo(() => {\n    return flattenTree(currentRoots);\n  }, [currentRoots, flattenTree]);\n\n  useEffect(() => {\n    flattenedNodesRef.current = flattenedNodes;\n  }, [flattenedNodes]);\n\n  const setActiveNodeChangeCallback = useCallback(\n    (callback: (node: SidebarNode) => void) => {\n      setOnActiveNodeChange(() => callback);\n    },\n    [],\n  );\n\n  const syncActiveNodeId = useCallback((nodeId?: string) => {\n    dispatch({\n      type: SidebarActionType.SYNC_ACTIVE_NODE_ID,\n      payload: nodeId,\n    });\n  }, []);\n\n  const openPathToNode = useCallback(\n    (nodeId: string) => {\n      const nodePath = getNodePath(currentRoots, nodeId);\n      if (nodePath) {\n        for (const node of nodePath) {\n          dispatch({\n            type: SidebarActionType.OPEN_NODE,\n            payload: node.id,\n          });\n        }\n      }\n    },\n    [currentRoots],\n  );\n\n  const toggleNode = useCallback((nodeId: string) => {\n    dispatch({\n      type: SidebarActionType.TOGGLE_NODE,\n      payload: nodeId,\n    });\n  }, []);\n\n  const openNode = useCallback(\n    (nodeId: string, openPath?: boolean, scrollTo?: boolean) => {\n      dispatch({\n        type: SidebarActionType.OPEN_NODE,\n        payload: nodeId,\n      });\n      if (openPath) {\n        openPathToNode(nodeId);\n      }\n      if (scrollTo) {\n        const nodeIndex = flattenedNodesRef.current.findIndex(\n          (node) => node.id === nodeId,\n        );\n        setTimeout(() => {\n          virtualListRef.current?.scrollToRow(nodeIndex);\n        }, 100);\n      }\n    },\n    [openPathToNode],\n  );\n\n  const closeNode = useCallback((nodeId: string) => {\n    dispatch({\n      type: SidebarActionType.CLOSE_NODE,\n      payload: nodeId,\n    });\n  }, []);\n\n  const maxDepth = useMemo(() => {\n    if (_state.pinnedNodePath.length > 0) {\n      return getMaxDepth(\n        _state.pinnedNodePath[_state.pinnedNodePath.length - 1].children ?? [],\n      );\n    }\n    return getMaxDepth(_state.nodes);\n  }, [_state.nodes, _state.pinnedNodePath]);\n\n  const togglePin = useCallback((nodeId: string) => {\n    const isPinned =\n      stateRef.current.pinnedNodePath.length > 0 &&\n      stateRef.current.pinnedNodePath[\n        stateRef.current.pinnedNodePath.length - 1\n      ].id === nodeId;\n\n    const nodePath = isPinned\n      ? [] // unpin\n      : (getNodePath(stateRef.current.nodes, nodeId) ?? []);\n    dispatch({\n      type: SidebarActionType.SET_PINNED_NODE_PATH,\n      payload: nodePath,\n    });\n  }, []);\n\n  const openLevel = useCallback(\n    (targetLevel: number) => {\n      const isTargetLevelOpen = isOpenLevel(\n        currentRoots,\n        stateRef.current.expandedNodes,\n        targetLevel - 1,\n      );\n\n      if (isTargetLevelOpen) {\n        dispatch({\n          type: SidebarActionType.SET_EXPANDED_NODES,\n          payload: new Set(),\n        });\n      } else {\n        dispatch({\n          type: SidebarActionType.SET_EXPANDED_NODES,\n          payload: getOpenLevels(currentRoots, targetLevel),\n        });\n      }\n    },\n    [currentRoots],\n  );\n\n  const toggleStatusFilter = useCallback(() => {\n    dispatch({\n      type: SidebarActionType.TOGGLE_STATUS_FILTER,\n    });\n  }, []);\n\n  const [activeSearchIndex, setActiveSearchIndex] = useState(0);\n\n  useEffect(() => {\n    const DEBOUNCE_MS = 300;\n    let timeoutId: NodeJS.Timeout;\n\n    if (_state.searchTerm) {\n      dispatch({ type: SidebarActionType.SET_IS_SEARCHING, payload: true });\n\n      timeoutId = setTimeout(() => {\n        const results = nodesSearch(currentRoots, _state.searchTerm, \"dfs\");\n        dispatch({\n          type: SidebarActionType.SET_SEARCH_RESULTS,\n          payload: results,\n        });\n        setActiveSearchIndex(0);\n        if (results.length > 0) {\n          openPathToNode(results[0].id);\n        }\n        dispatch({ type: SidebarActionType.SET_IS_SEARCHING, payload: false });\n      }, DEBOUNCE_MS);\n    } else {\n      dispatch({ type: SidebarActionType.SET_SEARCH_RESULTS, payload: [] });\n      dispatch({ type: SidebarActionType.SET_IS_SEARCHING, payload: false });\n    }\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [currentRoots, _state.searchTerm, openPathToNode]);\n\n  useEffect(() => {\n    if (\n      stateRef.current.searchResults.length > 0 &&\n      activeSearchIndex >= 0 &&\n      activeSearchIndex < stateRef.current.searchResults.length\n    ) {\n      const { id } = stateRef.current.searchResults[activeSearchIndex];\n      for (let i = 0; i < flattenedNodesRef.current.length; i++) {\n        if (flattenedNodesRef.current[i].id === id) {\n          virtualListRef.current?.scrollToRow(i);\n          break;\n        }\n      }\n    }\n  }, [activeSearchIndex]);\n\n  const nextSearchResult = useCallback(() => {\n    const nextIndex = Math.min(\n      stateRef.current.searchResults.length - 1,\n      activeSearchIndex + 1,\n    );\n    if (nextIndex !== activeSearchIndex) {\n      openPathToNode(stateRef.current.searchResults[nextIndex].id);\n      setActiveSearchIndex(nextIndex);\n    }\n  }, [activeSearchIndex, openPathToNode]);\n\n  const previousSearchResult = useCallback(() => {\n    const previousIndex = Math.max(0, activeSearchIndex - 1);\n    if (previousIndex !== activeSearchIndex) {\n      openPathToNode(stateRef.current.searchResults[previousIndex].id);\n      setActiveSearchIndex(previousIndex);\n    }\n  }, [activeSearchIndex, openPathToNode]);\n\n  const setNodes = useCallback(\n    (\n      newNodes: SidebarNode[],\n      sortType?: NodeSortType,\n      sortOrder?: NodeSortOrder,\n    ) => {\n      dispatch({\n        type: SidebarActionType.SET_NODES,\n        payload: { nodes: newNodes, sortType, sortOrder },\n      });\n    },\n    [dispatch],\n  );\n\n  const changeSearchTerm = useCallback(\n    (newTerm: string) => {\n      dispatch({\n        type: SidebarActionType.CHANGE_SEARCH_TERM,\n        payload: newTerm,\n      });\n    },\n    [dispatch],\n  );\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        nodes: _state.nodes,\n        flattenedNodes,\n        expandedNodes: _state.expandedNodes,\n        pinnedNodePath: _state.pinnedNodePath,\n        maxDepth,\n        searchTerm: _state.searchTerm,\n        searchResults: _state.searchResults,\n        isSearching: _state.isSearching,\n        activeSearchIndex,\n        isStatusFilterEnabled: _state.isStatusFilterEnabled,\n        nodeSortType: _state.nodeSortType,\n        nodeSortOrder: _state.nodeSortOrder,\n        virtualListRef,\n        toggleNode,\n        openNode,\n        closeNode,\n        togglePin,\n        openLevel,\n        changeSearchTerm,\n        nextSearchResult,\n        previousSearchResult,\n        setNodes,\n        activeNodeId: _state.activeNodeId,\n        syncActiveNodeId,\n        onActiveNodeChange,\n        setActiveNodeChangeCallback,\n        toggleStatusFilter,\n      }}\n    >\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n\nconst useSidebar = () => useContext(SidebarContext);\n\nexport { SidebarProvider, useSidebar };\n"],"mappings":"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"}

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

@@ -0,0 +1,92 @@
+import { i as NodeSortType, r as NodeSortOrder, s as SidebarNode } from "../../../../../types-CNbvfWjh.js";
+
+//#region src/ui/components/sidebar/subcomponents/sidebar-provider/sidebar-reducer.d.ts
+interface SidebarState {
+  nodes: SidebarNode[];
+  expandedNodes: Set<string>;
+  pinnedNodePath: SidebarNode[];
+  searchTerm: string;
+  searchResults: SidebarNode[];
+  isSearching: boolean;
+  activeSearchIndex: number;
+  activeNodeId?: string;
+  isStatusFilterEnabled: boolean;
+  nodeSortType?: NodeSortType;
+  nodeSortOrder: NodeSortOrder;
+}
+declare const initialSidebarState: SidebarState;
+declare enum SidebarActionType {
+  SET_NODES = "SET_NODES",
+  TOGGLE_NODE = "TOGGLE_NODE",
+  OPEN_NODE = "OPEN_NODE",
+  CLOSE_NODE = "CLOSE_NODE",
+  CHANGE_SEARCH_TERM = "CHANGE_SEARCH_TERM",
+  SET_SEARCH_RESULTS = "SET_SEARCH_RESULTS",
+  SET_IS_SEARCHING = "SET_IS_SEARCHING",
+  SYNC_ACTIVE_NODE_ID = "SYNC_ACTIVE_NODE_ID",
+  TOGGLE_STATUS_FILTER = "TOGGLE_STATUS_FILTER",
+  SET_PINNED_NODE_PATH = "SET_PINNED_NODE_PATH",
+  SET_EXPANDED_NODES = "SET_EXPANDED_NODES",
+  SET_NODES_SORT_TYPE = "SET_NODES_SORT_TYPE",
+  SET_NODES_SORT_ORDER = "SET_NODES_SORT_ORDER"
+}
+interface SetNodesAction {
+  type: SidebarActionType.SET_NODES;
+  payload: {
+    nodes: SidebarNode[];
+    sortType?: NodeSortType;
+    sortOrder?: NodeSortOrder;
+  };
+}
+interface ToggleNodeAction {
+  type: SidebarActionType.TOGGLE_NODE;
+  payload: string;
+}
+interface OpenNodeAction {
+  type: SidebarActionType.OPEN_NODE;
+  payload: string;
+}
+interface CloseNodeAction {
+  type: SidebarActionType.CLOSE_NODE;
+  payload: string;
+}
+interface ChangeSearchTermAction {
+  type: SidebarActionType.CHANGE_SEARCH_TERM;
+  payload: string;
+}
+interface SetSearchResultsAction {
+  type: SidebarActionType.SET_SEARCH_RESULTS;
+  payload: SidebarNode[];
+}
+interface SetIsSearchingAction {
+  type: SidebarActionType.SET_IS_SEARCHING;
+  payload: boolean;
+}
+interface SyncActiveNodeIdAction {
+  type: SidebarActionType.SYNC_ACTIVE_NODE_ID;
+  payload: string | undefined;
+}
+interface ToggleStatusFilterAction {
+  type: SidebarActionType.TOGGLE_STATUS_FILTER;
+}
+interface SetPinnedNodePathAction {
+  type: SidebarActionType.SET_PINNED_NODE_PATH;
+  payload: SidebarNode[];
+}
+interface SetExpandedNodesAction {
+  type: SidebarActionType.SET_EXPANDED_NODES;
+  payload: Set<string>;
+}
+interface SetNodeSortTypeAction {
+  type: SidebarActionType.SET_NODES_SORT_TYPE;
+  payload: NodeSortType | undefined;
+}
+interface SetNodeSortOrderAction {
+  type: SidebarActionType.SET_NODES_SORT_ORDER;
+  payload: NodeSortOrder;
+}
+type SidebarAction = SetNodesAction | ToggleNodeAction | OpenNodeAction | CloseNodeAction | ChangeSearchTermAction | SetSearchResultsAction | SetIsSearchingAction | SyncActiveNodeIdAction | ToggleStatusFilterAction | SetPinnedNodePathAction | SetExpandedNodesAction | SetNodeSortTypeAction | SetNodeSortOrderAction;
+declare const sidebarReducer: (state: SidebarState | undefined, action: SidebarAction) => SidebarState;
+//#endregion
+export { SidebarAction, SidebarActionType, SidebarState, initialSidebarState, sidebarReducer };
+//# sourceMappingURL=sidebar-reducer.d.ts.map