@schemavaults/ui 0.102.0 → 0.104.0
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/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js +7 -2
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.d.ts +12 -2
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js +81 -29
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.d.ts +46 -3
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js +16 -0
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/index.d.ts +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/index.js +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/index.js.map +1 -1
- package/dist/components/layout/dashboard-layout/index.d.ts +1 -1
- package/dist/components/layout/dashboard-layout/index.js +1 -1
- package/dist/components/layout/dashboard-layout/index.js.map +1 -1
- package/package.json +1 -1
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js
CHANGED
|
@@ -38,10 +38,15 @@ export function DashboardSidebarContent({ Link, }) {
|
|
|
38
38
|
const sizes = useDashboardSidebarSizing();
|
|
39
39
|
const reducedMotion = useDashboardLayoutReducedMotion();
|
|
40
40
|
const blocks = toDashboardSidebarRenderBlocks(sidebarItems);
|
|
41
|
-
return (_jsx(m.nav, { className: cn("bg-background grow w-full", "flex flex-col items-center justify-start flex-nowrap", sizes.sidebar_menu_item_gap_classname, "overflow-x-hidden overflow-y-scroll", "no-scrollbar"), children: blocks.map((block) => {
|
|
41
|
+
return (_jsx(m.nav, { className: cn("bg-background grow w-full", "flex flex-col items-center justify-start flex-nowrap", sizes.sidebar_menu_item_gap_classname, "overflow-x-hidden overflow-y-scroll", "no-scrollbar"), children: blocks.map((block, index) => {
|
|
42
42
|
if (block.kind === "group") {
|
|
43
43
|
const group = block.group;
|
|
44
|
-
return (_jsx(DashboardSidebarItemGroupRenderer, { group: group, Link: Link
|
|
44
|
+
return (_jsx(DashboardSidebarItemGroupRenderer, { group: group, Link: Link,
|
|
45
|
+
// The gap below only separates one block from the next, so the
|
|
46
|
+
// leading block has nothing holding it off the sidebar header.
|
|
47
|
+
// A group opens with a bare text label, which then reads as
|
|
48
|
+
// stuck to the header's border; it insets itself when it leads.
|
|
49
|
+
first: index === 0 }, `sidebar-group-[${group.title}]`));
|
|
45
50
|
}
|
|
46
51
|
const firstItemTitle = block.items[0].title;
|
|
47
52
|
return (_jsx(m.ul, { layout: !reducedMotion, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname,
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-content.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,4BAA4B,MAAM,mCAAmC,CAAC;AAG7E,OAAO,iCAAiC,MAAM,yCAAyC,CAAC;AACxF,OAAO,iCAAiC,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,+BAA+B,MAAM,oCAAoC,CAAC;AAiCjF;;;;GAIG;AACH,MAAM,UAAU,8BAA8B,CAC5C,OAAyC;IAEzC,MAAM,MAAM,GAAkC,EAAE,CAAC;IAEjD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,mCAAmC,EAAE,CAAC;YACvD,MAAM,aAAa,GACjB,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC5B,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,CAAC,IAAI,KAAK,oBAAoB,EAAE,CAAC;gBAC/E,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,8BAA8B,EAAE,CAAC;YACzD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,SAAS,CACjB,yDAAyD,CAC1D,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EACtC,IAAI,GAC+B;IACnC,MAAM,YAAY,GAChB,iCAAiC,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAC1C,MAAM,aAAa,GAAY,+BAA+B,EAAE,CAAC;IACjE,MAAM,MAAM,GACV,8BAA8B,CAAC,YAAY,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,sDAAsD,EACtD,KAAK,CAAC,+BAA+B,EACrC,qCAAqC,EACrC,cAAc,CACf,YAEA,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-content.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
import type { ReactElement } from "react";
|
|
2
2
|
import type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
|
|
3
3
|
import type { LinkComponentType } from "../../../../types/Link";
|
|
4
|
-
export
|
|
4
|
+
export interface DashboardSidebarItemGroupRendererProps {
|
|
5
5
|
group: DashboardSidebarItemGroupDefinition;
|
|
6
6
|
Link: LinkComponentType;
|
|
7
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Whether this group is the first block in the menu.
|
|
9
|
+
*
|
|
10
|
+
* The menu <nav> spaces its blocks with a gap, which only ever puts space
|
|
11
|
+
* *between* two blocks — the first one has nothing above it, so a leading
|
|
12
|
+
* group's heading rendered flush against the sidebar header's bottom border.
|
|
13
|
+
* A leading group therefore supplies that inset itself.
|
|
14
|
+
*/
|
|
15
|
+
first?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare function DashboardSidebarItemGroupRenderer({ group, Link, first, }: DashboardSidebarItemGroupRendererProps): ReactElement;
|
|
8
18
|
export default DashboardSidebarItemGroupRenderer;
|
|
@@ -10,7 +10,8 @@ import { toggleDashboardLayoutCollapsedTransitionEasing } from "../toggle-dashbo
|
|
|
10
10
|
import useToggleDashboardLayoutCollapsedTransitionTime from "../useToggleDashboardLayoutCollapsedTransitionTime";
|
|
11
11
|
import useDashboardLayoutReducedMotion from "../useDashboardLayoutReducedMotion";
|
|
12
12
|
import { DashboardSidebarAdminOnlyItemsContext } from "./dashboard-sidebar-admin-only-items-context";
|
|
13
|
-
|
|
13
|
+
import { DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING } from "./dashboard-sidebar-sizing";
|
|
14
|
+
export function DashboardSidebarItemGroupRenderer({ group, Link, first = false, }) {
|
|
14
15
|
const groupTitle = group.title;
|
|
15
16
|
const openState = useDashboardSidebarOpenState();
|
|
16
17
|
const sizes = useDashboardSidebarSizing();
|
|
@@ -18,26 +19,79 @@ export function DashboardSidebarItemGroupRenderer({ group, Link, }) {
|
|
|
18
19
|
const transitionTime = useToggleDashboardLayoutCollapsedTransitionTime();
|
|
19
20
|
const groupItemsContainerId = `sidebar-group-items-[${group.title}]`;
|
|
20
21
|
const showGroupLabel = openState.mobile || openState.open;
|
|
22
|
+
// Zero for every group but the leading one, so the target below stays a
|
|
23
|
+
// single value rather than two conditional variants: a non-leading group
|
|
24
|
+
// animates 0 to 0 and is unaffected.
|
|
25
|
+
//
|
|
26
|
+
// It sits on the group container rather than on the heading, even though it
|
|
27
|
+
// exists for the heading's sake. AnimatePresence mounts and unmounts the
|
|
28
|
+
// heading, and a padding that belongs to an unmounting element cannot
|
|
29
|
+
// animate out — it is simply gone the frame the element leaves, taking its
|
|
30
|
+
// space with it. Framer also cannot drive a border-box element's height
|
|
31
|
+
// below its own padding, so while the inset lived on the heading the
|
|
32
|
+
// collapse bottomed out 24px short and snapped the rest. The container is
|
|
33
|
+
// mounted for as long as the group is, so the same 0 <-> 16 change is an
|
|
34
|
+
// animation rather than a jump, and the end states are unchanged: collapsed
|
|
35
|
+
// means 0, leaving a leading group's icon rows where leading ungrouped rows
|
|
36
|
+
// sit.
|
|
37
|
+
const groupTopPadding = first
|
|
38
|
+
? (sizes.sidebar_leading_menu_group_label_top_padding ??
|
|
39
|
+
DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING)
|
|
40
|
+
: 0;
|
|
21
41
|
return (_jsxs(m.div, { className: cn("w-full", "flex flex-col flex-nowrap", "items-start justify-start",
|
|
22
42
|
// The menu <nav> is a scrolling flex column, so its children shrink
|
|
23
43
|
// by default once the menu overflows. Keep the group at its natural
|
|
24
44
|
// height and let the <nav> scroll instead.
|
|
25
|
-
"flex-shrink-0"), layout: !reducedMotion,
|
|
45
|
+
"flex-shrink-0"), layout: !reducedMotion,
|
|
46
|
+
// No entrance animation: a group that mounts already open starts at its
|
|
47
|
+
// resting inset rather than easing into it.
|
|
48
|
+
initial: false, animate: {
|
|
49
|
+
paddingTop: showGroupLabel ? groupTopPadding : 0,
|
|
50
|
+
transition: {
|
|
51
|
+
duration: transitionTime,
|
|
52
|
+
ease: toggleDashboardLayoutCollapsedTransitionEasing,
|
|
53
|
+
// Matches the heading's own timing on both legs, so the inset and
|
|
54
|
+
// the heading it is reserving space for move as one: held back on
|
|
55
|
+
// the way in until the sidebar is most of the way open, and leaving
|
|
56
|
+
// immediately on the way out. Both are 0 under reduced motion.
|
|
57
|
+
delay: showGroupLabel ? transitionTime / 1.5 : 0,
|
|
58
|
+
},
|
|
59
|
+
}, children: [_jsx(AnimatePresence, { children: showGroupLabel && (_jsx(m.div
|
|
60
|
+
// A one-row grid whose track animates between `0fr` and `1fr`,
|
|
61
|
+
// which is how the heading opens and closes without anyone having
|
|
62
|
+
// to measure it. The obvious spelling — `height` between 0 and
|
|
63
|
+
// `auto` — does not survive the mount and unmount that
|
|
64
|
+
// AnimatePresence puts either side of it. Framer resolves `auto`
|
|
65
|
+
// by measuring, and the frame it does so paints at the heading's
|
|
66
|
+
// intrinsic height, so opening jumped the rows below down 14px
|
|
67
|
+
// before animating them the rest of the way; closing, it could not
|
|
68
|
+
// drive a border-box height below the element's own padding, so it
|
|
69
|
+
// stopped short and the unmount dropped the remainder in one
|
|
70
|
+
// frame. An `fr` track has neither problem: `0fr` is a true zero,
|
|
71
|
+
// reached before the unmount, and `1fr` resolves against content
|
|
72
|
+
// in an auto-height container with nothing measured up front.
|
|
73
|
+
, {
|
|
74
|
+
// A one-row grid whose track animates between `0fr` and `1fr`,
|
|
75
|
+
// which is how the heading opens and closes without anyone having
|
|
76
|
+
// to measure it. The obvious spelling — `height` between 0 and
|
|
77
|
+
// `auto` — does not survive the mount and unmount that
|
|
78
|
+
// AnimatePresence puts either side of it. Framer resolves `auto`
|
|
79
|
+
// by measuring, and the frame it does so paints at the heading's
|
|
80
|
+
// intrinsic height, so opening jumped the rows below down 14px
|
|
81
|
+
// before animating them the rest of the way; closing, it could not
|
|
82
|
+
// drive a border-box height below the element's own padding, so it
|
|
83
|
+
// stopped short and the unmount dropped the remainder in one
|
|
84
|
+
// frame. An `fr` track has neither problem: `0fr` is a true zero,
|
|
85
|
+
// reached before the unmount, and `1fr` resolves against content
|
|
86
|
+
// in an auto-height container with nothing measured up front.
|
|
87
|
+
className: "w-full grid", initial: {
|
|
26
88
|
scale: 0,
|
|
27
89
|
opacity: 0,
|
|
28
|
-
|
|
29
|
-
height: 0,
|
|
30
|
-
transitionEnd: {
|
|
31
|
-
display: "none",
|
|
32
|
-
},
|
|
33
|
-
paddingBottom: 0,
|
|
90
|
+
gridTemplateRows: "0fr",
|
|
34
91
|
}, animate: {
|
|
35
92
|
scale: 1,
|
|
36
93
|
opacity: 1,
|
|
37
|
-
|
|
38
|
-
height: "auto",
|
|
39
|
-
display: "block",
|
|
40
|
-
paddingBottom: sizes.sidebar_expanded_menu_group_label_bottom_padding,
|
|
94
|
+
gridTemplateRows: "1fr",
|
|
41
95
|
transition: {
|
|
42
96
|
duration: transitionTime,
|
|
43
97
|
ease: toggleDashboardLayoutCollapsedTransitionEasing,
|
|
@@ -49,28 +103,26 @@ export function DashboardSidebarItemGroupRenderer({ group, Link, }) {
|
|
|
49
103
|
}, exit: {
|
|
50
104
|
scale: 0,
|
|
51
105
|
opacity: 0,
|
|
52
|
-
|
|
53
|
-
height: 0,
|
|
54
|
-
transitionEnd: {
|
|
55
|
-
display: "none",
|
|
56
|
-
},
|
|
57
|
-
paddingBottom: 0,
|
|
106
|
+
gridTemplateRows: "0fr",
|
|
58
107
|
transition: {
|
|
59
108
|
duration: transitionTime,
|
|
60
109
|
ease: toggleDashboardLayoutCollapsedTransitionEasing,
|
|
61
110
|
delay: 0,
|
|
62
111
|
},
|
|
63
|
-
}, children: _jsx(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
112
|
+
}, children: _jsx("div", { className: cn("min-h-0 overflow-hidden", "text-nowrap"), children: _jsx("div", { style: {
|
|
113
|
+
paddingBottom: sizes.sidebar_expanded_menu_group_label_bottom_padding,
|
|
114
|
+
}, children: _jsx(Label, { htmlFor: groupItemsContainerId, className: cn("font-bold text-nowrap", "block"),
|
|
115
|
+
// Align the group heading with the item titles underneath
|
|
116
|
+
// it: each item renders its icon inside a box exactly
|
|
117
|
+
// `desktop_collapsed_width` wide, so its title starts at
|
|
118
|
+
// that offset. Deriving the inset from the same value keeps
|
|
119
|
+
// heading and titles on one left edge instead of the old
|
|
120
|
+
// `mx-2`, which lined up with neither the icons nor the
|
|
121
|
+
// titles.
|
|
122
|
+
style: {
|
|
123
|
+
paddingLeft: sizes.desktop_collapsed_width,
|
|
124
|
+
paddingRight: "0.5rem",
|
|
125
|
+
}, children: groupTitle }) }) }) }, "sidebar-item-group-label")) }), _jsx(DashboardSidebarAdminOnlyItemsContext.Provider, { value: group.adminOnly ?? false, children: _jsx(m.ul, { id: groupItemsContainerId, layout: !reducedMotion, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname), children: group.items.map((item) => {
|
|
74
126
|
return (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${groupTitle}]-[${item.title}]`));
|
|
75
127
|
}) }) })] }, `sidebar-group-[${group.title}]`));
|
|
76
128
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-item-group-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,4BAA4B,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,8CAA8C,EAAE,MAAM,sDAAsD,CAAC;AACtH,OAAO,+CAA+C,MAAM,oDAAoD,CAAC;AACjH,OAAO,+BAA+B,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,qCAAqC,EAAE,MAAM,8CAA8C,CAAC;
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-item-group-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.d.ts
CHANGED
|
@@ -11,6 +11,21 @@ export declare const DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE = "--dashboard-si
|
|
|
11
11
|
* not supplied to `DashboardLayout`.
|
|
12
12
|
*/
|
|
13
13
|
export declare const DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH = "14rem";
|
|
14
|
+
/**
|
|
15
|
+
* Space, in pixels, above a group's label when that group is the *first*
|
|
16
|
+
* entry in the sidebar menu. Used when `sizing` does not supply
|
|
17
|
+
* `sidebar_leading_menu_group_label_top_padding`.
|
|
18
|
+
*
|
|
19
|
+
* Twice the menu's shared vertical rhythm (`gap-2`, 8px) rather than one
|
|
20
|
+
* helping of it. A heading further down the menu is separated from the row
|
|
21
|
+
* above by that 8px gap *plus* the row's own bottom half-leading — a row is
|
|
22
|
+
* `sidebar_menu_item_height` tall with its title centred inside, so it
|
|
23
|
+
* contributes roughly another 8px of whitespace. Matching the gap alone would
|
|
24
|
+
* put a leading heading 8px under a hard border while every other heading
|
|
25
|
+
* reads as having ~16px above it, which is the tighter spacing this value
|
|
26
|
+
* exists to avoid.
|
|
27
|
+
*/
|
|
28
|
+
export declare const DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING = 16;
|
|
14
29
|
export interface DashboardLayoutSidebarSizing {
|
|
15
30
|
desktop_collapsed_width: string;
|
|
16
31
|
desktop_collapsed_width_classname: string;
|
|
@@ -29,15 +44,42 @@ export interface DashboardLayoutSidebarSizing {
|
|
|
29
44
|
/**
|
|
30
45
|
* Space, in pixels, between a group's label and the first item beneath it.
|
|
31
46
|
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
47
|
+
* A raw number rather than a Tailwind class so it can be applied inline
|
|
48
|
+
* next to the label, inside the element the collapsing heading clips. It is
|
|
49
|
+
* no longer animated: the heading collapses by way of an `fr` grid track,
|
|
50
|
+
* and this padding rides along as clipped content. Keep it off the wrapper
|
|
51
|
+
* and off the grid item — padding on either floors that box and stops the
|
|
52
|
+
* track reaching zero.
|
|
35
53
|
*
|
|
36
54
|
* Keep it equal to `sidebar_menu_item_gap_classname` expressed in pixels —
|
|
37
55
|
* the default `gap-2` is 0.5rem, i.e. 8px. A mismatch is exactly what made
|
|
38
56
|
* grouped items sit on a different vertical rhythm than ungrouped ones.
|
|
39
57
|
*/
|
|
40
58
|
sidebar_expanded_menu_group_label_bottom_padding: number;
|
|
59
|
+
/**
|
|
60
|
+
* Space, in pixels, above a group's label when that group is the *first*
|
|
61
|
+
* entry in the menu.
|
|
62
|
+
*
|
|
63
|
+
* Every other block in the menu is held off the one before it by the
|
|
64
|
+
* <nav>'s own gap *and* by the bottom half-leading of the row above it, so
|
|
65
|
+
* only the leading block has nothing above it to space against — a leading
|
|
66
|
+
* group's heading was painted flush against the bottom border of the
|
|
67
|
+
* sidebar header. A leading *item* does not need this: its row is
|
|
68
|
+
* `sidebar_menu_item_height` tall with the icon and title centred inside,
|
|
69
|
+
* so the row itself supplies the breathing room that a bare text label
|
|
70
|
+
* does not.
|
|
71
|
+
*
|
|
72
|
+
* A raw number because Framer Motion animates it to 0 as the sidebar
|
|
73
|
+
* collapses, and Framer needs a numeric target. It is applied to the
|
|
74
|
+
* group's container rather than to the label: the label is unmounted on
|
|
75
|
+
* collapse, and padding on an unmounting element cannot animate out.
|
|
76
|
+
*
|
|
77
|
+
* Optional so that consumers already passing a complete `sizing` object
|
|
78
|
+
* keep type-checking;
|
|
79
|
+
* `DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING` applies when it is
|
|
80
|
+
* omitted.
|
|
81
|
+
*/
|
|
82
|
+
sidebar_leading_menu_group_label_top_padding?: number;
|
|
41
83
|
sidebar_and_header_z_index_classname: string;
|
|
42
84
|
/**
|
|
43
85
|
* The single vertical rhythm for the sidebar menu. Applied to every list of
|
|
@@ -70,6 +112,7 @@ export declare const DEFAULT_DASHBOARD_SIDEBAR_SIZE: {
|
|
|
70
112
|
readonly sidebar_menu_item_height: "2.5rem";
|
|
71
113
|
readonly sidebar_menu_item_height_classname: "h-[2.5rem]";
|
|
72
114
|
readonly sidebar_expanded_menu_group_label_bottom_padding: 8;
|
|
115
|
+
readonly sidebar_leading_menu_group_label_top_padding: 16;
|
|
73
116
|
readonly sidebar_and_header_z_index_classname: "z-40";
|
|
74
117
|
readonly sidebar_menu_item_gap_classname: "gap-2";
|
|
75
118
|
readonly sidebar_menu_item_x_margin_classname: "mx-2";
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js
CHANGED
|
@@ -12,6 +12,21 @@ export const DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE = "--dashboard-sidebar-op
|
|
|
12
12
|
* not supplied to `DashboardLayout`.
|
|
13
13
|
*/
|
|
14
14
|
export const DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH = "14rem";
|
|
15
|
+
/**
|
|
16
|
+
* Space, in pixels, above a group's label when that group is the *first*
|
|
17
|
+
* entry in the sidebar menu. Used when `sizing` does not supply
|
|
18
|
+
* `sidebar_leading_menu_group_label_top_padding`.
|
|
19
|
+
*
|
|
20
|
+
* Twice the menu's shared vertical rhythm (`gap-2`, 8px) rather than one
|
|
21
|
+
* helping of it. A heading further down the menu is separated from the row
|
|
22
|
+
* above by that 8px gap *plus* the row's own bottom half-leading — a row is
|
|
23
|
+
* `sidebar_menu_item_height` tall with its title centred inside, so it
|
|
24
|
+
* contributes roughly another 8px of whitespace. Matching the gap alone would
|
|
25
|
+
* put a leading heading 8px under a hard border while every other heading
|
|
26
|
+
* reads as having ~16px above it, which is the tighter spacing this value
|
|
27
|
+
* exists to avoid.
|
|
28
|
+
*/
|
|
29
|
+
export const DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING = 16;
|
|
15
30
|
export const DEFAULT_DASHBOARD_SIDEBAR_SIZE = {
|
|
16
31
|
desktop_collapsed_width: `4rem`,
|
|
17
32
|
desktop_collapsed_width_classname: `w-[4rem]`,
|
|
@@ -35,6 +50,7 @@ export const DEFAULT_DASHBOARD_SIDEBAR_SIZE = {
|
|
|
35
50
|
// 8px === gap-2 === sidebar_menu_item_gap_classname. See the doc comment on
|
|
36
51
|
// the interface field before changing this.
|
|
37
52
|
sidebar_expanded_menu_group_label_bottom_padding: 8,
|
|
53
|
+
sidebar_leading_menu_group_label_top_padding: DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING,
|
|
38
54
|
sidebar_and_header_z_index_classname: "z-40",
|
|
39
55
|
sidebar_menu_item_gap_classname: "gap-2",
|
|
40
56
|
sidebar_menu_item_x_margin_classname: "mx-2",
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-sizing.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yCAAyC,GACpD,gCAAgC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-sizing.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yCAAyC,GACpD,gCAAgC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,OAAO,CAAC;AAE5D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,oDAAoD,GAAG,EAAE,CAAC;AAyEvE,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,uBAAuB,EAAE,MAAM;IAC/B,iCAAiC,EAAE,UAAU;IAC7C,sBAAsB,EAAE,oCAAoC;IAC5D,2EAA2E;IAC3E,4EAA4E;IAC5E,iEAAiE;IACjE,mEAAmE;IACnE,kDAAkD;IAClD,gCAAgC,EAAE,+CAA+C;IACjF,qBAAqB,EAAE,OAAO;IAC9B,+BAA+B,EAAE,WAAW;IAC5C,aAAa,EAAE,MAAM;IACrB,uBAAuB,EAAE,UAAU;IACnC,sDAAsD,EACpD,6DAA6D;IAC/D,qDAAqD,EACnD,qDAAqD;IACvD,wDAAwD,EACtD,wBAAwB;IAC1B,uDAAuD,EAAE,gBAAgB;IACzE,wBAAwB,EAAE,QAAQ;IAClC,kCAAkC,EAAE,YAAY;IAChD,4EAA4E;IAC5E,4CAA4C;IAC5C,gDAAgD,EAAE,CAAC;IACnD,4CAA4C,EAC1C,oDAAoD;IACtD,oCAAoC,EAAE,MAAM;IAC5C,+BAA+B,EAAE,OAAO;IACxC,oCAAoC,EAAE,MAAM;CACG,CAAC;AAElD,MAAM,CAAC,MAAM,iCAAiC,GAC5C,aAAa,CAA+B,8BAA8B,CAAC,CAAC"}
|
|
@@ -9,5 +9,5 @@ export type { DashboardSidebarItemDefinition } from "./dashboard-sidebar-item-de
|
|
|
9
9
|
export type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
|
|
10
10
|
export type { DashboardSidebarItemsAndGroupsDefinitions } from "./dashboard-sidebar-items-and-groups-context";
|
|
11
11
|
export type { DashboardLayoutSidebarSizing } from "./dashboard-sidebar-sizing";
|
|
12
|
-
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar-sizing";
|
|
12
|
+
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar-sizing";
|
|
13
13
|
export type { IDashboardSidebarOpenStateContextType } from "./dashboard-sidebar-open-state";
|
|
@@ -5,5 +5,5 @@ export { useDashboardSidebarSizing } from "./useDashboardSidebarSizing";
|
|
|
5
5
|
export { useDashboardSidebarOpenStateDispatch } from "./useDashboardSidebarOpenStateDispatch";
|
|
6
6
|
export { useCloseDashboardSidebarOnRouteChange } from "./useCloseDashboardSidebarOnRouteChange";
|
|
7
7
|
export { DashboardSidebarContextProvider } from "./dashboard-sidebar-context-provider";
|
|
8
|
-
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar-sizing";
|
|
8
|
+
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar-sizing";
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,IAAI,OAAO,GAC5B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAEhG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAMvF,OAAO,EACL,yCAAyC,EACzC,oCAAoC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,IAAI,OAAO,GAC5B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAEhG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAMvF,OAAO,EACL,yCAAyC,EACzC,oCAAoC,EACpC,oDAAoD,GACrD,MAAM,4BAA4B,CAAC"}
|
|
@@ -7,4 +7,4 @@ export { DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING } from "./dashboard-lay
|
|
|
7
7
|
export { useDashboardLayoutReducedMotion } from "./useDashboardLayoutReducedMotion";
|
|
8
8
|
export { useDashboardSidebarOpenState, useDashboardSidebarOpenStateDispatch, useCloseDashboardSidebarOnRouteChange, } from "./dashboard-sidebar";
|
|
9
9
|
export type { DashboardSidebarItemDefinition, DashboardSidebarItemGroupDefinition, DashboardSidebarItemsAndGroupsDefinitions, } from "./dashboard-sidebar";
|
|
10
|
-
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar";
|
|
10
|
+
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar";
|
|
@@ -5,5 +5,5 @@ export { DEFAULT_DASHBOARD_LAYOUT_REDUCED_MOTION_SETTING } from "./dashboard-lay
|
|
|
5
5
|
// the motion of the layout chrome they are rendered into.
|
|
6
6
|
export { useDashboardLayoutReducedMotion } from "./useDashboardLayoutReducedMotion";
|
|
7
7
|
export { useDashboardSidebarOpenState, useDashboardSidebarOpenStateDispatch, useCloseDashboardSidebarOnRouteChange, } from "./dashboard-sidebar";
|
|
8
|
-
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, } from "./dashboard-sidebar";
|
|
8
|
+
export { DASHBOARD_SIDEBAR_OPEN_WIDTH_CSS_VARIABLE, DEFAULT_DASHBOARD_SIDEBAR_OPEN_WIDTH, DEFAULT_LEADING_SIDEBAR_MENU_GROUP_LABEL_TOP_PADDING, } from "./dashboard-sidebar";
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAKhE,OAAO,EAAE,+CAA+C,EAAE,MAAM,mCAAmC,CAAC;AACpG,8EAA8E;AAC9E,0DAA0D;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,qCAAqC,GACtC,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,yCAAyC,EACzC,oCAAoC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/dashboard-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAKhE,OAAO,EAAE,+CAA+C,EAAE,MAAM,mCAAmC,CAAC;AACpG,8EAA8E;AAC9E,0DAA0D;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,qCAAqC,GACtC,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,yCAAyC,EACzC,oCAAoC,EACpC,oDAAoD,GACrD,MAAM,qBAAqB,CAAC"}
|