fh-matui 0.9.13__tar.gz → 0.9.15__tar.gz

{fh_matui-0.9.13/fh_matui.egg-info → fh_matui-0.9.15}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fh-matui
-Version: 0.9.13
+Version: 0.9.15
 Summary: material-ui for fasthtml
 Home-page: https://github.com/abhisheksreesaila/fh-matui
 Author: abhishek sreesaila

fh_matui-0.9.15/fh_matui/__init__.py

@@ -0,0 +1 @@
+__version__ = "0.9.14"

{fh_matui-0.9.13 → fh_matui-0.9.15}/fh_matui/_modidx.py

@@ -54,6 +54,7 @@ d = { 'settings': { 'branch': 'master',
                                      'fh_matui.components.NavSideBarLinks': ('components.html#navsidebarlinks', 'fh_matui/components.py'),
                                      'fh_matui.components.NavSubtitle': ('components.html#navsubtitle', 'fh_matui/components.py'),
                                      'fh_matui.components.NavToggleButton': ('components.html#navtogglebutton', 'fh_matui/components.py'),
+                                     'fh_matui.components.Page': ('components.html#page', 'fh_matui/components.py'),
                                      'fh_matui.components.Pagination': ('components.html#pagination', 'fh_matui/components.py'),
                                      'fh_matui.components.Progress': ('components.html#progress', 'fh_matui/components.py'),
                                      'fh_matui.components.Q': ('components.html#q', 'fh_matui/components.py'),

{fh_matui-0.9.13 → fh_matui-0.9.15}/fh_matui/components.py

@@ -10,9 +10,9 @@ __all__ = ['BUTTON_SPECIALS', 'ButtonT', 'ANCHOR_SPECIALS', 'AT', 'NavToggleButt
            'FormGrid', 'Progress', 'LoadingIndicator', 'Table', 'Td', 'Th', 'Thead', 'Tbody', 'Tfoot', 'TableFromLists',
            'TableFromDicts', 'TableControls', 'Pagination', 'Card', 'Toolbar', 'Toast', 'Snackbar', 'ContainerT',
            'FormField', 'FormModal', 'NavContainer', 'NavHeaderLi', 'NavDividerLi', 'NavCloseLi', 'NavSubtitle',
-           'BottomNav', 'NavSideBarHeader', 'NavSideBarLinks', 'NavSideBarContainer', 'Layout', 'TextT', 'TextPresets',
-           'CodeSpan', 'CodeBlock', 'Blockquote', 'Q', 'Em', 'Strong', 'Small', 'Mark', 'Abbr', 'Sub', 'Sup', 'FAQItem',
-           'CookiesBanner']
+           'BottomNav', 'NavSideBarHeader', 'NavSideBarLinks', 'NavSideBarContainer', 'Page', 'Layout', 'TextT',
+           'TextPresets', 'CodeSpan', 'CodeBlock', 'Blockquote', 'Q', 'Em', 'Strong', 'Small', 'Mark', 'Abbr', 'Sub',
+           'Sup', 'FAQItem', 'CookiesBanner']
 
 # %% ../nbs/02_components.ipynb 2
 from fastcore.utils import *
@@ -163,28 +163,20 @@ def _snap_to_valid_cols(n: int) -> int:
     return 12
 
 
-def _wrap_grid_children(cells, cols=None, cols_sm=None, cols_md=None, cols_lg=None):
+def _wrap_grid_children(cells, cols_sm=None, cols_md=None, cols_lg=None):
     """Wrap grid children with span classes based on column counts."""
     # If no column counts specified, return cells as-is
-    if not any([cols, cols_sm, cols_md, cols_lg]):
+    if not any([cols_sm, cols_md, cols_lg]):
         return cells
     
     # Build span string from column counts
     spans = []
     if cols_sm:
         spans.append(f's{12 // cols_sm}')
-    elif cols:
-        spans.append(f's{12 // cols}')
-    
     if cols_md:
         spans.append(f'm{12 // cols_md}')
-    elif cols:
-        spans.append(f'm{12 // cols}')
-    
     if cols_lg:
         spans.append(f'l{12 // cols_lg}')
-    elif cols:
-        spans.append(f'l{12 // cols}')
     
     span_str = ' '.join(spans) if spans else 's12'
     
@@ -196,11 +188,21 @@ def Grid(*cells, space=SpaceT.medium_space,
          cols_min: int = 1, cols_max: int = 4,
          cols: int = None, cols_sm: int = None, cols_md: int = None, cols_lg: int = None, 
          responsive: bool = True, padding: bool = True, cls: str = '', **kwargs):
-    """BeerCSS responsive grid with smart column defaults and mobile-first design."""
+    """BeerCSS responsive grid with smart column defaults and mobile-first design.
+    
+    MonsterUI-compatible API: `cols` parameter auto-derives responsive breakpoints:
+        cols=4 -> cols_sm=1, cols_md=2, cols_lg=4 (mobile stacks, tablet halves, desktop full)
+    
+    For explicit control, use cols_sm, cols_md, cols_lg directly.
+    """
     # Smart defaults based on content count (MonsterUI pattern)
     if cols:
-        # Fixed cols for all breakpoints
-        cols_sm = cols_md = cols_lg = _snap_to_valid_cols(cols)
+        # Auto-derive responsive breakpoints from cols (mobile-friendly by default)
+        # cols=4 -> stack on mobile (1), half on tablet (2), full on desktop (4)
+        snapped = _snap_to_valid_cols(cols)
+        cols_lg = cols_lg or snapped
+        cols_md = cols_md or _snap_to_valid_cols(max(1, snapped // 2))
+        cols_sm = cols_sm or 1  # Always stack on mobile for readability
     elif not any([cols_sm, cols_md, cols_lg]):
         # Auto-calculate responsive columns based on item count
         n = len(cells)
@@ -214,18 +216,20 @@ def Grid(*cells, space=SpaceT.medium_space,
         if cols_md: cols_md = _snap_to_valid_cols(cols_md)
         if cols_lg: cols_lg = _snap_to_valid_cols(cols_lg)
     
-    wrapped_cells = _wrap_grid_children(cells, cols, cols_sm, cols_md, cols_lg)
+    wrapped_cells = _wrap_grid_children(cells, cols_sm, cols_md, cols_lg)
     
     cls_tokens = normalize_tokens(cls)
     grid_cls = ['grid']
-    if responsive and 'responsive' not in cls_tokens:
-        grid_cls.append('responsive')
+    
     if padding and 'padding' not in cls_tokens and 'no-padding' not in cls_tokens:
         grid_cls.append('padding')
+    
     if space and not _has_space_token(cls_tokens):
         grid_cls.extend(normalize_tokens(space))
+    
     grid_cls.extend(cls_tokens)
     grid_cls = [t for t in grid_cls if t]
+    
     return Div(*wrapped_cells, cls=stringify(dedupe_preserve_order(grid_cls)), **kwargs)
 
 # %% ../nbs/02_components.ipynb 16
@@ -339,7 +343,7 @@ def NavBar(*children, brand=None, sticky=False, cls='', size='small',
         hx_target: Target element for boosted links (default '#main-content')
     """
     size_cls = size if size else ''
-    nav_cls = f"{'sticky top' if sticky else ''} surface-container {size_cls} {cls}".strip()
+    nav_cls = f"{'sticky top' if sticky else ''} surface {size_cls} {cls}".strip()
     
     # HTMX SPA optimizations
     if hx_boost: kwargs['hx_boost'] = 'true'
@@ -589,30 +593,105 @@ def Range(*c, min=None, max=None, step=None, cls=(), **kwargs):
 
 # %% ../nbs/02_components.ipynb 59
 #| code-fold: true
-def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='', cls=(), **kwargs):
-    """BeerCSS menu-based select dropdown with rich styling."""
+# One-time script for Select component HTMX integration
+# Handles menu item clicks, syncs hidden input, dispatches 'itemselected' event
+# Fixed: Better selector, data-value support, menu closing, dual event dispatch
+_SELECT_SCRIPT = Script("""
+(function() {
+    if (window._fhMatuiSelectInit) return;
+    window._fhMatuiSelectInit = true;
+    
+    document.addEventListener('click', function(e) {
+        // Find clicked li inside a menu that's inside a field wrapper
+        const li = e.target.closest('li');
+        if (!li) return;
+        
+        // Skip transparent items (headers/labels)
+        if (li.classList.contains('transparent')) return;
+        
+        // Find the menu and field wrapper
+        const menu = li.closest('menu');
+        if (!menu) return;
+        
+        const wrapper = menu.closest('.field');
+        if (!wrapper) return;
+        
+        // Get value: prefer data-value attribute, fallback to text content
+        const value = li.dataset.value || li.textContent.trim();
+        const displayText = li.textContent.trim();
+        
+        // Update display input (readonly visible input)
+        const displayInput = wrapper.querySelector('input:not([type="hidden"])');
+        if (displayInput) displayInput.value = displayText;
+        
+        // Update hidden input (form submission value)
+        const hiddenInput = wrapper.querySelector('input[type="hidden"]');
+        if (hiddenInput) hiddenInput.value = value;
+        
+        // Close the menu using BeerCSS ui() function
+        if (typeof ui === 'function') {
+            ui(menu);
+        }
+        
+        // Dispatch custom event for HTMX integration (on wrapper for hx-trigger)
+        wrapper.dispatchEvent(new CustomEvent('itemselected', {
+            detail: { value: value, displayText: displayText, li: li },
+            bubbles: true
+        }));
+        
+        // Also dispatch change event for standard form handling
+        if (hiddenInput) {
+            hiddenInput.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+    });
+})();
+""", id="fh-matui-select-init")
+
+def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='', id=None, cls=(), **kwargs):
+    """BeerCSS menu-based select dropdown with HTMX integration.
+    
+    Dispatches 'itemselected' custom event when a menu item is clicked,
+    enabling HTMX patterns like hx-trigger="itemselected".
+    """
     menu_items = []
     for item in items:
         if isinstance(item, str): menu_items.append(Li(item))
         else: menu_items.append(item)
     
+    # Auto-generate ID from name if not provided
+    wrapper_id = id or (f"select-{name}" if name else None)
+    
     children = []
     if prefix_icon: children.append(I(prefix_icon))
+    
+    # Display input (readonly, shows selected value)
     input_attrs = {'value': value, 'readonly': True, 'placeholder': placeholder if placeholder else ' '}
-    if name: input_attrs['name'] = name
-    input_attrs.update(kwargs)
     children.append(Input(**input_attrs))
+    
+    # Hidden input for form submission (carries the actual value)
+    if name:
+        children.append(Input(type='hidden', name=name, value=value))
+    
     children.append(I('arrow_drop_down'))
     children.append(Menu(*menu_items))
     
+    # Include the one-time init script
+    children.append(_SELECT_SCRIPT)
+    
     field_cls = ['field', 'fill', 'round']
     if prefix_icon: field_cls.append('prefix')
     field_cls.append('suffix')
     if cls: field_cls.extend(normalize_tokens(cls))
     cls_str = stringify(field_cls)
-    return Div(*children, cls=cls_str)
+    
+    wrapper_attrs = {'cls': cls_str}
+    if wrapper_id:
+        wrapper_attrs['id'] = wrapper_id
+    wrapper_attrs.update(kwargs)
+    
+    return Div(*children, **wrapper_attrs)
 
-# %% ../nbs/02_components.ipynb 68
+# %% ../nbs/02_components.ipynb 70
 #| code-fold: true
 def FormGrid(*c, cols: int = 1):
     """Responsive grid layout for form fields that stacks on mobile."""
@@ -621,7 +700,7 @@ def FormGrid(*c, cols: int = 1):
     wrapped = [Div(child, cls=col_cls) for child in c]
     return Div(*wrapped, cls="grid")
 
-# %% ../nbs/02_components.ipynb 71
+# %% ../nbs/02_components.ipynb 73
 #| code-fold: true
 def Progress(*c, value='', max='100', cls=(), **kwargs):
     """Linear progress bar with value/max support."""
@@ -633,7 +712,7 @@ def Progress(*c, value='', max='100', cls=(), **kwargs):
     if cls_str: return fc.Progress(*c, cls=cls_str, **progress_attrs)
     return fc.Progress(*c, **progress_attrs)
 
-# %% ../nbs/02_components.ipynb 74
+# %% ../nbs/02_components.ipynb 76
 #| code-fold: true
 def LoadingIndicator(size='medium', cls='', **kwargs):
     """BeerCSS circular spinner for async operations."""
@@ -641,7 +720,7 @@ def LoadingIndicator(size='medium', cls='', **kwargs):
     progress_cls = f"circle {size_cls} {cls}".strip()
     return fc.Progress(cls=progress_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 77
+# %% ../nbs/02_components.ipynb 79
 #| code-fold: true
 def Table(*c, cls = 'border', **kwargs):
     """BeerCSS table with optional border/stripes classes."""
@@ -709,14 +788,14 @@ def TableFromDicts(header_data, body_data, footer_data = None, header_cell_rende
         Tfoot(Tr(*[footer_cell_render(k, footer_data.get(k, '')) for k in header_data])) if footer_data else None,
         cls=cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 80
+# %% ../nbs/02_components.ipynb 82
 #| code-fold: true
 def TableControls(*controls, cls='', **kwargs):
     """Toolbar container for table filters, search, and actions."""
     controls_cls = f"padding middle-align space {cls}".strip()
     return Div(*controls, cls=controls_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 83
+# %% ../nbs/02_components.ipynb 85
 #| code-fold: true
 def Pagination(current_page: int, total_pages: int, hx_get: str, hx_target: str = '#table-container',
                show_first_last: bool = True, cls='', **kwargs):
@@ -751,7 +830,7 @@ def Pagination(current_page: int, total_pages: int, hx_get: str, hx_target: str
     nav_cls = f"center-align middle-align {cls}".strip()
     return Nav(*buttons, cls=nav_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 86
+# %% ../nbs/02_components.ipynb 88
 #| code-fold: true
 def Card(*c, header = None, footer = None, body_cls = 'padding', header_cls = (), footer_cls = (), cls = (), **kwargs):
     """BeerCSS card with optional header/footer sections."""
@@ -765,7 +844,7 @@ def Card(*c, header = None, footer = None, body_cls = 'padding', header_cls = ()
     if footer is not None: sections.append(Nav(footer, cls=footer_cls) if footer_cls else Nav(footer))
     return Article(*sections, cls=cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 89
+# %% ../nbs/02_components.ipynb 91
 #| code-fold: true
 def Toolbar(*items, cls='', elevate='large', fill=True, **kwargs):
     """BeerCSS toolbar for action bars with elevation options."""
@@ -775,7 +854,7 @@ def Toolbar(*items, cls='', elevate='large', fill=True, **kwargs):
     if cls: classes.append(cls)
     return Nav(*items, cls=' '.join(classes), **kwargs)
 
-# %% ../nbs/02_components.ipynb 93
+# %% ../nbs/02_components.ipynb 95
 #| code-fold: true
 def Toast(*c, cls='', position='top', variant='', action=None, active=False, dur=None, **kwargs):
     """BeerCSS snackbar/toast notification with position ('top' or 'bottom') and variant options."""
@@ -819,7 +898,7 @@ def Snackbar(*c, **kwargs):
     """Alias for Toast component."""
     return Toast(*c, **kwargs)
 
-# %% ../nbs/02_components.ipynb 96
+# %% ../nbs/02_components.ipynb 98
 #| code-fold: true
 class ContainerT(VEnum):
     """Container size options (BeerCSS). Most alias to 'responsive'; use 'expand' for full-width."""
@@ -830,7 +909,7 @@ class ContainerT(VEnum):
     xl = 'responsive'
     expand = 'responsive max'
 
-# %% ../nbs/02_components.ipynb 98
+# %% ../nbs/02_components.ipynb 100
 #| code-fold: true
 def _get_form_config(col: dict) -> dict:
     """Extract form config from column, with sensible defaults."""
@@ -906,7 +985,7 @@ def FormField(
             **attrs
         )
 
-# %% ../nbs/02_components.ipynb 100
+# %% ../nbs/02_components.ipynb 102
 #| code-fold: true
 from typing import Callable, Any
 
@@ -1025,7 +1104,7 @@ def FormModal(
         cls="large-width"
     )
 
-# %% ../nbs/02_components.ipynb 102
+# %% ../nbs/02_components.ipynb 104
 #| code-fold: true
 def NavContainer(*li, title=None, brand=None, position='left', close_button=True, cls='active', id=None, **kwargs):
     """Slide-out navigation drawer with header and close button."""
@@ -1082,7 +1161,7 @@ def BottomNav(*c, cls='bottom', size='s', **kwargs):
     final_cls = f"{cls} {size_cls}".strip()
     return Nav(*c, cls=final_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 105
+# %% ../nbs/02_components.ipynb 107
 #| code-fold: true
 def NavSideBarHeader(*c, cls='', **kwargs):
     """Sidebar header section for menu buttons and branding."""
@@ -1115,7 +1194,7 @@ def NavSideBarContainer(*children, position='left', size='m', cls='', active=Fal
             if 'HX-Request' in req.headers: return content  # HTMX swap
             return Layout(content)  # Full page load
     """
-    base_cls = f"{size} {position} surface-container"
+    base_cls = f"{size} {position} surface"
     if active: base_cls += " active"
     nav_cls = f"{base_cls} {cls}".strip()
     
@@ -1126,11 +1205,31 @@ def NavSideBarContainer(*children, position='left', size='m', cls='', active=Fal
     
     return Nav(*children, cls=nav_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 107
+# %% ../nbs/02_components.ipynb 109
 #| code-fold: true
+def Page(*c, active=True, position=None, cls='', **kwargs):
+    """BeerCSS animated page container.
+    
+    Pages are containers that can be a main page, multiple pages, or animated elements.
+    
+    Args:
+        active: Show page (default True)
+        position: Animation direction - 'left', 'right', 'top', 'bottom' (optional)
+        cls: Additional classes
+    
+    Example:
+        Page(H1("Dashboard"), P("Content here"))  # Default active page
+        Page(content, position='right')  # Slide from right animation
+    """
+    page_cls = ['page']
+    if active: page_cls.append('active')
+    if position: page_cls.append(position)
+    if cls: page_cls.extend(normalize_tokens(cls))
+    return Div(*c, cls=stringify(page_cls), **kwargs)
+
 def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_size=ContainerT.expand,
            main_bg='surface', sidebar_id='app-sidebar', main_id='main-content', cls='', **kwargs):
-    """App layout with HTMX SPA navigation.
+    """App layout with HTMX SPA navigation and responsive mobile support.
     
     Args:
         main_id: ID for main content area (default 'main-content') - use as hx-target
@@ -1140,6 +1239,11 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
         - hx-history-elt for back/forward button caching
         - Routes should check `req.headers` for HX-Request and return content only for HTMX requests
         
+    Mobile Responsive:
+        - Desktop (>992px): Left sidebar visible, bottom nav hidden
+        - Mobile (≤992px): Bottom nav visible, sidebar hidden
+        - Both navigations share the same sidebar_links for consistent behavior
+        
     Usage:
         @rt("/dashboard")
         def dashboard(req):
@@ -1150,7 +1254,7 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
     # Build content wrapper with history caching
     content_wrapper = None
     if content:
-        content_wrapper = Div(*content, id=main_id, hx_history_elt='true')
+        content_wrapper = Div(*content, hx_history_elt='true')
     
     # No sidebar - simple layout
     if not sidebar and not sidebar_links:
@@ -1161,7 +1265,8 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
             result.append(nav_bar)
         if content_wrapper:
             container_cls = stringify((container_size, 'padding', main_bg))
-            result.append(Main(content_wrapper, cls=container_cls))
+            page_content = Page(content_wrapper, id=main_id)
+            result.append(Main(page_content, cls=container_cls))
         return Div(*result, cls=cls, **kwargs) if result else Div(cls=cls, **kwargs)
     
     # Sidebar layout with hx-boost
@@ -1172,9 +1277,24 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
         if is_listy(sidebar): sidebar_children.extend(sidebar)
         else: sidebar_children.append(sidebar)
     
-    nav_rail = NavSideBarContainer(*sidebar_children, position='left', size='l', id=sidebar_id)
+    nav_rail = NavSideBarContainer(*sidebar_children, position='left', size='l', id=sidebar_id, cls='desktop-nav')
+    
+    # Mobile bottom navigation with same links
+    bottom_nav_children = sidebar_links if sidebar_links else (list(sidebar) if is_listy(sidebar) else [sidebar] if sidebar else [])
+    nav_bottom = BottomNav(*bottom_nav_children, cls='bottom mobile-nav', 
+                           hx_boost='true', hx_target=f'#{main_id}', hx_push_url='true')
+    
+    # Responsive CSS for desktop/mobile navigation switching
+    # Only hide elements when needed - don't override Beer CSS flex layout on desktop
+    responsive_nav_css = Style("""
+        .mobile-nav { display: none !important; }
+        @media (max-width: 992px) {
+            .mobile-nav { display: flex !important; }
+            .desktop-nav { display: none !important; }
+        }
+    """)
     
-    layout_children = []
+    layout_children = [responsive_nav_css]
     
     if nav_bar:
         if hasattr(nav_bar, 'attrs') and 'cls' in nav_bar.attrs:
@@ -1182,15 +1302,18 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
         layout_children.append(nav_bar)
     
     layout_children.append(nav_rail)
+    layout_children.append(nav_bottom)
     
     if content_wrapper:
-        container_cls = stringify((container_size, 'round', 'elevate', 'margin'))
-        layout_children.append(Main(content_wrapper, cls=container_cls))
+        container_cls = stringify((container_size, 'surface-container', 'round', 'padding', 'bottom-margin', 'horizontal-margin'))
+        page_content = Page(content_wrapper, id=main_id)
+        layout_children.append(Main(page_content, cls=container_cls))
     
-    final_cls = f"surface-container {cls}".strip() if cls else "surface-container"
+    final_cls = f"surface {cls}".strip() if cls else "surface"
     return Div(*layout_children, cls=final_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 113
+
+# %% ../nbs/02_components.ipynb 115
 #| code-fold: true
 class TextT(VEnum):
     """Text styles using BeerCSS typography classes."""
@@ -1222,7 +1345,7 @@ class TextPresets(VEnum):
     primary_link = 'link primary-text'
     muted_link = 'link secondary-text'
 
-# %% ../nbs/02_components.ipynb 114
+# %% ../nbs/02_components.ipynb 116
 #| code-fold: true
 def CodeSpan(*c, cls=(), **kwargs):
     """Inline code snippet."""
@@ -1278,7 +1401,7 @@ def Sup(*c, cls=(), **kwargs):
     cls_str = stringify(cls) if cls else None
     return fc.Sup(*c, cls=cls_str, **kwargs) if cls_str else fc.Sup(*c, **kwargs)
 
-# %% ../nbs/02_components.ipynb 116
+# %% ../nbs/02_components.ipynb 118
 #| code-fold: true
 def FAQItem(question: str, answer: str, question_cls: str = '', answer_cls: str = ''):
     """Collapsible FAQ item using details/summary.
@@ -1296,7 +1419,7 @@ def FAQItem(question: str, answer: str, question_cls: str = '', answer_cls: str
         Summary(Article(Nav(Div(question, cls=f"max bold {question_cls}".strip()), I("expand_more")), cls="round surface-variant border no-elevate")),
         Article(P(answer, cls=f"secondary-text {answer_cls}".strip()), cls="round border padding"))
 
-# %% ../nbs/02_components.ipynb 120
+# %% ../nbs/02_components.ipynb 122
 #| code-fold: true
 def CookiesBanner(message='We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.',
                   accept_text='Accept', decline_text='Decline', settings_text=None, policy_link='/cookies', policy_text='Learn more',

{fh_matui-0.9.13 → fh_matui-0.9.15}/fh_matui/core.py

@@ -19,6 +19,7 @@ from nbdev.showdoc import show_doc
 
 # %% ../nbs/01_core.ipynb 5
 #| code-fold: true
+#| code-fold: true
 HEADER_URLS = {
     "beercss_css": "https://cdn.jsdelivr.net/npm/beercss@3.13.1/dist/cdn/beer.min.css",
     "beercss_js": "https://cdn.jsdelivr.net/npm/beercss@3.13.1/dist/cdn/beer.min.js",
@@ -33,6 +34,7 @@ beer_hdrs = (
 
 # %% ../nbs/01_core.ipynb 7
 #| code-fold: true
+#| code-fold: true
 # All BeerCSS color names
 COLOR_NAMES = ['amber', 'blue', 'blue_grey', 'brown', 'cyan', 'deep_orange', 'deep_purple', 
                'green', 'grey', 'indigo', 'light_blue', 'light_green', 'lime', 'orange', 
@@ -90,6 +92,7 @@ ALL_HELPERS = (SIZES + WIDTH_HEIGHT + ELEVATES + DIRECTIONS + FORMS + MARGINS +
 
 # %% ../nbs/01_core.ipynb 10
 #| code-fold: true
+#| code-fold: true
 class _ThemeChain:
     """Internal class for building themed headers"""
     def __init__(self, color=None):
@@ -156,6 +159,7 @@ class _ThemeChain:
 
 # %% ../nbs/01_core.ipynb 11
 #| code-fold: true
+#| code-fold: true
 class _ThemeNamespace:
     """Namespace providing color properties that return _ThemeChain instances"""
     @property
@@ -215,6 +219,7 @@ MatTheme = _ThemeNamespace()
 
 # %% ../nbs/01_core.ipynb 15
 #| code-fold: true
+#| code-fold: true
 class BeerCssChain:
     """Base class for chaining Beer CSS helper classes together"""
     def __init__(self, tokens=None):

{fh_matui-0.9.13 → fh_matui-0.9.15}/fh_matui/datatable.py

@@ -3,7 +3,8 @@
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/05_datatable.ipynb.
 
 # %% auto 0
-__all__ = ['PAGE_SIZES', 'logger', 'table_state_from_request', 'DataTable', 'CrudContext', 'DataTableResource']
+__all__ = ['PAGE_SIZES', 'TABLE_STYLES', 'TABLE_SPACES', 'TABLE_ALIGNS', 'logger', 'table_state_from_request', 'DataTable',
+           'CrudContext', 'DataTableResource']
 
 # %% ../nbs/05_datatable.ipynb 2
 from fastcore.utils import *
@@ -19,6 +20,7 @@ from .components import *
 
 # %% ../nbs/05_datatable.ipynb 7
 #| code-fold: true
+#| code-fold: true
 from math import ceil
 from urllib.parse import urlencode
 from typing import Callable, Optional, Any
@@ -27,6 +29,11 @@ from dataclasses import asdict, is_dataclass
 # Default page size options
 PAGE_SIZES = [5, 10, 20, 50]
 
+# BeerCSS table styles
+TABLE_STYLES = ['border', 'stripes', 'min', 'fixed']  # Can combine: 'border stripes'
+TABLE_SPACES = ['no-space', 'small-space', 'medium-space', 'large-space']
+TABLE_ALIGNS = ['left-align', 'right-align', 'center-align']
+
 
 def _to_dict(obj: Any) -> dict:
     """
@@ -206,9 +213,20 @@ def DataTable(
     page_sizes: list = None,
     search_placeholder: str = 'Search...',
     create_label: str = 'New Record',
-    empty_message: str = 'No records match the current filters.'
+    empty_message: str = 'No records match the current filters.',
+    # BeerCSS table styling options
+    table_style: str = 'border',      # border, stripes, min, fixed (can combine: 'border stripes')
+    space: str = 'small-space',       # no-space, small-space, medium-space, large-space
+    align: str = None                 # left-align, right-align, center-align (None = default left)
 ):
-    "Generic data table with server-side pagination, search, and row actions."
+    """
+    Generic data table with server-side pagination, search, and row actions.
+    
+    Table Styling (BeerCSS):
+        table_style: Table visual style - 'border', 'stripes', 'min', 'fixed' or combine like 'border stripes'
+        space: Row spacing - 'no-space', 'small-space', 'medium-space', 'large-space'  
+        align: Text alignment - 'left-align', 'right-align', 'center-align' (None for default)
+    """
     # Defaults
     crud_ops = crud_ops or {"create": False, "update": False, "delete": False}
     crud_enabled = crud_enabled or {k: bool(v) for k, v in crud_ops.items() if k != 'custom_actions'}
@@ -312,6 +330,16 @@ def DataTable(
         cls="max"
     )
     
+    # Compose table classes from BeerCSS styling options
+    table_classes = []
+    if table_style:
+        table_classes.append(table_style)
+    if space:
+        table_classes.append(space)
+    if align:
+        table_classes.append(align)
+    table_cls = ' '.join(table_classes) if table_classes else None
+    
     # Build table with proper Thead/Tbody structure
     data_table = Table(
         Thead(Tr(*[Th(label) for label in header_labels])),
@@ -319,7 +347,7 @@ def DataTable(
             Tr(*[Td(row_dict.get(key, '')) for key in header_keys])
             for row_dict in table_rows
         ]),
-        cls="border"
+        cls=table_cls
     ) if data else Div(empty_message, cls="center-align padding")
     
     # Footer section with page size selector and pagination
@@ -340,7 +368,7 @@ def DataTable(
             # Single row when no pagination needed
             footer = page_info_row
     
-    return Article(
+    return Div(
         Div(id=feedback_id),  # Feedback container for modals/toasts
         Div(
             search_form,

{fh_matui-0.9.13 → fh_matui-0.9.15}/fh_matui/foundations.py

@@ -13,6 +13,7 @@ from nbdev.showdoc import show_doc
 
 # %% ../nbs/00_foundations.ipynb 4
 #| code-fold: true
+#| code-fold: true
 class VEnum(Enum):
     """Enum with string conversion and concatenation support"""
     def __str__(self): return self.value
@@ -21,6 +22,7 @@ class VEnum(Enum):
 
 # %% ../nbs/00_foundations.ipynb 8
 #| code-fold: true
+#| code-fold: true
 def stringify(o):
     """Converts input types into strings that can be passed to FT components"""
     if is_listy(o): 
@@ -29,6 +31,7 @@ def stringify(o):
 
 # %% ../nbs/00_foundations.ipynb 12
 #| code-fold: true
+#| code-fold: true
 def normalize_tokens(cls):
     """Normalize class input to list of string tokens"""
     if cls is None:

{fh_matui-0.9.13 → fh_matui-0.9.15/fh_matui.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fh-matui
-Version: 0.9.13
+Version: 0.9.15
 Summary: material-ui for fasthtml
 Home-page: https://github.com/abhisheksreesaila/fh-matui
 Author: abhishek sreesaila

{fh_matui-0.9.13 → fh_matui-0.9.15}/settings.ini

@@ -5,7 +5,7 @@
 ### Python library ###
 repo =  fh-matui
 lib_name = %(repo)s
-version = 0.9.13
+version = 0.9.15
 min_python = 3.9
 license = apache2
 black_formatting = False

fh_matui-0.9.13/fh_matui/__init__.py

@@ -1 +0,0 @@
-__version__ = "0.9.12"