@pattern-stack/frontend-patterns 0.2.0-alpha.14 → 0.2.0-alpha.15
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/CHANGELOG.md +5 -0
- package/dist/frontend-patterns.css +1 -1
- package/dist/index.es.js +14 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +14 -4
- package/dist/index.js.map +1 -1
- package/dist/molecules/layout/AppLayout.d.ts.map +1 -1
- package/dist/molecules/layout/Sidebar.d.ts +9 -1
- package/dist/molecules/layout/Sidebar.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10693,7 +10693,11 @@ const SidebarButton = ({
|
|
|
10693
10693
|
}
|
|
10694
10694
|
);
|
|
10695
10695
|
};
|
|
10696
|
-
const Sidebar = ({
|
|
10696
|
+
const Sidebar = ({
|
|
10697
|
+
className,
|
|
10698
|
+
footer,
|
|
10699
|
+
topOffset = "header"
|
|
10700
|
+
}) => {
|
|
10697
10701
|
const { isExpanded, toggleSidebar } = useSidebar();
|
|
10698
10702
|
const { navigation } = useNavigation();
|
|
10699
10703
|
const location = reactRouterDom.useLocation();
|
|
@@ -10713,9 +10717,9 @@ const Sidebar = ({ className, footer }) => {
|
|
|
10713
10717
|
"aside",
|
|
10714
10718
|
{
|
|
10715
10719
|
className: cn(
|
|
10716
|
-
"fixed left-0
|
|
10720
|
+
"fixed left-0 flex flex-col bg-background border-r border-border z-40",
|
|
10717
10721
|
"transition-all duration-300 ease-in-out",
|
|
10718
|
-
"h-[calc(100vh-4rem)]",
|
|
10722
|
+
topOffset === "none" ? "top-0 h-screen" : "top-16 h-[calc(100vh-4rem)]",
|
|
10719
10723
|
// Full height minus header (4rem = 64px)
|
|
10720
10724
|
!isExpanded ? "w-16" : "w-64",
|
|
10721
10725
|
className
|
|
@@ -10842,7 +10846,13 @@ const AppLayout = ({ header, sidebar } = {}) => {
|
|
|
10842
10846
|
const hideHeader = header === false;
|
|
10843
10847
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-background", children: [
|
|
10844
10848
|
!hideHeader && /* @__PURE__ */ jsxRuntime.jsx(AppHeader, { ...header ?? {} }),
|
|
10845
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10849
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10850
|
+
Sidebar,
|
|
10851
|
+
{
|
|
10852
|
+
footer: sidebar == null ? void 0 : sidebar.footer,
|
|
10853
|
+
topOffset: hideHeader ? "none" : "header"
|
|
10854
|
+
}
|
|
10855
|
+
),
|
|
10846
10856
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10847
10857
|
"main",
|
|
10848
10858
|
{
|