figpack 0.2.17__py3-none-any.whl → 0.2.40__py3-none-any.whl

figpack/figpack-figure-dist/assets/index-V5m_wCvw.css

@@ -0,0 +1 @@
+.unitEntryBase{padding-right:13px;padding-top:10px}.unselectedUnitEntry{border:1px transparent solid;font-weight:400;color:#000;background-color:#fff}.selectedUnitEntry{border:1px solid blue;font-weight:700;color:#000;background-color:#b5d1ff}.unitIdsColumnLabelStyle{min-width:200px;font-weight:700;padding:7px 5px}.unitLabelsStyle{padding-right:3px;color:#333}.plotUnitLabel{text-align:left;margin-left:20px;margin-top:5px;font-weight:700}.plotWrapperButtonParent{display:inline-block}.plotWrapperStyleButton{padding-top:50px}.plotUnselectedStyle{border:3px solid rgb(202,224,231)}.plotSelectedStyle{border:3px solid #9999ff;background-color:#fff}.plotUnselectableStyle{border:3px solid transparent}.plotCurrentStyle{border:3px solid blue;background-color:#fff}.plotLabelStyle{font-weight:700;text-align:center;overflow:hidden;white-space:nowrap}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.status-bar{position:fixed;left:0;right:0;height:30px;background-color:#2a2a2a;color:#fff;display:flex;align-items:center;padding:0 12px;font-size:12px;border-top:1px solid #444;z-index:1000}.status-bar.warning{background-color:#ff9800;color:#000}.status-bar.error{background-color:#f44336;color:#fff}.status-bar.expired{background-color:#d32f2f;color:#fff}.manage-button{background-color:#444;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;height:22px;margin-left:12px;transition:background-color .2s}.manage-button:hover{background-color:#666}.about-button{background-color:#444;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;height:22px;margin-left:12px;transition:background-color .2s}.about-button:hover{background-color:#666}.about-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.about-dialog{background-color:#2a2a2a;color:#fff;border-radius:8px;max-width:600px;max-height:80vh;width:90%;box-shadow:0 4px 20px #0000004d;overflow:hidden}.about-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.about-dialog-header h2{margin:0;font-size:18px;font-weight:600}.about-dialog-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.about-dialog-close:hover{background-color:#444}.about-dialog-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 80px)}.about-dialog-description{line-height:1.6}.about-dialog-description h1,.about-dialog-description h2,.about-dialog-description h3{margin-top:0;margin-bottom:12px}.about-dialog-description p{margin-bottom:12px}.about-dialog-description code{background-color:#444;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.about-dialog-description pre{background-color:#444;padding:12px;border-radius:4px;overflow-x:auto;margin-bottom:12px}.about-dialog-description ul,.about-dialog-description ol{margin-bottom:12px;padding-left:20px}.about-dialog-description blockquote{border-left:4px solid #666;padding-left:16px;margin:12px 0;font-style:italic}.manage-edits-view{display:flex;align-items:center;margin-left:12px}.edits-notification{color:#ff9800;font-weight:500;margin-right:8px}.save-changes-button{background-color:#ff9800;color:#000;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;height:22px;transition:background-color .2s}.save-changes-button:hover{background-color:#f57c00}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.dialog-content{background-color:#2a2a2a;color:#fff;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d;overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #444}.dialog-header h3{margin:0;font-size:18px;font-weight:600}.dialog-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.dialog-close:hover{background-color:#444}.dialog-body{padding:20px}.dialog-body p{margin:0 0 12px;line-height:1.5}.dialog-footer{padding:16px 20px;border-top:1px solid #444;display:flex;justify-content:flex-end}.dialog-button{background-color:#444;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.dialog-button:hover{background-color:#666}.dialog-fullscreen{position:fixed;inset:0;background-color:#2a2a2a;color:#fff;z-index:2000;display:flex;flex-direction:column}.dialog-content-fullscreen{display:flex;flex-direction:column;height:100%;overflow:hidden}.dialog-content-fullscreen .dialog-header{flex-shrink:0}.dialog-content-fullscreen .dialog-body{flex:1;overflow-y:auto;padding:20px}.dialog-content-fullscreen .dialog-footer{flex-shrink:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.status-bar{background-color:#f5f5f5;color:#333;border-top:1px solid #ddd}.status-bar.warning{background-color:#fff3cd;color:#856404;border-top:1px solid #ffeaa7}.status-bar.error,.status-bar.expired{background-color:#f8d7da;color:#721c24;border-top:1px solid #f5c6cb}.manage-button{background-color:#e0e0e0;color:#333;border:1px solid #ccc}.manage-button:hover{background-color:#d0d0d0}.about-button{background-color:#e0e0e0;color:#333;border:1px solid #ccc}.about-button:hover{background-color:#d0d0d0}.about-dialog{background-color:#fff;color:#333;box-shadow:0 4px 20px #00000026}.about-dialog-header{border-bottom:1px solid #ddd}.about-dialog-close{color:#333}.about-dialog-close:hover{background-color:#f0f0f0}.about-dialog-description code,.about-dialog-description pre{background-color:#f5f5f5;color:#333}.about-dialog-description blockquote{border-left:4px solid #ccc}.edits-notification{color:#e65100}.save-changes-button{background-color:#ff9800;color:#fff;border:1px solid #f57c00}.save-changes-button:hover{background-color:#f57c00}.dialog-content{background-color:#fff;color:#333;box-shadow:0 4px 20px #00000026}.dialog-header{border-bottom:1px solid #ddd}.dialog-close{color:#333}.dialog-close:hover{background-color:#f0f0f0}.dialog-footer{border-top:1px solid #ddd}.dialog-button{background-color:#e0e0e0;color:#333;border:1px solid #ccc}.dialog-button:hover{background-color:#d0d0d0}.dialog-fullscreen{background-color:#fff;color:#333}}

figpack/figpack-figure-dist/index.html

@@ -5,8 +5,12 @@
     <link rel="icon" type="image/png" href="./assets/neurosift-logo-CLsuwLMO.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>figpack figure</title>
-    <script type="module" crossorigin src="./assets/index-DBwmtEpB.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-DHWczh-Q.css">
+    <script>
+      // Allow script injection from trusted domains (see src/main.tsx)
+      window.script_injection_allowed_domains = ['https://manage.figpack.org', 'https://figpack.org', "https://documents.figpack.org"];
+    </script>
+    <script type="module" crossorigin src="./assets/index-ST_DU17U.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-V5m_wCvw.css">
   </head>
   <body>
     <div id="root"></div>

figpack/views/Box.py

@@ -2,7 +2,7 @@
 Box view for figpack - a layout container that handles other views
 """
 
-from typing import Any, Dict, List, Literal, Optional
+from typing import List, Literal, Optional
 
 from ..core.figpack_view import FigpackView
 from ..core.zarr import Group
@@ -21,7 +21,7 @@ class Box(FigpackView):
         show_titles: bool = True,
         items: List[LayoutItem],
         title: Optional[str] = None,
-    ):
+    ) -> None:
         """
         Initialize a Box layout view
 
@@ -42,7 +42,7 @@ class Box(FigpackView):
         self.items = items
         self.title = title
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the Box layout data to a Zarr group
 
@@ -73,7 +73,7 @@ class Box(FigpackView):
             item_group = group.create_group(item_name)
 
             # Recursively write the child view to the subgroup
-            item.view._write_to_zarr_group(item_group)
+            item.view.write_to_zarr_group(item_group)
 
         # Store the items metadata
         group.attrs["items"] = items_metadata

figpack/views/CaptionedView.py

@@ -0,0 +1,64 @@
+"""
+CaptionedView for figpack - displays a view with a caption below it
+"""
+
+from typing import Optional
+import numpy as np
+
+from ..core.figpack_view import FigpackView
+from ..core.zarr import Group
+
+
+class CaptionedView(FigpackView):
+    """
+    A view that displays a child view with a text caption below it.
+    The caption height dynamically adjusts based on text length and container width.
+    """
+
+    def __init__(
+        self,
+        *,
+        view: FigpackView,
+        caption: str,
+        font_size: Optional[int] = None,
+    ):
+        """
+        Initialize a CaptionedView
+
+        Args:
+            view: The child view to display above the caption
+            caption: The text caption to display below the view
+            font_size: Optional font size for the caption text (default: 14)
+        """
+        self.view = view
+        self.caption = caption
+        self.font_size = font_size if font_size is not None else 14
+
+    def write_to_zarr_group(self, group: Group) -> None:
+        """
+        Write the CaptionedView data to a Zarr group
+
+        Args:
+            group: Zarr group to write data into
+        """
+        # Set the view type
+        group.attrs["view_type"] = "CaptionedView"
+
+        # Set caption properties
+        group.attrs["font_size"] = self.font_size
+
+        # Convert caption string to numpy array of bytes
+        caption_bytes = self.caption.encode("utf-8")
+        caption_array = np.frombuffer(caption_bytes, dtype=np.uint8)
+
+        # Store the caption as a zarr array
+        group.create_dataset("caption_data", data=caption_array)
+
+        # Store caption size in attrs
+        group.attrs["caption_size"] = len(caption_bytes)
+
+        # Create a subgroup for the child view
+        child_group = group.create_group("child_view")
+
+        # Recursively write the child view to the subgroup
+        self.view.write_to_zarr_group(child_group)

figpack/views/DataFrame.py

@@ -33,7 +33,7 @@ class DataFrame(FigpackView):
 
         self.df = df
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the DataFrame data to a Zarr group
 

figpack/views/Gallery.py

@@ -44,7 +44,7 @@ class Gallery(FigpackView):
             max(0, min(initial_item_index, len(items) - 1)) if items else 0
         )
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the Gallery data to a Zarr group
 
