@homebound/beam 3.105.0 → 3.105.1
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.
- package/dist/index.cjs +8 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -10216,6 +10216,8 @@ type SideNavProps = {
|
|
|
10216
10216
|
items: AppNavItem[];
|
|
10217
10217
|
/** Optional area pinned to the bottom (user menu, settings, sign-out). */
|
|
10218
10218
|
footer?: ReactNode;
|
|
10219
|
+
/** Keep `top` / `items` / `footer` in the collapsed rail (icon-only items). Default hides them. */
|
|
10220
|
+
showContentWhenCollapsed?: boolean;
|
|
10219
10221
|
};
|
|
10220
10222
|
declare function SideNav(props: SideNavProps): JSX.Element;
|
|
10221
10223
|
|
package/dist/index.d.ts
CHANGED
|
@@ -10216,6 +10216,8 @@ type SideNavProps = {
|
|
|
10216
10216
|
items: AppNavItem[];
|
|
10217
10217
|
/** Optional area pinned to the bottom (user menu, settings, sign-out). */
|
|
10218
10218
|
footer?: ReactNode;
|
|
10219
|
+
/** Keep `top` / `items` / `footer` in the collapsed rail (icon-only items). Default hides them. */
|
|
10220
|
+
showContentWhenCollapsed?: boolean;
|
|
10219
10221
|
};
|
|
10220
10222
|
declare function SideNav(props: SideNavProps): JSX.Element;
|
|
10221
10223
|
|
package/dist/index.js
CHANGED
|
@@ -26606,16 +26606,18 @@ function SideNav(props) {
|
|
|
26606
26606
|
const {
|
|
26607
26607
|
top,
|
|
26608
26608
|
items,
|
|
26609
|
-
footer
|
|
26609
|
+
footer,
|
|
26610
|
+
showContentWhenCollapsed = false
|
|
26610
26611
|
} = props;
|
|
26611
26612
|
const {
|
|
26612
26613
|
navState
|
|
26613
26614
|
} = useSideNavLayoutContext();
|
|
26614
26615
|
const tid = useTestIds(props, "sideNav");
|
|
26615
26616
|
const panelCollapsed = navState === "collapse";
|
|
26616
|
-
const
|
|
26617
|
+
const hideContent = panelCollapsed && !showContentWhenCollapsed;
|
|
26618
|
+
const hideItems = hideContent || panelCollapsed && !allItemsHaveIcons(items);
|
|
26617
26619
|
return /* @__PURE__ */ jsxs111("nav", { className: "df fdc h100 fs0", ...tid, children: [
|
|
26618
|
-
top !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
|
|
26620
|
+
!hideContent && top !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
|
|
26619
26621
|
flexShrink: "fs0",
|
|
26620
26622
|
paddingLeft: "pl2",
|
|
26621
26623
|
paddingRight: "pr2",
|
|
@@ -26626,7 +26628,7 @@ function SideNav(props) {
|
|
|
26626
26628
|
paddingBottom: "pb4"
|
|
26627
26629
|
} : {}
|
|
26628
26630
|
}), ...tid.top, children: top }),
|
|
26629
|
-
/* @__PURE__ */ jsx217("div", { ...trussProps124({
|
|
26631
|
+
!hideContent && /* @__PURE__ */ jsx217("div", { ...trussProps124({
|
|
26630
26632
|
flexGrow: "fg1",
|
|
26631
26633
|
overflowY: "oya",
|
|
26632
26634
|
display: "df",
|
|
@@ -26638,8 +26640,8 @@ function SideNav(props) {
|
|
|
26638
26640
|
...top === void 0 ? {
|
|
26639
26641
|
paddingTop: "pt5"
|
|
26640
26642
|
} : {}
|
|
26641
|
-
}), ...tid.items, children: !
|
|
26642
|
-
footer !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
|
|
26643
|
+
}), ...tid.items, children: !hideItems && /* @__PURE__ */ jsx217(AppNavItems, { items, panelCollapsed }) }),
|
|
26644
|
+
!hideContent && footer !== void 0 && /* @__PURE__ */ jsx217("div", { ...trussProps124({
|
|
26643
26645
|
flexShrink: "fs0",
|
|
26644
26646
|
paddingLeft: "pl2",
|
|
26645
26647
|
paddingRight: "pr2",
|