@bizapps/design-system-testing 1.12.0 → 1.12.1

package/dist/main.cjs

@@ -9430,7 +9430,7 @@ function FloatingSidebar({
   collapsedWidth = DEFAULT_COLLAPSED_WIDTH,
   type = "single",
   openModuleIds: openModulesProp,
-  defaultOpenModuleIds = [],
+  defaultOpenModuleIds,
   onOpenModulesChange,
   hideEmptyModules = true,
   activeItemId: activeItemProp,
@@ -9459,9 +9459,16 @@ function FloatingSidebar({
   const isMobile = useIsMobile();
   const baseId = react.useId();
   const [open, setOpen] = useControllableState2(openProp, defaultOpen, onOpenChange);
+  const moduleIdByItemId = react.useMemo(
+    () => new Map(modules.flatMap((module) => module.items.map((item) => [item.id, module.id]))),
+    [modules]
+  );
+  const moduleIdOf = (itemId) => itemId ? moduleIdByItemId.get(itemId) : void 0;
+  const initialActiveModuleId = moduleIdOf(activeItemProp ?? defaultActiveItemId);
   const [rawOpenModuleIds, setOpenModuleIds] = useControllableState2(
     openModulesProp,
-    defaultOpenModuleIds,
+    // Without an explicit default, the module of the current page starts open.
+    defaultOpenModuleIds ?? (initialActiveModuleId ? [initialActiveModuleId] : []),
     onOpenModulesChange
   );
   const railWidth = Math.max(MIN_COLLAPSED_WIDTH, collapsedWidth);
@@ -9563,8 +9570,31 @@ function FloatingSidebar({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [shortcut, toggle, isMobile, mobileOpen, setMobileOpen]);
+  const openModule = (moduleId) => {
+    const opened = rawOpenModuleIds.includes(moduleId);
+    if (type === "multiple") {
+      if (!opened) setOpenModuleIds([...rawOpenModuleIds, moduleId]);
+    } else if (!opened || rawOpenModuleIds.length > 1) {
+      setOpenModuleIds([moduleId]);
+    }
+  };
+  const activeModuleId = moduleIdOf(activeItemId);
+  const syncedActive = react.useRef(`${activeItemId}|${activeModuleId}`);
+  react.useEffect(() => {
+    const key = `${activeItemId}|${activeModuleId}`;
+    if (syncedActive.current === key) return;
+    syncedActive.current = key;
+    if (activeModuleId) openModule(activeModuleId);
+  });
   const selectItem = (item, module, navigates) => {
-    if (navigates) setActiveItemId(item.id);
+    if (navigates) {
+      setActiveItemId(item.id);
+      openModule(module.id);
+      if (activeItemProp === void 0) {
+        syncedActive.current = `${item.id}|${moduleIdOf(item.id)}`;
+      }
+      if (queries[module.id]) setQueries((current) => ({ ...current, [module.id]: "" }));
+    }
     setFlyoutId(null);
     if (isMobile) setMobileOpen(false);
     onItemSelect?.(item, module);