@@ -80,7 +80,7 @@ class Gallery(FigpackView):
 
             # Recursively write the child view to the subgroup
             # This allows any figpack view to be contained within a gallery item
-            item.view._write_to_zarr_group(item_group)
+            item.view.write_to_zarr_group(item_group)
 
         # Store the complete items metadata in the group attributes
         # This will be used by the frontend to render the gallery structure

figpack/views/Iframe.py

@@ -0,0 +1,43 @@
+"""
+Iframe view for figpack - displays content in an iframe
+"""
+
+import numpy as np
+
+from ..core.figpack_view import FigpackView
+from ..core.zarr import Group
+
+
+class Iframe(FigpackView):
+    """
+    An iframe visualization component for displaying web content
+    """
+
+    def __init__(self, url: str):
+        """
+        Initialize an Iframe view
+
+        Args:
+            url: The URL to display in the iframe
+        """
+        self.url = url
+
+    def write_to_zarr_group(self, group: Group) -> None:
+        """
+        Write the iframe data to a Zarr group
+
+        Args:
+            group: Zarr group to write data into
+        """
+        # Set the view type
+        group.attrs["view_type"] = "Iframe"
+
+        # Convert URL to numpy array of bytes
+        url_bytes = self.url.encode("utf-8")
+        url_array = np.frombuffer(url_bytes, dtype=np.uint8)
+
+        # Store the URL as a zarr array
+        group.create_dataset("url_data", data=url_array)
+
+        # Store URL size in attrs
+        group.attrs["data_size"] = len(url_bytes)

