blixify-ui-web-mcp 0.1.52 → 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.
|
@@ -1147,7 +1147,7 @@ Which field types can be edited from the list table, and how. Types not listed u
|
|
|
1147
1147
|
| `groupRead` | `"groupId"` | Groups and separates read view sections by DataStructure `groupId` |
|
|
1148
1148
|
| `showCollapsibleTab` | `boolean` | Renders tabs as collapsible sections |
|
|
1149
1149
|
| `showBaseUpdatedAt` | `boolean` | Shows the `baseUpdatedAt` timestamp in Table, Grid, List, and Kanban views |
|
|
1150
|
-
| `showGroupByFeature` | `boolean` | Shows the group-by selector in the toolbar
|
|
1150
|
+
| `showGroupByFeature` | `boolean` | Shows the group-by selector in the toolbar's filter row and as a Group section in the view settings panel, so a list on flex filters or compact mode can be grouped too. Options come from `renderGroupByOptions`, else the reference label options. |
|
|
1151
1151
|
| `showReadFloatingNav` | `boolean` | Shows a floating section navigator in read view |
|
|
1152
1152
|
| `showExport` | `boolean` | Shows import/export options (default `true`) |
|
|
1153
1153
|
| `disableEllipsisOnLongWord` | `boolean` | Wraps long text instead of truncating with ellipsis |
|
|
@@ -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."
|