@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/page-layout/index.js

@@ -0,0 +1,288 @@
+import { ScreenService, Shade, createComponent } from '@furystack/shades';
+import { cssVariableTheme } from '../../services/css-variable-theme.js';
+import { LAYOUT_CSS_VARIABLES, LayoutService } from '../../services/layout-service.js';
+const DEFAULT_APPBAR_HEIGHT = '48px';
+const DEFAULT_DRAWER_WIDTH = '240px';
+/**
+ * PageLayout component for full-viewport application layouts.
+ *
+ * Provides a structured layout with:
+ * - Optional AppBar (permanent or auto-hide)
+ * - Optional left/right drawers (permanent, collapsible, or temporary)
+ * - Main content area with automatic margin management
+ * - Configurable gaps between AppBar/drawers and content
+ * - Responsive drawer collapse via `collapseOnBreakpoint`
+ *
+ * The LayoutService is scoped to this component, so CSS variables are isolated
+ * and automatically cleaned up when navigating away.
+ *
+ * @example
+ * ```tsx
+ * <PageLayout
+ *   appBar={{
+ *     variant: 'permanent',
+ *     component: <MyAppBar />,
+ *   }}
+ *   drawer={{
+ *     left: {
+ *       variant: 'collapsible',
+ *       component: <Sidebar />,
+ *       collapseOnBreakpoint: 'md', // Auto-collapse below 900px
+ *     },
+ *   }}
+ *   topGap="16px"
+ *   sideGap="24px"
+ * >
+ *   <MainContent />
+ * </PageLayout>
+ * ```
+ */
+export const PageLayout = Shade({
+    shadowDomName: 'shade-page-layout',
+    css: {
+        display: 'block',
+        position: 'fixed',
+        top: '0',
+        left: '0',
+        width: '100%',
+        height: '100%',
+        overflow: 'hidden',
+        background: cssVariableTheme.background.default,
+        '& div[is="shade-paper"]': {
+            margin: '0',
+        },
+        // AppBar container
+        '& .page-layout-appbar': {
+            position: 'fixed',
+            top: '0',
+            left: '0',
+            right: '0',
+            zIndex: cssVariableTheme.zIndex.appBar,
+            transition: `top ${cssVariableTheme.transitions.duration.slow} ${cssVariableTheme.transitions.easing.easeInOut}`,
+            height: `var(${LAYOUT_CSS_VARIABLES.appBarHeight})`,
+        },
+        // Auto-hide AppBar styles (controlled via host data attributes)
+        '&[data-appbar-auto-hide] .page-layout-appbar': {
+            top: 'calc(-1 * var(--layout-appbar-height, 48px))',
+        },
+        '&[data-appbar-auto-hide] .page-layout-appbar:hover': {
+            top: '0',
+        },
+        '&[data-appbar-auto-hide][data-appbar-visible] .page-layout-appbar': {
+            top: '0',
+        },
+        // Drawer containers - use CSS transitions
+        '& .page-layout-drawer': {
+            position: 'fixed',
+            top: 'var(--layout-appbar-height, 48px)',
+            bottom: '0',
+            zIndex: cssVariableTheme.zIndex.drawer,
+            overflow: 'hidden',
+            background: cssVariableTheme.background.paper,
+            transition: `transform ${cssVariableTheme.transitions.duration.slow} ${cssVariableTheme.transitions.easing.easeInOut}`,
+        },
+        '& .page-layout-drawer-left': {
+            left: '0',
+            width: 'var(--layout-drawer-left-configured-width, 240px)',
+            borderRight: `1px solid ${cssVariableTheme.divider}`,
+            transform: 'translateX(0)',
+        },
+        '& .page-layout-drawer-right': {
+            right: '0',
+            width: 'var(--layout-drawer-right-configured-width, 240px)',
+            borderLeft: `1px solid ${cssVariableTheme.divider}`,
+            transform: 'translateX(0)',
+        },
+        // Drawer closed states (controlled via host data attributes)
+        '&[data-drawer-left-closed] .page-layout-drawer-left': {
+            transform: 'translateX(-100%)',
+            pointerEvents: 'none',
+        },
+        '&[data-drawer-right-closed] .page-layout-drawer-right': {
+            transform: 'translateX(100%)',
+            pointerEvents: 'none',
+        },
+        // Temporary drawer backdrop
+        '& .page-layout-drawer-backdrop': {
+            position: 'fixed',
+            top: '0',
+            left: '0',
+            right: '0',
+            bottom: '0',
+            backgroundColor: cssVariableTheme.action.backdrop,
+            zIndex: cssVariableTheme.zIndex.drawer,
+            opacity: '0',
+            pointerEvents: 'none',
+            transition: `opacity ${cssVariableTheme.transitions.duration.slow} ${cssVariableTheme.transitions.easing.easeInOut}`,
+        },
+        '&[data-backdrop-visible] .page-layout-drawer-backdrop': {
+            opacity: '1',
+            pointerEvents: 'auto',
+        },
+        // Content area - uses CSS variables for positioning
+        '& .page-layout-content': {
+            position: 'absolute',
+            top: '0',
+            bottom: '0',
+            overflow: 'auto',
+            paddingTop: 'var(--layout-content-padding-top, 0px)',
+            paddingLeft: 'var(--layout-side-gap, 0px)',
+            paddingRight: 'var(--layout-side-gap, 0px)',
+            left: 'var(--layout-content-margin-left, 0px)',
+            right: 'var(--layout-content-margin-right, 0px)',
+            transition: `left ${cssVariableTheme.transitions.duration.slow} ${cssVariableTheme.transitions.easing.easeInOut}, right ${cssVariableTheme.transitions.duration.slow} ${cssVariableTheme.transitions.easing.easeInOut}`,
+        },
+    },
+    render: ({ props, children, injector, useObservable, useDisposable, useHostProps }) => {
+        // Create scoped LayoutService (CSS variables are set on the host via useHostProps)
+        const layoutService = useDisposable('layoutService', () => new LayoutService());
+        // Create a child injector with the scoped LayoutService
+        // This allows child components (like DrawerToggleButton) to access it
+        const childInjector = useDisposable('childInjector', () => {
+            const child = injector.createChild();
+            child.setExplicitInstance(layoutService, LayoutService);
+            return child;
+        });
+        // Propagate the child injector on the host so descendants can find it
+        useHostProps({ injector: childInjector });
+        const screenService = injector.getInstance(ScreenService);
+        // Initialize AppBar
+        const appBarHeight = props.appBar?.height ?? DEFAULT_APPBAR_HEIGHT;
+        if (props.appBar) {
+            layoutService.appBarHeight.setValue(appBarHeight);
+            // Only reset appBarVisible when transitioning to auto-hide (not on every render)
+            const prevVariant = layoutService.appBarVariant.getValue();
+            layoutService.appBarVariant.setValue(props.appBar.variant);
+            if (props.appBar.variant === 'auto-hide' && prevVariant !== 'auto-hide') {
+                layoutService.appBarVisible.setValue(false);
+            }
+        }
+        else {
+            layoutService.appBarHeight.setValue('0px');
+        }
+        // Initialize gaps
+        layoutService.setTopGap(props.topGap ?? '0px');
+        layoutService.setSideGap(props.sideGap ?? '0px');
+        // Initialize drawers
+        const initializeDrawer = (position, config) => {
+            const width = config.width ?? DEFAULT_DRAWER_WIDTH;
+            // Permanent drawers are always open
+            // Collapsible drawers default to open unless defaultOpen is false
+            // Temporary drawers default to closed unless defaultOpen is true
+            const isOpen = config.variant === 'permanent' ||
+                (config.variant === 'collapsible' && (config.defaultOpen ?? true)) ||
+                (config.variant === 'temporary' && config.defaultOpen === true);
+            const currentState = layoutService.drawerState.getValue()[position];
+            // Only initialize if not already set (preserve user interactions)
+            if (!currentState) {
+                layoutService.initDrawer(position, { open: isOpen, width, variant: config.variant });
+            }
+            else if (currentState.width !== width || currentState.variant !== config.variant) {
+                // Update if width or variant changed
+                layoutService.initDrawer(position, { ...currentState, width, variant: config.variant });
+            }
+        };
+        if (props.drawer?.left) {
+            initializeDrawer('left', props.drawer.left);
+        }
+        if (props.drawer?.right) {
+            initializeDrawer('right', props.drawer.right);
+        }
+        // Set up responsive breakpoint listeners for drawers
+        const setupBreakpointListener = (position, config) => {
+            const { collapseOnBreakpoint, variant } = config;
+            if (!collapseOnBreakpoint || variant === 'permanent') {
+                return { [Symbol.dispose]: () => { } };
+            }
+            const breakpointObservable = screenService.screenSize.atLeast[collapseOnBreakpoint];
+            const applyBreakpoint = (isAtLeast) => {
+                const currentState = layoutService.drawerState.getValue()[position];
+                const currentlyOpen = currentState?.open ?? false;
+                // When screen becomes smaller than breakpoint, close the drawer
+                // When screen becomes larger than breakpoint, open the drawer (for collapsible)
+                if (variant === 'collapsible') {
+                    // Only update if the state needs to change
+                    if (isAtLeast !== currentlyOpen) {
+                        layoutService.setDrawerOpen(position, isAtLeast);
+                    }
+                }
+                else if (variant === 'temporary' && isAtLeast && currentlyOpen) {
+                    // For temporary drawers, close when screen is large enough
+                    layoutService.setDrawerOpen(position, false);
+                }
+            };
+            const subscription = breakpointObservable.subscribe(applyBreakpoint);
+            // Apply the current breakpoint value immediately since subscribe only fires on changes
+            applyBreakpoint(breakpointObservable.getValue());
+            return subscription;
+        };
+        // Set up breakpoint listeners for left and right drawers
+        useDisposable('breakpoint-listener-left', () => {
+            if (props.drawer?.left?.collapseOnBreakpoint) {
+                return setupBreakpointListener('left', props.drawer.left);
+            }
+            return { [Symbol.dispose]: () => { } };
+        });
+        useDisposable('breakpoint-listener-right', () => {
+            if (props.drawer?.right?.collapseOnBreakpoint) {
+                return setupBreakpointListener('right', props.drawer.right);
+            }
+            return { [Symbol.dispose]: () => { } };
+        });
+        // Subscribe to drawer state and appbar visibility - re-render to update host props
+        const [drawerState] = useObservable('drawerState', layoutService.drawerState);
+        const [isAppBarVisible] = useObservable('appBarVisible', layoutService.appBarVisible);
+        // Set host classes via useHostProps for CSS-based animations
+        const isLeftOpen = drawerState.left?.open ?? false;
+        const isRightOpen = drawerState.right?.open ?? false;
+        const isLeftTemporaryOpen = props.drawer?.left?.variant === 'temporary' && isLeftOpen;
+        const isRightTemporaryOpen = props.drawer?.right?.variant === 'temporary' && isRightOpen;
+        // Compute CSS variables from LayoutService state
+        const appBarHeightVal = layoutService.appBarHeight.getValue();
+        const appBarVariantVal = layoutService.appBarVariant.getValue();
+        const topGapVal = layoutService.topGap.getValue();
+        const sideGapVal = layoutService.sideGap.getValue();
+        const contentPaddingTop = appBarVariantVal === 'auto-hide' ? topGapVal : `calc(${appBarHeightVal} + ${topGapVal})`;
+        const leftWidth = drawerState.left?.open ? (drawerState.left.width ?? '0px') : '0px';
+        const rightWidth = drawerState.right?.open ? (drawerState.right.width ?? '0px') : '0px';
+        const leftContentMargin = layoutService.getContentMarginForPosition('left');
+        const rightContentMargin = layoutService.getContentMarginForPosition('right');
+        useHostProps({
+            ...(!isLeftOpen ? { 'data-drawer-left-closed': '' } : {}),
+            ...(!isRightOpen ? { 'data-drawer-right-closed': '' } : {}),
+            ...(props.appBar?.variant === 'auto-hide' ? { 'data-appbar-auto-hide': '' } : {}),
+            ...(props.appBar?.variant === 'auto-hide' && isAppBarVisible ? { 'data-appbar-visible': '' } : {}),
+            ...(isLeftTemporaryOpen || isRightTemporaryOpen ? { 'data-backdrop-visible': '' } : {}),
+            style: {
+                '--layout-appbar-height': appBarHeightVal,
+                '--layout-top-gap': topGapVal,
+                '--layout-side-gap': sideGapVal,
+                '--layout-content-padding-top': contentPaddingTop,
+                '--layout-content-margin-top': appBarHeightVal,
+                '--layout-drawer-left-configured-width': drawerState.left?.width ?? '0px',
+                '--layout-drawer-left-width': leftWidth,
+                '--layout-content-margin-left': leftContentMargin,
+                '--layout-drawer-right-configured-width': drawerState.right?.width ?? '0px',
+                '--layout-drawer-right-width': rightWidth,
+                '--layout-content-margin-right': rightContentMargin,
+            },
+        });
+        // Handle temporary drawer backdrop click
+        const handleBackdropClick = () => {
+            const state = layoutService.drawerState.getValue();
+            if (props.drawer?.left?.variant === 'temporary' && state.left?.open) {
+                layoutService.setDrawerOpen('left', false);
+            }
+            if (props.drawer?.right?.variant === 'temporary' && state.right?.open) {
+                layoutService.setDrawerOpen('right', false);
+            }
+        };
+        return (createComponent("div", { style: { display: 'contents' } },
+            props.appBar && (createComponent("div", { className: "page-layout-appbar", "data-testid": "page-layout-appbar" }, props.appBar.component)),
+            createComponent("div", { className: "page-layout-drawer-backdrop", onclick: handleBackdropClick, "data-testid": "page-layout-backdrop" }),
+            props.drawer?.left && (createComponent("div", { className: "page-layout-drawer page-layout-drawer-left", "data-testid": "page-layout-drawer-left" }, props.drawer.left.component)),
+            props.drawer?.right && (createComponent("div", { className: "page-layout-drawer page-layout-drawer-right", "data-testid": "page-layout-drawer-right" }, props.drawer.right.component)),
+            createComponent("main", { className: "page-layout-content", "data-testid": "page-layout-content" }, children)));
+    },
+});
+//# sourceMappingURL=index.js.map

package/esm/components/page-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/page-layout/index.tsx"],"names":[],"mappings":"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"}

package/esm/components/page-layout/index.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.spec.d.ts.map

package/esm/components/page-layout/index.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.d.ts","sourceRoot":"","sources":["../../../src/components/page-layout/index.spec.tsx"],"names":[],"mappings":""}