@bizapps/design-system-testing 1.12.0 → 1.12.1

package/dist/main.d.cts

@@ -2455,7 +2455,10 @@ interface FloatingSidebarProps extends Omit<ComponentProps<'nav'>, 'children'> {
     type?: 'single' | 'multiple';
     /** Open module cards (controlled). In `single` mode only the first id is used. */
     openModuleIds?: string[];
-    /** Initially open module cards when uncontrolled. Read once on mount. */
+    /**
+     * Initially open module cards when uncontrolled. Read once on mount. Defaults to the module
+     * of the current page (`activeItemId` or `defaultActiveItemId`), or none without one.
+     */
     defaultOpenModuleIds?: string[];
     /** Fires with the new list of open module cards. */
     onOpenModulesChange?: (moduleIds: string[]) => void;

package/dist/main.d.ts

@@ -2455,7 +2455,10 @@ interface FloatingSidebarProps extends Omit<ComponentProps<'nav'>, 'children'> {
     type?: 'single' | 'multiple';
     /** Open module cards (controlled). In `single` mode only the first id is used. */
     openModuleIds?: string[];
-    /** Initially open module cards when uncontrolled. Read once on mount. */
+    /**
+     * Initially open module cards when uncontrolled. Read once on mount. Defaults to the module
+     * of the current page (`activeItemId` or `defaultActiveItemId`), or none without one.
+     */
     defaultOpenModuleIds?: string[];
     /** Fires with the new list of open module cards. */
     onOpenModulesChange?: (moduleIds: string[]) => void;

package/dist/main.js

@@ -9404,7 +9404,7 @@ function FloatingSidebar({
   collapsedWidth = DEFAULT_COLLAPSED_WIDTH,
   type = "single",
   openModuleIds: openModulesProp,
-  defaultOpenModuleIds = [],
+  defaultOpenModuleIds,
   onOpenModulesChange,
   hideEmptyModules = true,
   activeItemId: activeItemProp,
@@ -9433,9 +9433,16 @@ function FloatingSidebar({
   const isMobile = useIsMobile();
   const baseId = useId();
   const [open, setOpen] = useControllableState2(openProp, defaultOpen, onOpenChange);
+  const moduleIdByItemId = 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);
@@ -9537,8 +9544,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 = useRef(`${activeItemId}|${activeModuleId}`);
+  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);