@fileverse-dev/ddoc 7.0.2 → 7.1.0

package/dist/package/components/inline-comment/comment-drawer-desktop.d.ts

@@ -3,6 +3,7 @@ import { IComment } from '../../extensions/comment';
 interface DrawerSelectOption {
     id: string;
     label: string;
+    depth?: number;
 }
 interface CommentDrawerDesktopProps {
     activeCommentId: string | null;

package/dist/package/components/inline-comment/comment-drawer.d.ts

@@ -1,3 +1,3 @@
 import { CommentDrawerProps } from './types';
 
-export declare const CommentDrawer: ({ isOpen, onClose, isNavbarVisible, isPresentationMode, activeCommentId, activeTabId, onTabChange, isPreviewMode, tabs, }: CommentDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentDrawer: ({ isOpen, onClose, isNavbarVisible, isPresentationMode, activeCommentId, activeTabId, onTabChange, isPreviewMode, tabs, mobileContainer, }: CommentDrawerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/inline-comment/types.d.ts

@@ -36,6 +36,7 @@ export interface CommentDrawerProps {
     onTabChange?: (tabId: string) => void;
     isPreviewMode: boolean;
     tabs: Tab[];
+    mobileContainer?: HTMLElement | null;
 }
 export interface CommentCardProps extends IComment {
     comment?: string;

package/dist/package/components/inline-comment/use-comment-drawer-filters.d.ts

@@ -29,10 +29,14 @@ export declare const useCommentDrawerFilters: ({ activeTabId, comments, tabs, }:
     selectedTabLabel: string;
     setCommentType: import('react').Dispatch<import('react').SetStateAction<string>>;
     setTab: import('react').Dispatch<import('react').SetStateAction<string>>;
-    tabList: {
+    tabList: ({
         id: string;
         label: string;
-    }[];
+        depth: number;
+    } | {
+        id: string;
+        label: string;
+    })[];
     tabNameById: {
         [k: string]: string;
     };

package/dist/package/components/tabs/confirm-delete-modal.d.ts

@@ -15,5 +15,5 @@ interface IConfirmDeleteModalProps {
     hasCloseIcon?: boolean;
     hideTitleIcon?: boolean;
 }
-export declare const ConfirmDeleteModal: ({ onClose, onConfirm, isOpen, isLoading, title, overlayClasses, noOverlay, hasCloseIcon, primaryLabel, hideTitleIcon, }: IConfirmDeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmDeleteModal: ({ onClose, onConfirm, isOpen, isLoading, title, overlayClasses, noOverlay, hasCloseIcon, primaryLabel, hideTitleIcon, text, }: IConfirmDeleteModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/package/components/tabs/document-mobile-tab-panel.d.ts

@@ -16,6 +16,7 @@ export interface DocumentMobileTabPanelProps {
         emoji?: string;
     }) => void;
     createTab: () => void;
+    createSubtab?: (parentId: string) => void;
     duplicateTab: (tabId: string) => void;
     orderTab: DocumentOutlineProps['orderTab'];
     deleteTab?: (tabId: string) => void;
@@ -27,5 +28,6 @@ export interface DocumentMobileTabPanelProps {
     isFocusMode?: boolean;
     layout?: DocumentOutlineProps['layout'];
     tabPanelSlot?: HTMLElement | null;
+    ddocId?: string;
 }
-export declare const DocumentMobileTabPanel: ({ tabs, activeTabId, setActiveTabId, editor, items, setItems, orientation, renameTab, createTab, duplicateTab, orderTab, deleteTab, tabCommentCounts, isPreviewMode, tabConfig, isVersionHistoryMode, isConnected, isFocusMode, layout, tabPanelSlot, }: DocumentMobileTabPanelProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DocumentMobileTabPanel: ({ tabs, activeTabId, setActiveTabId, editor, items, setItems, orientation, renameTab, createTab, createSubtab, duplicateTab, orderTab, deleteTab, tabCommentCounts, isPreviewMode, tabConfig, isVersionHistoryMode, isConnected, isFocusMode, layout, tabPanelSlot, ddocId, }: DocumentMobileTabPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/package/components/tabs/document-tabs-sidebar.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { DocumentOutlineProps } from '../toc/types';
 import { Tab } from './utils/tab-utils';
 import { Editor } from '@tiptap/core';
+import { TabExpandState } from './use-tab-tree-view';
 
 import * as Y from 'yjs';
 export interface DocumentTabsSidebarProps {
@@ -18,6 +19,7 @@ export interface DocumentTabsSidebarProps {
     setItems: DocumentOutlineProps['setItems'];
     orientation?: DocumentOutlineProps['orientation'];
     createTab: () => void;
+    createSubtab?: (parentId: string) => void;
     renameTab: (tabId: string, payload: {
         newName?: string;
         emoji?: string;
@@ -33,13 +35,20 @@ export interface DocumentTabsSidebarProps {
     isConnected?: boolean;
     isFocusMode?: boolean;
     layout?: DocumentOutlineProps['layout'];
+    ddocId?: string;
 }
 export declare const DocumentTabsSidebar: ({ tabSectionContainer, ...rest }: DocumentTabsSidebarProps) => import("react/jsx-runtime").JSX.Element | null;
-export declare const TabSidebar: ({ tabs, activeTabId, setActiveTabId, showTOC, setShowTOC, hasToC, isPreviewMode, editor, items, setItems, orientation, createTab, renameTab, duplicateTab, orderTab, tabCommentCounts, isVersionHistoryMode, tabConfig, deleteTab, isConnected, isFocusMode, layout, }: DocumentTabsSidebarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DdocTab: ({ tab, tabIndex, tabCount, handleEmojiChange, handleNameChange, onClick, editor, tocItem, setTocItems, orientation, activeTabId, duplicateTab, commentCount, moveTabUp, moveTabDown, isPreviewMode, isVersionHistoryMode, tabConfig, onDelete, showOutline, onShowOutlineChange, isConnected, }: {
+export declare const TabSidebar: ({ tabs, activeTabId, setActiveTabId, showTOC, setShowTOC, hasToC, isPreviewMode, editor, items, setItems, orientation, createTab, createSubtab, renameTab, duplicateTab, orderTab, tabCommentCounts, isVersionHistoryMode, tabConfig, deleteTab, isConnected, isFocusMode, layout, ddocId, }: DocumentTabsSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DdocTab: ({ tab, canMoveUp, canMoveDown, canDelete, indent, expandState, onToggleExpand, onAddSubtab, children, handleEmojiChange, handleNameChange, onClick, editor, tocItem, setTocItems, orientation, activeTabId, duplicateTab, commentCount, moveTabUp, moveTabDown, isPreviewMode, isVersionHistoryMode, tabConfig, onDelete, showOutline, onShowOutlineChange, isConnected, }: {
     tab: Tab;
-    tabIndex: number;
-    tabCount: number;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+    canDelete: boolean;
+    indent: number;
+    expandState?: TabExpandState;
+    onToggleExpand: () => void;
+    onAddSubtab?: () => void;
+    children?: React.ReactNode;
     handleNameChange: (tabId: string, nextName: string, nextEmoji?: string) => void;
     handleEmojiChange: (tabId: string, nextEmoji: string) => void;
     onClick: () => void;

package/dist/package/components/tabs/tab-item.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, HTMLAttributes } from 'react';
+import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { LucideIcon } from '@fileverse/ui';
 
 export interface TabItemProps {
@@ -29,9 +29,15 @@ export interface TabItemProps {
     onCopyLink?: () => void;
     onDelete?: () => void;
     isConnected?: boolean;
+    onAddSubtab?: () => void;
+    /** Left offset in px for the row's level. */
+    indent?: number;
+    expandState?: 'expanded' | 'collapsed' | 'leaf';
+    onToggleExpand?: () => void;
 }
 interface SortableTabItemProps extends Omit<TabItemProps, 'dragHandleProps' | 'isEditing' | 'setIsEditing'> {
     id: string;
+    children?: ReactNode;
 }
 interface TabContextMenuItem {
     id: string;
@@ -50,8 +56,8 @@ interface TabContextMenuProps {
     popoverSide?: 'top' | 'bottom';
     popoverClassName?: string;
 }
-export declare const SortableTabItem: (props: SortableTabItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TabItem: ({ isEditing, setIsEditing, tabId, name, emoji, commentCount, onNameChange, onEmojiChange, onClick, isActive, onDuplicate, dragHandleProps, hideContentMenu, alwaysShowMenu, menuPopoverClassName, onRename, showOutline, handleShowOutline, canMoveUp, canMoveDown, onMoveUp, onMoveDown, isPreviewMode, isVersionHistoryMode, onCopyLink, onDelete, isConnected, }: TabItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortableTabItem: ({ children, ...props }: SortableTabItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabItem: ({ isEditing, setIsEditing, tabId, name, emoji, commentCount, onNameChange, onEmojiChange, onClick, isActive, onDuplicate, dragHandleProps, hideContentMenu, alwaysShowMenu, menuPopoverClassName, onRename, showOutline, handleShowOutline, canMoveUp, canMoveDown, onMoveUp, onMoveDown, isPreviewMode, isVersionHistoryMode, onCopyLink, onDelete, isConnected, onAddSubtab, indent, expandState, onToggleExpand, }: TabItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TabDragPreview: ({ name, emoji, }: {
     name: string;
     emoji: string;

package/dist/package/components/tabs/use-tab-tree-view.d.ts

@@ -0,0 +1,36 @@
+import { Tab } from './utils/tab-utils';
+
+export type TabExpandState = 'expanded' | 'collapsed' | 'leaf';
+export interface TabTreeView {
+    /** Rows to render, in reading order, without those inside collapsed groups. */
+    visibleTabs: Tab[];
+    /** Tabs directly under a parent (or at the top level), in reading order. */
+    childrenOf: (parentId: string | null) => Tab[];
+    /** Arrow state for a row; undefined when the doc has no subtabs at all. */
+    expandStateOf: (tab: Tab) => TabExpandState | undefined;
+    toggleExpand: (tabId: string) => void;
+    expand: (tabId: string) => void;
+    /** The tab just before / after this one among its siblings. */
+    previousSiblingOf: (tab: Tab) => Tab | undefined;
+    nextSiblingOf: (tab: Tab) => Tab | undefined;
+    /** The last top-level tab cannot be deleted; a subtab always can. */
+    canDelete: (tab: Tab) => boolean;
+    /** A subtab can be added unless the tab is already at level 3. */
+    canAddSubtabTo: (tab: Tab) => boolean;
+    /** Left offset in px for a row at this tab's level. */
+    indentOf: (tab: Tab) => number;
+}
+export declare const TAB_INDENT_PX = 16;
+export declare const useTabTreeView: ({ tabs, activeTabId, ddocId, }: {
+    tabs: Tab[];
+    activeTabId: string;
+    ddocId?: string;
+}) => TabTreeView;
+/** The delete dialog's wording: a tab with subtabs says so. */
+export declare const deleteTabDialogCopy: (tab: Tab | null) => {
+    title: string;
+    text: string;
+} | {
+    title: undefined;
+    text: undefined;
+};

package/dist/package/components/tabs/utils/__tests__/subtab-test-helpers.d.ts

@@ -0,0 +1,11 @@
+import * as Y from 'yjs';
+/** A doc with a fixed client id, so two runs of the same writes give equal bytes. */
+export declare const makeDoc: (clientID?: number) => Y.Doc;
+export declare const encode: (doc: Y.Doc) => string;
+export declare const copyDoc: (doc: Y.Doc, clientID?: number) => Y.Doc;
+export declare const writeText: (doc: Y.Doc, tabId: string, text: string) => void;
+/** Every word stored in the doc, in every tab's text, deleted tabs included. */
+export declare const allStoredText: (doc: Y.Doc) => string;
+/** Sends each doc's missing updates to every other doc until they agree. */
+export declare const syncAll: (...docs: Y.Doc[]) => void;
+export declare const existingDocFixtures: Record<string, () => string>;

package/dist/package/components/tabs/utils/__tests__/v7/v7-tab-ops.d.ts

@@ -0,0 +1,15 @@
+import * as Y from 'yjs';
+export interface V7DeleteSnapshot {
+    tabId: string;
+    name: string;
+    emoji: string | null;
+    orderIndex: number;
+}
+export declare const v7CreateTab: (ydoc: Y.Doc, tabId: string, shouldSyncActiveTab?: boolean) => string;
+export declare const v7DeleteTab: (ydoc: Y.Doc, tabId: string, shouldSyncActiveTab?: boolean) => {
+    snapshot: V7DeleteSnapshot | null;
+    fallbackId: string | null;
+};
+export declare const v7RestoreDeletedTab: (ydoc: Y.Doc, snapshot: V7DeleteSnapshot, shouldSyncActiveTab?: boolean) => boolean;
+export declare const v7DuplicateTab: (ydoc: Y.Doc, tabId: string, newTabId: string, shouldSyncActiveTab?: boolean) => string | undefined;
+export declare const v7OrderTab: (ydoc: Y.Doc, destinationTabId: string, movedTabId: string) => void;

package/dist/package/components/tabs/utils/__tests__/v7/v7-tab-utils.d.ts

@@ -0,0 +1,45 @@
+import * as Y from 'yjs';
+export interface Tab {
+    id: string;
+    name: string;
+    emoji: string | null;
+}
+export interface TabsYdocNodes {
+    order: Y.Array<string>;
+    nameById: Y.Map<string>;
+    emojiById: Y.Map<string | null>;
+    tabState: Y.Map<unknown>;
+    deletedById: Y.Map<boolean>;
+}
+export interface SyncedTabsYdocNodes extends TabsYdocNodes {
+    didWrite: boolean;
+}
+interface TabSyncOptions {
+    createDefaultTabIfMissing?: boolean;
+}
+export declare const DEFAULT_TAB_ID = "default";
+export declare const DEFAULT_TAB_NAME = "Tab 1";
+export declare const LEGACY_ROOT_KEY = "ddocTabs";
+export declare const ORDER_ROOT_KEY = "tabs_order";
+export declare const NAME_ROOT_KEY = "tabs_name_registry";
+export declare const EMOJI_ROOT_KEY = "tabs_emoji_registry";
+export declare const STATE_ROOT_KEY = "tabs_state";
+export declare const DELETED_ROOT_KEY = "tabs_delete_registry";
+export declare const ACTIVE_TAB_STATE_KEY = "activeTabId";
+export declare function syncTabState(doc: Y.Doc, options?: TabSyncOptions, transactionOrigin?: unknown): boolean;
+export declare function deriveTabsFromEncodedState(yjsEncodedState: string | string[] | null | undefined, doc: Y.Doc, options?: TabSyncOptions): {
+    tabList: Tab[];
+    activeTabId: string;
+    didWrite: boolean;
+};
+export declare function getTabsYdocNodes(doc: Y.Doc): TabsYdocNodes;
+export declare function syncTabStateAndGetNodes(doc: Y.Doc, options?: TabSyncOptions, transactionOrigin?: unknown): SyncedTabsYdocNodes;
+export declare function mergeTabAwareYjsUpdates(encodedUpdates: string[], options?: TabSyncOptions): string;
+export declare function getActiveTabIdFromNodes(tabNodes: Pick<TabsYdocNodes, 'tabState'>): string | null;
+export declare function getTabMetadata(tabNodes: Pick<TabsYdocNodes, 'nameById' | 'emojiById'>, tabId: string): {
+    name: string;
+    emoji: string | null;
+} | null;
+export declare function getTabListFromNodes(tabNodes: Pick<TabsYdocNodes, 'order' | 'nameById' | 'emojiById'>): Tab[];
+export declare function cloneFragmentContent(fragment: Y.XmlFragment): (Y.XmlElement | Y.XmlText)[];
+export {};

package/dist/package/components/tabs/utils/tab-operations.d.ts

@@ -0,0 +1,37 @@
+import { Tab } from './tab-utils';
+import * as Y from 'yjs';
+export interface DeletedTabSnapshot {
+    tabId: string;
+    name: string;
+    emoji: string | null;
+    orderIndex: number;
+}
+export declare const getTabTree: (doc: Y.Doc) => Tab[];
+/** The tab and every tab shown under it, in reading order. */
+export declare const getSubtreeIds: (tabs: Tab[], tabId: string) => string[];
+export declare const canAddSubtab: (tab: Tab | undefined) => boolean;
+/**
+ * Adds already-named tabs as siblings of `tabId`, right after its block. A
+ * top-level tab keeps the 7.0 write: the new tabs go at the end.
+ */
+export declare const insertSiblingTabsInDoc: (doc: Y.Doc, tabId: string, newTabIds: string[]) => void;
+export declare const createSubtabInDoc: (doc: Y.Doc, parentId: string, newTabId: string, shouldSyncActiveTab: boolean) => string | null;
+/**
+ * Moves `movedTabId` (with its subtabs) to the place of `destinationTabId`.
+ * Only between siblings: a destination under another parent is ignored.
+ */
+export declare const moveTabInDoc: (doc: Y.Doc, destinationTabId: string, movedTabId: string) => boolean;
+export declare const duplicateTabInDoc: (doc: Y.Doc, tabId: string, createId: () => string, shouldSyncActiveTab: boolean) => string | undefined;
+export interface DeleteTabResult {
+    snapshots: DeletedTabSnapshot[];
+    /** The tab to open if the deleted tab, or one under it, was open. */
+    fallbackId: string | null;
+}
+/**
+ * Soft-deletes the tab and every tab under it: name and emoji removed, a
+ * deleted mark added, the id taken out of the order. Text and parent entries
+ * are kept, so undo can rebuild the group and nothing is erased.
+ */
+export declare const deleteTabInDoc: (doc: Y.Doc, tabId: string, activeTabId: string, shouldSyncActiveTab: boolean) => DeleteTabResult;
+/** Undo of deleteTabInDoc: brings the whole group back where it was. */
+export declare const restoreDeletedTabsInDoc: (doc: Y.Doc, snapshots: DeletedTabSnapshot[], shouldSyncActiveTab: boolean) => boolean;

package/dist/package/components/tabs/utils/tab-utils.d.ts

@@ -3,6 +3,9 @@ export interface Tab {
     id: string;
     name: string;
     emoji: string | null;
+    parentId?: string | null;
+    depth?: number;
+    hasChildren?: boolean;
 }
 export interface TabsYdocNodes {
     order: Y.Array<string>;
@@ -10,6 +13,7 @@ export interface TabsYdocNodes {
     emojiById: Y.Map<string | null>;
     tabState: Y.Map<unknown>;
     deletedById: Y.Map<boolean>;
+    parentById: Y.Map<string>;
 }
 export interface SyncedTabsYdocNodes extends TabsYdocNodes {
     didWrite: boolean;
@@ -26,6 +30,13 @@ export declare const EMOJI_ROOT_KEY = "tabs_emoji_registry";
 export declare const STATE_ROOT_KEY = "tabs_state";
 export declare const DELETED_ROOT_KEY = "tabs_delete_registry";
 export declare const ACTIVE_TAB_STATE_KEY = "activeTabId";
+export declare const PARENT_ROOT_KEY = "tabs_parent_registry";
+export declare const MAX_TAB_DEPTH = 3;
+/**
+ * The heading level of a tab's title in exports: 1 for a tab, 2 or 3 for a
+ * subtab, so an exported file keeps the tree. Deeper data stays at 3.
+ */
+export declare const getTabHeadingLevel: (tab: Pick<Tab, "depth">) => number;
 export declare function syncTabState(doc: Y.Doc, options?: TabSyncOptions, transactionOrigin?: unknown): boolean;
 export declare function deriveTabsFromEncodedState(yjsEncodedState: string | string[] | null | undefined, doc: Y.Doc, options?: TabSyncOptions): {
     tabList: Tab[];
@@ -40,6 +51,19 @@ export declare function getTabMetadata(tabNodes: Pick<TabsYdocNodes, 'nameById'
     name: string;
     emoji: string | null;
 } | null;
-export declare function getTabListFromNodes(tabNodes: Pick<TabsYdocNodes, 'order' | 'nameById' | 'emojiById'>): Tab[];
+/**
+ * The tab list every screen and export reads, in reading order: a parent, then
+ * its subtabs. A doc without subtabs takes the flat path, unchanged since 7.0.
+ *
+ * The tree rules, the same on every device for the same stored data:
+ * T1 a tab is live if it is in the order list with a name;
+ * T2 a tab under a deleted tab is hidden (its text stays in the doc), unless
+ *    that would hide every tab;
+ * T3 siblings keep the order of their first appearance in tabs_order;
+ * T4 a tab whose parent is unknown, or whose parent chain loops, is shown at
+ *    the top level, so bad or half-synced data never hides a tab;
+ * T5 depth is reported as found; the sidebar caps the indent.
+ */
+export declare function getTabListFromNodes(tabNodes: Pick<TabsYdocNodes, 'order' | 'nameById' | 'emojiById'> & Partial<Pick<TabsYdocNodes, 'parentById' | 'deletedById'>>): Tab[];
 export declare function cloneFragmentContent(fragment: Y.XmlFragment): (Y.XmlElement | Y.XmlText)[];
 export {};

package/dist/package/components/toc/document-outline.d.ts

@@ -1,3 +1,3 @@
 import { DocumentOutlineProps } from './types';
 
-export declare const DocumentOutline: ({ editor, hasToC, items, setItems, showTOC, setShowTOC, isPreviewMode, orientation, tabs, setTabs, activeTabId, setActiveTabId, createTab, renameTab, duplicateTab, orderTab, ydoc, tabCommentCounts, tabSectionContainer, isVersionHistoryMode, tabConfig, deleteTab, isConnected, isFocusMode, layout, tabPanelSlot, }: DocumentOutlineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentOutline: ({ editor, hasToC, items, setItems, showTOC, setShowTOC, isPreviewMode, orientation, tabs, setTabs, activeTabId, setActiveTabId, createTab, createSubtab, renameTab, duplicateTab, orderTab, ydoc, tabCommentCounts, tabSectionContainer, isVersionHistoryMode, tabConfig, deleteTab, isConnected, isFocusMode, layout, tabPanelSlot, ddocId, }: DocumentOutlineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/toc/types.d.ts

@@ -41,6 +41,7 @@ export interface DocumentOutlineProps {
     activeTabId: string;
     setActiveTabId: (id: string) => void;
     createTab: () => void;
+    createSubtab?: (parentId: string) => void;
     renameTab: (tabId: string, payload: {
         newName?: string;
         emoji?: string;
@@ -54,6 +55,7 @@ export interface DocumentOutlineProps {
     tabConfig?: {
         onCopyTabLink?: (tabId: string) => void;
         defaultTabId?: string;
+        enableSubtabs?: boolean;
     };
     deleteTab?: (tabId: string) => void;
     isConnected?: boolean;
@@ -61,4 +63,6 @@ export interface DocumentOutlineProps {
     /** 'contained': sized from the editor canvas. Only DdocEditor passes it. */
     layout?: 'viewport' | 'contained';
     tabPanelSlot?: HTMLElement | null;
+    /** Lets the sidebar remember collapsed tabs per document in this browser. */
+    ddocId?: string;
 }

package/dist/package/hooks/use-tab-manager.d.ts

@@ -25,6 +25,7 @@ export declare const useTabManager: ({ ydoc, initialContent, enableCollaboration
     setTabs: import('react').Dispatch<import('react').SetStateAction<Tab[]>>;
     setActiveTabId: (id: string) => void;
     createTab: () => string;
+    createSubtab: (parentId: string) => string | null;
     deleteTab: (tabId: string) => void;
     renameTab: (tabId: string, { newName, emoji }: {
         newName?: string;

package/dist/package/types.d.ts

@@ -144,6 +144,11 @@ export interface DdocProps extends CommentAccountProps {
     tabConfig?: {
         onCopyTabLink?: (tabId: string) => void;
         defaultTabId?: string;
+        /**
+         * Shows "Add subtab" in the tab menu. Off by default. Docs that already
+         * have subtabs show them either way.
+         */
+        enableSubtabs?: boolean;
     };
     versionHistoryState?: {
         enabled: boolean;

package/dist/package/use-ddoc-editor.d.ts

@@ -24,6 +24,7 @@ export declare const useDdocEditor: ({ isPreviewMode, viewerMode, initialContent
     setTabs: import('react').Dispatch<import('react').SetStateAction<import('./components/tabs/utils/tab-utils').Tab[]>>;
     setActiveTabId: (id: string) => void;
     createTab: () => string;
+    createSubtab: (parentId: string) => string | null;
     deleteTab: (tabId: string) => void;
     renameTab: (tabId: string, { newName, emoji }: {
         newName?: string;

package/dist/persistence.es.js

@@ -1,4 +1,4 @@
-import { D as n, a as o, d as D, g as a, m as r, r as d, b as C } from "./ddoc-persistence-DLdSviUr.mjs";
+import { D as n, a as o, d as D, g as a, m as r, r as d, b as C } from "./ddoc-persistence-DwgX_Jov.mjs";
 export {
   n as DDOC_STORE_REPAIRED,
   o as DEFAULT_DDOC_PERSISTENCE_TIMEOUT_MS,