figpack/views/Image.py

@@ -5,7 +5,6 @@ Image view for figpack - displays PNG and JPG images
 from typing import Union
 
 import numpy as np
-import zarr
 
 from ..core.figpack_view import FigpackView
 from ..core.zarr import Group
@@ -16,7 +15,7 @@ class Image(FigpackView):
     An image visualization component for PNG and JPG files
     """
 
-    def __init__(self, image_path_or_data: Union[str, bytes]):
+    def __init__(self, image_path_or_data: Union[str, bytes]) -> None:
         """
         Initialize an Image view
 
@@ -70,7 +69,7 @@ class Image(FigpackView):
         except Exception as e:
             raise ValueError(f"Failed to download image from URL: {str(e)}")
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the image data to a Zarr group
 

figpack/views/Markdown.py

@@ -2,8 +2,8 @@
 Markdown view for figpack - displays markdown content
 """
 
+from typing import Optional
 import numpy as np
-import zarr
 
 from ..core.figpack_view import FigpackView
 from ..core.zarr import Group
@@ -14,7 +14,7 @@ class Markdown(FigpackView):
     A markdown content visualization component
     """
 
-    def __init__(self, content: str):
+    def __init__(self, content: str, *, font_size: Optional[int] = None):
         """
         Initialize a Markdown view
 
@@ -22,8 +22,9 @@ class Markdown(FigpackView):
             content: The markdown content to display
         """
         self.content = content
+        self.font_size = font_size
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the markdown data to a Zarr group
 
@@ -33,12 +34,15 @@ class Markdown(FigpackView):
         # Set the view type
         group.attrs["view_type"] = "Markdown"
 
