@schemavaults/ui 0.12.3 → 0.12.9
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 +5 -3
- 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-footer.js +2 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js +2 -2
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-definition.d.ts +1 -5
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-group-renderer.js +1 -12
- 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-item-icon-component.d.ts +4 -0
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-icon-component.js +2 -0
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-icon-component.js.map +1 -0
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js +4 -14
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js +7 -6
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.d.ts +20 -16
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js +10 -8
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.js +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.js.map +1 -1
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/useDashboardSidebarItemsAndGroups.d.ts +1 -0
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/useDashboardSidebarItemsAndGroups.js +1 -0
- package/dist/components/layout/dashboard-layout/dashboard-sidebar/useDashboardSidebarItemsAndGroups.js.map +1 -1
- package/dist/components/ui/separator/index.d.ts +1 -0
- package/dist/components/ui/separator/index.js +1 -0
- package/dist/components/ui/separator/index.js.map +1 -1
- package/dist/components/ui/toaster/toaster.js.map +1 -1
- package/package.json +5 -4
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-content.js
CHANGED
|
@@ -2,12 +2,14 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import DashboardSidebarItemRenderer from "./dashboard-sidebar-item-renderer";
|
|
4
4
|
import DashboardSidebarItemGroupRenderer from "./dashboard-sidebar-item-group-renderer";
|
|
5
|
-
import
|
|
5
|
+
import useDashboardSidebarItemsAndGroups from "./useDashboardSidebarItemsAndGroups";
|
|
6
6
|
import { m } from "../../../../framer-motion";
|
|
7
7
|
import { cn } from "../../../../lib/utils";
|
|
8
|
+
import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
|
|
8
9
|
export function DashboardSidebarContent({ Link, }) {
|
|
9
10
|
const sidebarItems = useDashboardSidebarItemsAndGroups();
|
|
10
|
-
|
|
11
|
+
const sizes = useDashboardSidebarSizing();
|
|
12
|
+
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: sidebarItems.map((itemOrGroup) => {
|
|
11
13
|
if (itemOrGroup.type === "dashboard-sidebar-item-definition") {
|
|
12
14
|
const item = itemOrGroup;
|
|
13
15
|
return (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${item.title}]`));
|
|
@@ -17,7 +19,7 @@ export function DashboardSidebarContent({ Link, }) {
|
|
|
17
19
|
return (_jsx(DashboardSidebarItemGroupRenderer, { group: group, Link: Link }, `sidebar-group-[${group.title}]`));
|
|
18
20
|
}
|
|
19
21
|
else {
|
|
20
|
-
throw new
|
|
22
|
+
throw new TypeError("Invalid 'type' for sidebar content item in render list!");
|
|
21
23
|
}
|
|
22
24
|
}) }));
|
|
23
25
|
}
|
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,
|
|
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;AAMpE,MAAM,UAAU,uBAAuB,CAAC,EACtC,IAAI,GAC+B;IACnC,MAAM,YAAY,GAGZ,iCAAiC,EAAE,CAAC;IAC1C,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAC1C,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,YAAY,CAAC,GAAG,CACf,CACE,WAEuC,EAC5B,EAAE;YACb,IAAI,WAAW,CAAC,IAAI,KAAK,mCAAmC,EAAE,CAAC;gBAC7D,MAAM,IAAI,GAAmC,WAAW,CAAC;gBACzD,OAAO,CACL,KAAC,4BAA4B,IAC3B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACL,iBAAiB,IAAI,CAAC,KAAK,GAAG,CACnC,CACH,CAAC;YACJ,CAAC;iBAAM,IAAI,WAAW,CAAC,IAAI,KAAK,8BAA8B,EAAE,CAAC;gBAC/D,MAAM,KAAK,GAAwC,WAAW,CAAC;gBAC/D,OAAO,CACL,KAAC,iCAAiC,IAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IACL,kBAAkB,KAAK,CAAC,KAAK,GAAG,CACrC,CACH,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,SAAS,CACjB,yDAAyD,CAC1D,CAAC;YACJ,CAAC;QACH,CAAC,CACF,GACK,CACT,CAAC;AACJ,CAAC;AAED,eAAe,uBAAuB,CAAC"}
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.js
CHANGED
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
|
|
4
4
|
import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
|
|
5
|
+
import { cn } from "../../../../lib/utils";
|
|
5
6
|
export function DashboardSidebarFooter({ Link, sidebarFooterContent, }) {
|
|
6
7
|
const FooterContentComponent = sidebarFooterContent;
|
|
7
|
-
return (_jsx("footer", { className: "bg-background", children: _jsx(FooterContentComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }) }));
|
|
8
|
+
return (_jsx("footer", { className: cn("bg-background", "flex-shrink-0"), children: _jsx(FooterContentComponent, { useDashboardSidebarSizing: useDashboardSidebarSizing, useDashboardSidebarOpenState: useDashboardSidebarOpenState, Link: Link }) }));
|
|
8
9
|
}
|
|
9
10
|
export default DashboardSidebarFooter;
|
|
10
11
|
//# sourceMappingURL=dashboard-sidebar-footer.js.map
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-footer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-footer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,oBAAoB,GACQ;IAC5B,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;IAEpD,OAAO,CACL,iBAAQ,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,YACrD,KAAC,sBAAsB,IACrB,yBAAyB,EAAE,yBAAyB,EACpD,4BAA4B,EAAE,4BAA4B,EAC1D,IAAI,EAAE,IAAI,GACV,GACK,CACV,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js
CHANGED
|
@@ -31,9 +31,9 @@ export function DashboardSidebarHeader({ wordmark, logo, Link, brandHref, }) {
|
|
|
31
31
|
delay: toggleDashboardLayoutCollapsedTransitionTime / 1.5,
|
|
32
32
|
}, layout: true, children: _jsx(Link, { href: brandHref, children: wordmark }) }));
|
|
33
33
|
}
|
|
34
|
-
return (
|
|
34
|
+
return (_jsxs(m.header, { layout: true, style: {
|
|
35
35
|
height: size.header_height,
|
|
36
|
-
}, className: cn("w-full", "
|
|
36
|
+
}, className: cn("w-full", "flex flex-row flex-nowrap", "justify-start items-center bg-background", "overflow-hidden", "flex-shrink-0"), children: [_jsx(Link, { href: brandHref, className: cn(size.desktop_collapsed_width_classname, size.header_height_classname, "flex items-center justify-center", "flex-shrink-0"), children: logo }), _jsx(AnimatePresence, { initial: !mobile, children: showWordmark && (_jsx(AnimatedBrandWordmark, {}, "animated-brand-wordmark")) })] }));
|
|
37
37
|
}
|
|
38
38
|
export default DashboardSidebarHeader;
|
|
39
39
|
//# sourceMappingURL=dashboard-sidebar-header.js.map
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-header.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,4CAA4C,EAAE,EACnD,8CAA8C,GAC/C,MAAM,sDAAsD,CAAC;AAC9D,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAUxE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,GACyB;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACxD,MAAM,YAAY,GAAY,MAAM,IAAI,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-header.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,4CAA4C,EAAE,EACnD,8CAA8C,GAC/C,MAAM,sDAAsD,CAAC;AAC9D,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAUxE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,GACyB;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACxD,MAAM,YAAY,GAAY,MAAM,IAAI,IAAI,CAAC;IAG7C,SAAS,qBAAqB;QAC5B,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE;gBACR,IAAI,EAAE;oBACJ,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,CAAC;oBACR,aAAa,EAAE;wBACb,OAAO,EAAE,MAAM;qBAChB;oBACD,KAAK,EAAE,CAAC;iBACT;gBACD,KAAK,EAAE;oBACL,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,MAAM;iBACd;aACF,EACD,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,UAAU,EAAE;gBACV,QAAQ,EAAE,4CAA4C;gBACtD,IAAI,EAAE,8CAA8C;gBACpD,KAAK,EAAE,4CAA4C,GAAG,GAAG;aAC1D,EACD,MAAM,kBAEN,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,YAAG,QAAQ,GAAQ,GAClC,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,CAAC,CAAC,MAAM,IACP,MAAM,QACN,KAAK,EAAE;YACL,MAAM,EAAE,IAAI,CAAC,aAAa;SAC3B,EACD,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,2BAA2B,EAC3B,0CAA0C,EAC1C,iBAAiB,EACjB,eAAe,CAChB,aAED,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAClC,IAAI,CAAC,iCAAiC,EACtC,IAAI,CAAC,uBAAuB,EAC5B,kCAAkC,EAClC,eAAe,CAChB,YAAG,IAAI,GAAQ,EAEhB,KAAC,eAAe,IAAC,OAAO,EAAE,CAAC,MAAM,YAC9B,YAAY,IAAI,CACf,KAAC,qBAAqB,MAAK,yBAAyB,CAAG,CACxD,GACe,IACT,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
type SidebarItemIconComponent = ({ className, }: {
|
|
3
|
-
className: string;
|
|
4
|
-
}) => ReactNode;
|
|
1
|
+
import type { SidebarItemIconComponent } from "./dashboard-sidebar-item-icon-component";
|
|
5
2
|
export interface DashboardSidebarItemDefinition {
|
|
6
3
|
type: "dashboard-sidebar-item-definition";
|
|
7
4
|
icon: SidebarItemIconComponent;
|
|
8
5
|
url: string;
|
|
9
6
|
title: string;
|
|
10
7
|
}
|
|
11
|
-
export {};
|
|
@@ -38,18 +38,7 @@ export function DashboardSidebarItemGroupRenderer({ group, Link, }) {
|
|
|
38
38
|
display: "none",
|
|
39
39
|
},
|
|
40
40
|
paddingBottom: 0,
|
|
41
|
-
}, children: _jsx(Label, { htmlFor: groupItemsContainerId, className: cn("font-bold text-nowrap"), children: groupTitle }) }, "sidebar-item-group-label")) }), _jsx(DashboardSidebarAdminOnlyItemsContext.Provider, { value: group.adminOnly ?? false, children: _jsx(m.ul, { id: groupItemsContainerId, layout: true, className: cn("w-full flex flex-col", "items-start justify-start",
|
|
42
|
-
collapsed: {
|
|
43
|
-
paddingLeft: 0,
|
|
44
|
-
},
|
|
45
|
-
expanded: {
|
|
46
|
-
paddingLeft: sizes.sidebar_expanded_menu_group_indent,
|
|
47
|
-
},
|
|
48
|
-
}, animate: openState.mobile
|
|
49
|
-
? "expanded"
|
|
50
|
-
: openState.open
|
|
51
|
-
? "expanded"
|
|
52
|
-
: "collapsed", children: group.items.map((item) => {
|
|
41
|
+
}, children: _jsx(Label, { htmlFor: groupItemsContainerId, className: cn("font-bold text-nowrap", sizes.sidebar_menu_item_x_margin_classname), children: groupTitle }) }, "sidebar-item-group-label")) }), _jsx(DashboardSidebarAdminOnlyItemsContext.Provider, { value: group.adminOnly ?? false, children: _jsx(m.ul, { id: groupItemsContainerId, layout: true, className: cn("w-full flex flex-col", "items-start justify-start", sizes.sidebar_menu_item_gap_classname), children: group.items.map((item) => {
|
|
53
42
|
return (_jsx(DashboardSidebarItemRenderer, { item: item, Link: Link }, `sidebar-item-[${groupTitle}]-[${item.title}]`));
|
|
54
43
|
}) }) })] }, `sidebar-group-[${group.title}]`));
|
|
55
44
|
}
|
|
@@ -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,qCAAqC,EAAE,MAAM,8CAA8C,CAAC;AAGrG,MAAM,UAAU,iCAAiC,CAAC,EAChD,KAAK,EACL,IAAI,GAIL;IACC,MAAM,UAAU,GAAW,KAAK,CAAC,KAAK,CAAC;IACvC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAE1C,MAAM,qBAAqB,GAAW,wBAAwB,KAAK,CAAC,KAAK,GAAG,CAAC;IAC7E,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC;IAE1D,OAAO,CACL,MAAC,CAAC,CAAC,GAAG,IAEJ,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,2BAA2B,EAC3B,2BAA2B,CAC5B,EACD,MAAM,mBAEN,KAAC,eAAe,cACb,cAAc,IAAI,CACjB,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAC,oBAAoB,EAE9B,OAAO,EAAE;wBACP,KAAK,EAAE,CAAC;wBACR,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;wBACT,aAAa,EAAE;4BACb,OAAO,EAAE,MAAM;yBAChB;wBACD,aAAa,EAAE,CAAC;qBACjB,EACD,OAAO,EAAE;wBACP,KAAK,EAAE,CAAC;wBACR,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,OAAO,EAAE,OAAO;wBAChB,aAAa,EACX,KAAK,CAAC,gDAAgD;qBACzD,EACD,IAAI,EAAE;wBACJ,KAAK,EAAE,CAAC;wBACR,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;wBACT,aAAa,EAAE;4BACb,OAAO,EAAE,MAAM;yBAChB;wBACD,aAAa,EAAE,CAAC;qBACjB,YAED,KAAC,KAAK,IACJ,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,EAAE,CAAC,uBAAuB,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":"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,qCAAqC,EAAE,MAAM,8CAA8C,CAAC;AAGrG,MAAM,UAAU,iCAAiC,CAAC,EAChD,KAAK,EACL,IAAI,GAIL;IACC,MAAM,UAAU,GAAW,KAAK,CAAC,KAAK,CAAC;IACvC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAE1C,MAAM,qBAAqB,GAAW,wBAAwB,KAAK,CAAC,KAAK,GAAG,CAAC;IAC7E,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC;IAE1D,OAAO,CACL,MAAC,CAAC,CAAC,GAAG,IAEJ,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,2BAA2B,EAC3B,2BAA2B,CAC5B,EACD,MAAM,mBAEN,KAAC,eAAe,cACb,cAAc,IAAI,CACjB,KAAC,CAAC,CAAC,GAAG,IACJ,SAAS,EAAC,oBAAoB,EAE9B,OAAO,EAAE;wBACP,KAAK,EAAE,CAAC;wBACR,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;wBACT,aAAa,EAAE;4BACb,OAAO,EAAE,MAAM;yBAChB;wBACD,aAAa,EAAE,CAAC;qBACjB,EACD,OAAO,EAAE;wBACP,KAAK,EAAE,CAAC;wBACR,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,OAAO,EAAE,OAAO;wBAChB,aAAa,EACX,KAAK,CAAC,gDAAgD;qBACzD,EACD,IAAI,EAAE;wBACJ,KAAK,EAAE,CAAC;wBACR,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,CAAC;wBACT,aAAa,EAAE;4BACb,OAAO,EAAE,MAAM;yBAChB;wBACD,aAAa,EAAE,CAAC;qBACjB,YAED,KAAC,KAAK,IACJ,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,oCAAoC,CAAC,YAEjF,UAAU,GACL,IApCJ,0BAA0B,CAqCxB,CACT,GACe,EAElB,KAAC,qCAAqC,CAAC,QAAQ,IAC7C,KAAK,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,YAE/B,KAAC,CAAC,CAAC,EAAE,IACH,EAAE,EAAE,qBAAqB,EACzB,MAAM,QACN,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,2BAA2B,EAC3B,KAAK,CAAC,+BAA+B,CACtC,YAEA,KAAK,CAAC,KAAK,CAAC,GAAG,CACd,CAAC,IAAoC,EAAgB,EAAE;wBACrD,OAAO,CACL,KAAC,4BAA4B,IAC3B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACL,iBAAiB,UAAU,MAAM,IAAI,CAAC,KAAsB,GAAG,CACpE,CACH,CAAC;oBACJ,CAAC,CACF,GACI,GACwC,KA7E5C,kBAAkB,KAAK,CAAC,KAAK,GAAG,CA8E/B,CACT,CAAC;AACJ,CAAC;AAED,eAAe,iCAAiC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-item-icon-component.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-icon-component.ts"],"names":[],"mappings":""}
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.js
CHANGED
|
@@ -22,43 +22,33 @@ export function DashboardSidebarItemRenderer({ item, Link, }) {
|
|
|
22
22
|
? "text-red-500"
|
|
23
23
|
: "text-foreground";
|
|
24
24
|
function SidebarMenuItemTitle() {
|
|
25
|
-
return (_jsx(m.span, { className: itemColorClassName, initial: {
|
|
25
|
+
return (_jsx(m.span, { className: cn(itemColorClassName, "text-nowrap"), initial: {
|
|
26
26
|
opacity: 1,
|
|
27
27
|
scale: 1,
|
|
28
28
|
transitionEnd: {
|
|
29
29
|
display: "none",
|
|
30
30
|
},
|
|
31
|
-
paddingLeft: 0,
|
|
32
31
|
}, animate: {
|
|
33
32
|
opacity: 1,
|
|
34
33
|
scale: 1,
|
|
35
34
|
display: "block",
|
|
36
|
-
paddingLeft: sizes.sidebar_menu_item_icon_gap,
|
|
37
35
|
}, exit: {
|
|
38
36
|
opacity: 0,
|
|
39
37
|
scale: 0,
|
|
40
38
|
transitionEnd: {
|
|
41
39
|
display: "none",
|
|
42
40
|
},
|
|
43
|
-
paddingLeft: 0,
|
|
44
41
|
}, transition: {
|
|
45
42
|
duration: toggleDashboardLayoutCollapsedTransitionTime,
|
|
46
43
|
}, children: item.title }, `sidebar-menu-item-title-container-[${item.title}]`));
|
|
47
44
|
}
|
|
48
|
-
return (_jsx(m.li, { className: cn("w-full"), children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "w-full", children:
|
|
45
|
+
return (_jsx(m.li, { className: cn("w-full", sizes.sidebar_menu_item_height_classname), children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: cn("w-full h-full"), children: _jsxs(Link, { href: item.url, className: cn("flex flex-row flex-nowrap", "justify-start items-center", "w-full h-full", "hover:bg-gray-200"), onClick: (e) => {
|
|
49
46
|
e.preventDefault();
|
|
50
47
|
if (debug) {
|
|
51
|
-
console.log("[DashboardSidebarItemRenderer] onClick(
|
|
48
|
+
console.log("[DashboardSidebarItemRenderer] onClick(item), where item = ", item);
|
|
52
49
|
}
|
|
53
50
|
setSidebarOpen(false);
|
|
54
|
-
}, children:
|
|
55
|
-
expanded: {
|
|
56
|
-
justifyContent: "start",
|
|
57
|
-
},
|
|
58
|
-
collapsed: {
|
|
59
|
-
justifyContent: "center",
|
|
60
|
-
},
|
|
61
|
-
}, animate: mobile ? "expanded" : open ? "expanded" : "collapsed", children: [_jsx(IconComponent, { className: cn("h-6 w-6", itemColorClassName) }), _jsx(AnimatePresence, { children: showItemLabel && _jsx(SidebarMenuItemTitle, {}, item.title) })] }) }) }), _jsxs(TooltipContent, { side: "right", children: [item.title, _jsx(TooltipArrow, {})] })] }) }, item.title));
|
|
51
|
+
}, children: [_jsx(m.div, { className: cn("flex-shrink-0", sizes.desktop_collapsed_width_classname, "flex items-center justify-center"), children: _jsx(IconComponent, { className: cn("h-6 w-6", itemColorClassName) }) }), _jsx(AnimatePresence, { children: showItemLabel && _jsx(SidebarMenuItemTitle, {}, item.title) })] }) }), _jsxs(TooltipContent, { side: "right", children: [item.title, _jsx(TooltipArrow, {})] })] }) }, item.title));
|
|
62
52
|
}
|
|
63
53
|
export default DashboardSidebarItemRenderer;
|
|
64
54
|
//# sourceMappingURL=dashboard-sidebar-item-renderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-item-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,4CAA4C,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,qCAAqC,EAAE,MAAM,8CAA8C,CAAC;AACrG,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,oCAAoC,MAAM,wCAAwC,CAAC;AAC1F,OAAO,QAAQ,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-item-renderer.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-item-renderer.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js
CHANGED
|
@@ -4,27 +4,28 @@ import DashboardSidebarHeader from "./dashboard-sidebar-header";
|
|
|
4
4
|
import DashboardSidebarContent from "./dashboard-sidebar-content";
|
|
5
5
|
import DashboardSidebarFooter from "./dashboard-sidebar-footer";
|
|
6
6
|
import { cn } from "../../../../lib/utils";
|
|
7
|
-
import
|
|
7
|
+
import useDashboardSidebarSizing from "./useDashboardSidebarSizing";
|
|
8
8
|
import useDashboardSidebarOpenState from "./useDashboardSidebarOpenState";
|
|
9
|
-
import
|
|
9
|
+
import Separator from "../../../ui/separator";
|
|
10
10
|
export function DashboardLayoutSidebarLayout({ logo, wordmark, Link, brandHref, ...props }) {
|
|
11
11
|
const size = useDashboardSidebarSizing();
|
|
12
12
|
const openState = useDashboardSidebarOpenState();
|
|
13
13
|
const desktop = !openState.mobile;
|
|
14
14
|
let widthClassName;
|
|
15
15
|
if (openState.mobile) {
|
|
16
|
-
widthClassName = size.
|
|
16
|
+
widthClassName = size.mobile_expanded_width_classname;
|
|
17
17
|
}
|
|
18
18
|
else {
|
|
19
19
|
// desktop
|
|
20
20
|
if (openState.open) {
|
|
21
|
-
widthClassName = size.
|
|
21
|
+
widthClassName = size.desktop_expanded_width_classname;
|
|
22
22
|
}
|
|
23
23
|
else {
|
|
24
|
-
widthClassName = size.
|
|
24
|
+
widthClassName = size.desktop_collapsed_width_classname;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
|
|
27
|
+
const separatorClassName = cn("flex-shrink-0");
|
|
28
|
+
return (_jsxs("menu", { className: cn("h-screen max-h-screen", desktop ? "absolute" : undefined, "transition-[width] ease-linear will-change-[width]", "flex flex-col justify-between items-stretch", "border-r", "p-0", size.sidebar_and_header_z_index_classname, widthClassName, props.className), children: [_jsx(DashboardSidebarHeader, { wordmark: wordmark, logo: logo, Link: Link, brandHref: brandHref }), _jsx(Separator, { orientation: "horizontal", className: separatorClassName }), _jsx(DashboardSidebarContent, { Link: Link }), typeof props.sidebarFooterContent === "function" && (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "horizontal", className: separatorClassName }), _jsx(DashboardSidebarFooter, { Link: Link, sidebarFooterContent: props.sidebarFooterContent })] }))] }));
|
|
28
29
|
}
|
|
29
30
|
export default DashboardLayoutSidebarLayout;
|
|
30
31
|
//# sourceMappingURL=dashboard-sidebar-layout.js.map
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar-layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar-layout.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAalD,MAAM,UAAU,4BAA4B,CAAC,EAC3C,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAY,CAAC,SAAS,CAAC,MAAM,CAAC;IAE3C,IAAI,cAAsB,CAAC;IAC3B,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,cAAc,GAAG,IAAI,CAAC,+BAA+B,CAAC;IACxD,CAAC;SAAM,CAAC;QACN,UAAU;QACV,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;YACnB,cAAc,GAAG,IAAI,CAAC,gCAAgC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,cAAc,GAAG,IAAI,CAAC,iCAAiC,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,MAAM,kBAAkB,GAAW,EAAE,CACnC,eAAe,CAChB,CAAA;IAED,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAChC,oDAAoD,EACpD,6CAA6C,EAC7C,UAAU,EACV,KAAK,EACL,IAAI,CAAC,oCAAoC,EACzC,cAAc,EACd,KAAK,CAAC,SAAS,CAChB,aAED,KAAC,sBAAsB,IACrB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB,EACF,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,kBAAkB,GAAI,EACrE,KAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,EACtC,OAAO,KAAK,CAAC,oBAAoB,KAAK,UAAU,IAAI,CACnD,8BACE,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,kBAAkB,GAAI,EACrE,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACD,CACJ,IACI,CACR,CAAC;AACJ,CAAC;AAED,eAAe,4BAA4B,CAAC"}
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.d.ts
CHANGED
|
@@ -1,37 +1,41 @@
|
|
|
1
1
|
export interface DashboardLayoutSidebarSizing {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
desktop_collapsed_width: string;
|
|
3
|
+
desktop_collapsed_width_classname: string;
|
|
4
|
+
desktop_expanded_width: string;
|
|
5
|
+
desktop_expanded_width_classname: string;
|
|
6
|
+
mobile_expanded_width: string;
|
|
7
|
+
mobile_expanded_width_classname: string;
|
|
8
8
|
header_height: string;
|
|
9
9
|
header_height_classname: string;
|
|
10
10
|
content_container_desktop_sidebar_open_width_classname: string;
|
|
11
11
|
content_container_desktop_sidebar_open_left_classname: string;
|
|
12
12
|
content_container_desktop_sidebar_closed_width_classname: string;
|
|
13
13
|
content_container_desktop_sidebar_closed_left_classname: string;
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
sidebar_menu_item_height: string;
|
|
15
|
+
sidebar_menu_item_height_classname: string;
|
|
16
16
|
sidebar_expanded_menu_group_label_bottom_padding: number;
|
|
17
17
|
sidebar_and_header_z_index_classname: string;
|
|
18
|
+
sidebar_menu_item_gap_classname: string;
|
|
19
|
+
sidebar_menu_item_x_margin_classname: string;
|
|
18
20
|
}
|
|
19
21
|
export declare const DEFAULT_DASHBOARD_SIDEBAR_SIZE: {
|
|
20
|
-
readonly
|
|
21
|
-
readonly
|
|
22
|
-
readonly
|
|
23
|
-
readonly
|
|
24
|
-
readonly
|
|
25
|
-
readonly
|
|
22
|
+
readonly desktop_collapsed_width: "4rem";
|
|
23
|
+
readonly desktop_collapsed_width_classname: "w-[4rem]";
|
|
24
|
+
readonly desktop_expanded_width: "14rem";
|
|
25
|
+
readonly desktop_expanded_width_classname: "w-[14rem]";
|
|
26
|
+
readonly mobile_expanded_width: "16rem";
|
|
27
|
+
readonly mobile_expanded_width_classname: "w-[16rem]";
|
|
26
28
|
readonly header_height: "4rem";
|
|
27
29
|
readonly header_height_classname: "h-[4rem]";
|
|
28
30
|
readonly content_container_desktop_sidebar_open_width_classname: "md:w-[calc(100vw-14rem)]";
|
|
29
31
|
readonly content_container_desktop_sidebar_open_left_classname: "md:left-[14rem]";
|
|
30
32
|
readonly content_container_desktop_sidebar_closed_width_classname: "md:w-[calc(100vw-4rem)]";
|
|
31
33
|
readonly content_container_desktop_sidebar_closed_left_classname: "md:left-[4rem]";
|
|
32
|
-
readonly
|
|
33
|
-
readonly
|
|
34
|
+
readonly sidebar_menu_item_height: "2.5rem";
|
|
35
|
+
readonly sidebar_menu_item_height_classname: "h-[2.5rem]";
|
|
34
36
|
readonly sidebar_expanded_menu_group_label_bottom_padding: 4;
|
|
35
37
|
readonly sidebar_and_header_z_index_classname: "z-40";
|
|
38
|
+
readonly sidebar_menu_item_gap_classname: "gap-2";
|
|
39
|
+
readonly sidebar_menu_item_x_margin_classname: "mx-2";
|
|
36
40
|
};
|
|
37
41
|
export declare const DashboardLayoutSidebarSizeContext: import("react").Context<DashboardLayoutSidebarSizing>;
|
package/dist/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar-sizing.js
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import { createContext } from "react";
|
|
2
2
|
export const DEFAULT_DASHBOARD_SIDEBAR_SIZE = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
desktop_collapsed_width: `4rem`,
|
|
4
|
+
desktop_collapsed_width_classname: `w-[4rem]`,
|
|
5
|
+
desktop_expanded_width: `14rem`,
|
|
6
|
+
desktop_expanded_width_classname: `w-[14rem]`,
|
|
7
|
+
mobile_expanded_width: `16rem`,
|
|
8
|
+
mobile_expanded_width_classname: `w-[16rem]`,
|
|
9
9
|
header_height: `4rem`,
|
|
10
10
|
header_height_classname: `h-[4rem]`,
|
|
11
11
|
content_container_desktop_sidebar_open_width_classname: "md:w-[calc(100vw-14rem)]",
|
|
12
12
|
content_container_desktop_sidebar_open_left_classname: "md:left-[14rem]",
|
|
13
13
|
content_container_desktop_sidebar_closed_width_classname: "md:w-[calc(100vw-4rem)]",
|
|
14
14
|
content_container_desktop_sidebar_closed_left_classname: "md:left-[4rem]",
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
sidebar_menu_item_height: '2.5rem',
|
|
16
|
+
sidebar_menu_item_height_classname: 'h-[2.5rem]',
|
|
17
17
|
sidebar_expanded_menu_group_label_bottom_padding: 4,
|
|
18
18
|
sidebar_and_header_z_index_classname: "z-40",
|
|
19
|
+
sidebar_menu_item_gap_classname: "gap-2",
|
|
20
|
+
sidebar_menu_item_x_margin_classname: "mx-2"
|
|
19
21
|
};
|
|
20
22
|
export const DashboardLayoutSidebarSizeContext = createContext(DEFAULT_DASHBOARD_SIDEBAR_SIZE);
|
|
21
23
|
//# sourceMappingURL=dashboard-sidebar-sizing.js.map
|
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;
|
|
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;AAuBtC,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,uBAAuB,EAAE,MAAM;IAC/B,iCAAiC,EAAE,UAAU;IAC7C,sBAAsB,EAAE,OAAO;IAC/B,gCAAgC,EAAE,WAAW;IAC7C,qBAAqB,EAAE,OAAO;IAC9B,+BAA+B,EAAE,WAAW;IAC5C,aAAa,EAAE,MAAM;IACrB,uBAAuB,EAAE,UAAU;IACnC,sDAAsD,EACpD,0BAA0B;IAC5B,qDAAqD,EAAE,iBAAiB;IACxE,wDAAwD,EACtD,yBAAyB;IAC3B,uDAAuD,EAAE,gBAAgB;IACzE,wBAAwB,EAAE,QAAQ;IAClC,kCAAkC,EAAE,YAAY;IAChD,gDAAgD,EAAE,CAAC;IACnD,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"}
|
|
@@ -15,7 +15,7 @@ export function DashboardSidebar(props) {
|
|
|
15
15
|
if (openState.mobile) {
|
|
16
16
|
return (_jsx(Sheet, { open: openState.open, onOpenChange: (newOpenState) => {
|
|
17
17
|
setOpen(newOpenState);
|
|
18
|
-
}, defaultOpen: openState.open, children: _jsxs(SheetContent, { side: "left", className: cn(size.
|
|
18
|
+
}, defaultOpen: openState.open, children: _jsxs(SheetContent, { side: "left", className: cn(size.mobile_expanded_width_classname), style: {
|
|
19
19
|
zIndex: 1000,
|
|
20
20
|
}, children: [_jsx(VisuallyHidden, { children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Sidebar Mobile Navigation Menu" }), _jsx(SheetDescription, { children: "This sidebar contains links for navigating to other pages within this application." })] }) }), _jsx(DashboardLayoutSidebarLayout, { logo: props.logo, wordmark: props.wordmark, Link: props.Link, brandHref: props.brandHref, sidebarFooterContent: props.sidebarFooterContent })] }) }));
|
|
21
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-sidebar.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,wCAAwC,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,4BAEN,MAAM,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAC9B,KAAwC;IAExC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,wCAAwC,CAAC,CAAC;IACrE,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,YAAY,EAAE,CAAC,YAAqB,EAAQ,EAAE;gBAC5C,OAAO,CAAC,YAAY,CAAC,CAAC;YACxB,CAAC,EACD,WAAW,EAAE,SAAS,CAAC,IAAI,YAE3B,MAAC,YAAY,IACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"dashboard-sidebar.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/dashboard-sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,wCAAwC,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,4BAEN,MAAM,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAC9B,KAAwC;IAExC,MAAM,IAAI,GAAG,yBAAyB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,4BAA4B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,wCAAwC,CAAC,CAAC;IACrE,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,YAAY,EAAE,CAAC,YAAqB,EAAQ,EAAE;gBAC5C,OAAO,CAAC,YAAY,CAAC,CAAC;YACxB,CAAC,EACD,WAAW,EAAE,SAAS,CAAC,IAAI,YAE3B,MAAC,YAAY,IACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,+BAA+B,CAAC,EACnD,KAAK,EAAE;oBACL,MAAM,EAAE,IAAI;iBACb,aAED,KAAC,cAAc,cACb,MAAC,WAAW,eACV,KAAC,UAAU,iDAA4C,EACvD,KAAC,gBAAgB,qGAGE,IACP,GACC,EACjB,KAAC,4BAA4B,IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,IACW,GACT,CACT,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,4BAA4B,IAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,GAChD,CACH,CAAC;IACJ,CAAC;AACH,CAAC;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import type { DashboardSidebarItemDefinition } from "./dashboard-sidebar-item-definition";
|
|
2
2
|
import type { DashboardSidebarItemGroupDefinition } from "./dashboard-sidebar-item-group";
|
|
3
3
|
export declare function useDashboardSidebarItemsAndGroups(): readonly (DashboardSidebarItemDefinition | DashboardSidebarItemGroupDefinition)[];
|
|
4
|
+
export default useDashboardSidebarItemsAndGroups;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDashboardSidebarItemsAndGroups.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/useDashboardSidebarItemsAndGroups.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,qCAAqC,EAAE,MAAM,8CAA8C,CAAC;AAIrG,MAAM,UAAU,iCAAiC;IAI/C,MAAM,YAAY,GAAG,UAAU,CAAC,qCAAqC,CAAC,CAAC;IACvE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9D,MAAM,IAAI,KAAK,EAAE,CAAC;IACpB,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC"}
|
|
1
|
+
{"version":3,"file":"useDashboardSidebarItemsAndGroups.js","sourceRoot":"","sources":["../../../../../src/components/layout/dashboard-layout/dashboard-sidebar/useDashboardSidebarItemsAndGroups.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,qCAAqC,EAAE,MAAM,8CAA8C,CAAC;AAIrG,MAAM,UAAU,iCAAiC;IAI/C,MAAM,YAAY,GAAG,UAAU,CAAC,qCAAqC,CAAC,CAAC;IACvE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9D,MAAM,IAAI,KAAK,EAAE,CAAC;IACpB,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,eAAe,iCAAiC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,SAAS,IAAI,OAAO,EAAC,MAAM,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,OAAO;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,OAAO,CACL,MAAC,aAAa,eACX,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;gBAChE,OAAO,CACL,MAAC,KAAK,OAAc,KAAK,aACvB,eAAK,SAAS,EAAC,YAAY,aACxB,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EACzC,WAAW,IAAI,CACd,KAAC,gBAAgB,cAAE,WAAW,GAAoB,CACnD,IACG,EACL,MAAM,EACP,KAAC,UAAU,KAAG,KARJ,EAAE,CASN,CACT,CAAC;YACJ,CAAC,CAAC,EACF,KAAC,aAAa,KAAG,IACH,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@schemavaults/ui",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"description": "React.js UI components for SchemaVaults frontend applications",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"autoprefixer": "10.4.21",
|
|
56
56
|
"base64url": "3.0.1",
|
|
57
57
|
"buffer": "6.0.3",
|
|
58
|
-
"bun-types": "1.3.
|
|
58
|
+
"bun-types": "1.3.6",
|
|
59
59
|
"eslint-plugin-storybook": "0.12.0",
|
|
60
60
|
"ignore-loader": "0.1.2",
|
|
61
61
|
"postcss": "8.5.6",
|
|
@@ -81,7 +81,8 @@
|
|
|
81
81
|
"clean": "rm -rf ./dist",
|
|
82
82
|
"storybook": "storybook dev -p 6006",
|
|
83
83
|
"preview": "bun run storybook",
|
|
84
|
-
"lint": "eslint src --ext .ts,.tsx"
|
|
84
|
+
"lint": "eslint src --ext .ts,.tsx",
|
|
85
|
+
"typecheck": "tsc --project tsconfig.pkg.json --noEmit"
|
|
85
86
|
},
|
|
86
87
|
"exports": {
|
|
87
88
|
".": {
|
|
@@ -127,7 +128,7 @@
|
|
|
127
128
|
"publishConfig": {
|
|
128
129
|
"access": "public"
|
|
129
130
|
},
|
|
130
|
-
"packageManager": "bun@1.3.
|
|
131
|
+
"packageManager": "bun@1.3.6",
|
|
131
132
|
"eslintConfig": {
|
|
132
133
|
"extends": [
|
|
133
134
|
"plugin:storybook/recommended"
|