blixify-ui-web-mcp 0.1.53 → 0.1.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -165,6 +165,7 @@ Below `lg` the rail moves into the mobile drawer as a row of icons above the sid
|
|
|
165
165
|
| `compactMode` | `boolean` | `false` | Tighter rows, smaller icons and a smaller expand chevron, keeping every label |
|
|
166
166
|
| `searchable` | `boolean` | `false` | Shows a filter box. Matches are listed flat, each with the path it sits under (e.g. `Sales › Reports`) |
|
|
167
167
|
| `searchAction` | `ReactElement` | — | A small control inside the right end of the filter box, such as a filter button opening the app's own pop-up. Shown only with `searchable` |
|
|
168
|
+
| `keepSearchAncestors` | `boolean` | `false` | With `searchable`, keeps each match under its parents (a workspace, a folder page), shown open, instead of the flat list. Rows that neither match nor hold a match are left out |
|
|
168
169
|
| `persistKey` | `string` | — | localStorage key that remembers open groups and pages. A new key loads that key's stored state. |
|
|
169
170
|
| `defaultExpandedIds` | `string[]` | — | Groups (by `groupId`) and pages (by `id`) open when nothing is stored for them |
|
|
170
171
|
|
|
@@ -584,6 +584,27 @@ export const LeftNav = () => {
|
|
|
584
584
|
</div>
|
|
585
585
|
</StorySection>
|
|
586
586
|
|
|
587
|
+
<StorySection
|
|
588
|
+
title="Search Keeping Parents"
|
|
589
|
+
description="keepSearchAncestors keeps each match where it sits while the filter has text — under its parents, shown open — so a page found in a nested folder still shows which branch it belongs to. Type 'vol' and the volumes stay under the rows above them. Rows that neither match nor hold a match are left out, and clearing the box brings back the tree as it was."
|
|
590
|
+
>
|
|
591
|
+
<div className="w-full h-96 relative overflow-hidden border rounded-lg">
|
|
592
|
+
<LeftNavImpl
|
|
593
|
+
selectedId={selectedId}
|
|
594
|
+
navigation={manyNavigation}
|
|
595
|
+
{...handleMobileMenu("story-7b")}
|
|
596
|
+
searchable={true}
|
|
597
|
+
keepSearchAncestors={true}
|
|
598
|
+
compactMode={true}
|
|
599
|
+
searchPlaceholder="Filter pages"
|
|
600
|
+
handleBarsOnClick={(id) => setSelectedId(id)}
|
|
601
|
+
renderDashboardLogo={() => renderLogo()}
|
|
602
|
+
renderDashboardContent={renderContent}
|
|
603
|
+
renderDashboardHeaderContent={renderHeader}
|
|
604
|
+
/>
|
|
605
|
+
</div>
|
|
606
|
+
</StorySection>
|
|
607
|
+
|
|
587
608
|
<StorySection
|
|
588
609
|
title="Search Action"
|
|
589
610
|
description="searchAction puts a small control inside the right end of the filter box, so narrowing the nav costs no row of its own. Here a funnel button toggles a filter the app owns — top-level pages only — and shows a dot while it is on. LeftNav only draws the control; what it opens and filters is up to the app."
|