+        if self.font_size is not None:
+            group.attrs["font_size"] = self.font_size
+
         # Convert string content to numpy array of bytes
         content_bytes = self.content.encode("utf-8")
         content_array = np.frombuffer(content_bytes, dtype=np.uint8)
 
         # Store the markdown content as a zarr array
-        group.create_dataset("content_data", data=content_array, chunks=True)
+        group.create_dataset("content_data", data=content_array)
 
         # Store content size in attrs
         group.attrs["data_size"] = len(content_bytes)

figpack/views/MatplotlibFigure.py

@@ -26,7 +26,7 @@ class MatplotlibFigure(FigpackView):
         """
         self.fig = fig
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the matplotlib figure data to a Zarr group
 

figpack/views/MountainLayout.py

@@ -0,0 +1,72 @@
+"""
+MountainLayout view for figpack - a workspace-style layout container with left panel and split right panel
+"""
+
+from typing import List
+
+from ..core.figpack_view import FigpackView
+from ..core.zarr import Group
+from .MountainLayoutItem import MountainLayoutItem
+
+
+class MountainLayout(FigpackView):
+    """
+    A workspace-style layout container view that provides:
+    - Left panel with view buttons (top) and control views (bottom)
+    - Right panel split into north and south tab workspaces
+    - Views can be opened/closed and reopened in either workspace area
+    """
+
+    def __init__(
+        self,
+        *,
+        items: List[MountainLayoutItem],
+    ):
+        """
+        Initialize a MountainLayout view
+
+        Args:
+            items: List of MountainLayoutItem objects containing the child views.
+                   Control items (is_control=True) will appear in the bottom-left panel.
+                   Regular items will have buttons in the top-left panel and can be opened
+                   in the north/south workspaces on the right.
+        """
+        self.items = items
+
+    def write_to_zarr_group(self, group: Group) -> None:
+        """
+        Write the MountainLayout data to a Zarr group
+
+        This method serializes the mountain layout structure and all its child views
+        into a Zarr group format that can be read by the frontend components.
+        Each item's view is written to its own subgroup within the main layout group.
+
+        Args:
+            group: Zarr group to write data into
+        """
+        # Set the view type identifier for the frontend
+        group.attrs["view_type"] = "MountainLayout"
+
+        # Create a list to store metadata for all layout items
+        items_metadata = []
+
+        # Process each mountain layout item
+        for i, item in enumerate(self.items):
+            # Generate a unique name for this item's subgroup
+            item_name = f"mountain_item_{i}"
+
+            # Store item metadata (label, is_control, etc.) for the frontend
+            item_metadata = item.to_dict()
+            item_metadata["name"] = item_name
+            items_metadata.append(item_metadata)
+
+            # Create a subgroup for this item's view
+            item_group = group.create_group(item_name)
+
+            # Recursively write the child view to the subgroup
+            # This allows any figpack view to be contained within a mountain layout item
+            item.view.write_to_zarr_group(item_group)
+
+        # Store the complete items metadata in the group attributes
+        # This will be used by the frontend to render the mountain layout structure
+        group.attrs["items"] = items_metadata

figpack/views/MountainLayoutItem.py

@@ -0,0 +1,50 @@
+"""
+MountainLayoutItem class for figpack MountainLayout view - represents an item in a mountain layout container
+"""
+
+from typing import Optional, Union
+
+from ..core.figpack_view import FigpackView
+
+
+class MountainLayoutItem:
+    """
+    Represents an item in a MountainLayout with label, view, and control properties
+    """
+
+    def __init__(
+        self,
+        *,
+        label: str,
+        view: FigpackView,
+        is_control: bool = False,
+        control_height: Optional[int] = None,
+    ):
+        """
+        Initialize a MountainLayoutItem
+
+        Args:
+            label: The label text to display for this item
+            view: The figpack view to be contained in this layout item
+            is_control: Whether this item is a control view (shows in bottom-left panel)
+            control_height: Height in pixels for control views (optional)
+        """
+        self.label = label
+        self.view = view
+        self.is_control = is_control
+        self.control_height = control_height
+
+    def to_dict(self) -> dict:
+        """
+        Convert the MountainLayoutItem to a dictionary for serialization
+
+        Returns:
+            Dictionary representation of the MountainLayoutItem
+        """
+        result = {
+            "label": self.label,
+            "is_control": self.is_control,
+        }
+        if self.control_height is not None:
+            result["control_height"] = self.control_height
+        return result

figpack/views/MultiChannelTimeseries.py

@@ -174,7 +174,7 @@ class MultiChannelTimeseries(FigpackView):
         else:  # len(shape) == 3
             return (chunk_timepoints, 2, n_channels)
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the multi-channel timeseries data to a Zarr group
 

figpack/views/PlotlyExtension/PlotlyExtension.py

@@ -26,14 +26,14 @@ class PlotlyFigure(figpack.ExtensionView):
 
         self.fig = fig
 
-    def _write_to_zarr_group(self, group: figpack.Group) -> None:
+    def write_to_zarr_group(self, group: figpack.Group) -> None:
         """
         Write the plotly figure data to a Zarr group
 
         Args:
             group: Zarr group to write data into
         """
-        super()._write_to_zarr_group(group)
+        super().write_to_zarr_group(group)
 
         # Convert the plotly figure to a dictionary
         fig_dict = self.fig.to_dict()
@@ -55,15 +55,15 @@ class PlotlyFigure(figpack.ExtensionView):
 class CustomJSONEncoder(json.JSONEncoder):
     """Custom JSON encoder that handles numpy arrays and datetime objects"""
 
-    def default(self, obj):
-        if isinstance(obj, np.ndarray):
-            return obj.tolist()
-        elif isinstance(obj, (np.integer, np.floating)):
-            return obj.item()
-        elif isinstance(obj, (datetime, date)):
-            return obj.isoformat()
-        elif isinstance(obj, np.datetime64):
-            return str(obj)
-        elif hasattr(obj, "isoformat"):  # Handle other datetime-like objects
-            return obj.isoformat()
-        return super().default(obj)
+    def default(self, o):
+        if isinstance(o, np.ndarray):
+            return o.tolist()
+        elif isinstance(o, (np.integer, np.floating)):
+            return o.item()
+        elif isinstance(o, (datetime, date)):
+            return o.isoformat()
+        elif isinstance(o, np.datetime64):
+            return str(o)
+        elif hasattr(o, "isoformat"):  # Handle other datetime-like objects
+            return o.isoformat()
+        return super().default(o)

figpack/views/Spectrogram.py

@@ -62,12 +62,14 @@ class Spectrogram(FigpackView):
 
         # Store frequency information
         if uniform_specified:
+            assert frequency_delta_hz is not None, "Frequency delta must be provided"
             assert frequency_delta_hz > 0, "Frequency delta must be positive"
             self.uniform_frequencies = True
             self.frequency_min_hz = frequency_min_hz
             self.frequency_delta_hz = frequency_delta_hz
             self.frequencies = None
         else:
+            assert frequencies is not None, "Frequencies array must be provided"
             assert (
                 len(frequencies) == data.shape[1]
             ), f"Number of frequencies ({len(frequencies)}) must match data frequency dimension ({data.shape[1]})"
@@ -186,7 +188,7 @@ class Spectrogram(FigpackView):
 
         return (chunk_timepoints, n_frequencies)
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the spectrogram data to a Zarr group
 

figpack/views/Splitter.py

@@ -36,7 +36,7 @@ class Splitter(FigpackView):
         self.item2 = item2
         self.split_pos = max(0.1, min(0.9, split_pos))  # Clamp between 0.1 and 0.9
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the Splitter layout data to a Zarr group
 
@@ -61,7 +61,7 @@ class Splitter(FigpackView):
 
         # Create subgroups for each item's view
         item1_group = group.create_group("item1")
-        self.item1.view._write_to_zarr_group(item1_group)
+        self.item1.view.write_to_zarr_group(item1_group)
 
         item2_group = group.create_group("item2")
-        self.item2.view._write_to_zarr_group(item2_group)
+        self.item2.view.write_to_zarr_group(item2_group)

figpack/views/TabLayout.py

@@ -32,7 +32,7 @@ class TabLayout(FigpackView):
             max(0, min(initial_tab_index, len(items) - 1)) if items else 0
         )
 
-    def _write_to_zarr_group(self, group: Group) -> None:
+    def write_to_zarr_group(self, group: Group) -> None:
         """
         Write the TabLayout data to a Zarr group
 
@@ -61,7 +61,7 @@ class TabLayout(FigpackView):
             item_group = group.create_group(item_name)
 
             # Recursively write the child view to the subgroup
-            item.view._write_to_zarr_group(item_group)
+            item.view.write_to_zarr_group(item_group)
 
         # Store the items metadata
         group.attrs["items"] = items_metadata