@fileverse-dev/ddoc 3.0.81 → 3.0.82-focus-mode-1

package/dist/package/components/editor-toolbar.d.ts

@@ -4,7 +4,7 @@ import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 import { Tab } from './tabs/utils/tab-utils';
 
 import * as Y from 'yjs';
-declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, onHtmlExport, onTxtExport, onDocxImport, isLoading, ipfsImageFetchFn, fetchV1ImageFn, isConnected, tabs, ydoc, onRegisterExportTrigger, }: {
+declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, onHtmlExport, onTxtExport, onDocxImport, isLoading, ipfsImageFetchFn, fetchV1ImageFn, isConnected, tabs, ydoc, onRegisterExportTrigger, toggleFocusMode, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
     zoomLevel: string;
@@ -27,6 +27,7 @@ declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavb
     isConnected?: boolean;
     tabs: Tab[];
     ydoc: Y.Doc;
+    toggleFocusMode?: () => void;
     onRegisterExportTrigger?: ((trigger: ((format?: string, name?: string) => void) | null) => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TiptapToolBar;

package/dist/package/components/fullscreen-toolbar.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DdocProps } from '../types';
+
+type FullScreenToolbarProps = {
+    dropdownOpen: boolean;
+    setDropdownOpen: Dispatch<SetStateAction<boolean>>;
+    zoomLevel: DdocProps['zoomLevel'];
+    setZoomLevel: DdocProps['setZoomLevel'];
+    showTOC: DdocProps['showTOC'];
+    setShowTOC: DdocProps['setShowTOC'];
+    toggleFocusMode: () => Promise<void>;
+};
+export declare const FullScreenToolbar: ({ dropdownOpen, setDropdownOpen, zoomLevel, setZoomLevel, showTOC, setShowTOC, toggleFocusMode, }: FullScreenToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/package/constants/canvas-dimensions.d.ts

@@ -40,16 +40,16 @@ export declare const CANVAS_DIMENSIONS: {
             readonly minHeight: "100%";
         };
         readonly '1.4': {
-            readonly width: "70%";
-            readonly minHeight: "200%";
+            readonly width: 1190;
+            readonly minHeight: "140%";
         };
         readonly '1.5': {
-            readonly width: 1062.5;
-            readonly minHeight: "100%";
+            readonly width: 1275;
+            readonly minHeight: "150%";
         };
         readonly '2': {
-            readonly width: 1548;
-            readonly minHeight: undefined;
+            readonly width: 1700;
+            readonly minHeight: "200%";
         };
     };
     readonly landscape: {
@@ -66,16 +66,16 @@ export declare const CANVAS_DIMENSIONS: {
             readonly minHeight: "100%";
         };
         readonly '1.4': {
-            readonly width: "90%";
-            readonly minHeight: "200%";
+            readonly width: 1666;
+            readonly minHeight: "140%";
         };
         readonly '1.5': {
-            readonly width: 1487.5;
-            readonly minHeight: "100%";
+            readonly width: 1785;
+            readonly minHeight: "150%";
         };
         readonly '2': {
-            readonly width: 2166;
-            readonly minHeight: undefined;
+            readonly width: 2380;
+            readonly minHeight: "200%";
         };
     };
 };

package/dist/package/constants/zoom.d.ts

@@ -0,0 +1,4 @@
+export declare const zoomLevels: {
+    title: string;
+    value: string;
+}[];

package/dist/package/context/editor-context.d.ts

@@ -4,6 +4,7 @@ import { DocumentStyling } from '../types';
 interface EditorContextType {
     documentStyling?: DocumentStyling;
     theme: 'light' | 'dark';
+    isFocusMode: boolean;
 }
 export declare const EditorContext: React.Context<EditorContextType | null>;
 export declare const useEditorContext: () => EditorContextType;
@@ -11,5 +12,6 @@ export declare const EditorProvider: React.FC<{
     children: ReactNode;
     documentStyling?: DocumentStyling;
     theme?: 'light' | 'dark';
+    isFocusMode?: boolean;
 }>;
 export {};

package/dist/package/hooks/use-fullscreen-mode.d.ts

@@ -0,0 +1,8 @@
+type UseFocusModeOptions = {
+    onFocusMode?: (isFocusMode: boolean) => void;
+};
+export declare const useFocusMode: ({ onFocusMode }?: UseFocusModeOptions) => {
+    isFocusMode: boolean;
+    toggleFocusMode: () => Promise<void>;
+};
+export {};

package/dist/package/types.d.ts

@@ -158,6 +158,7 @@ export interface DdocProps extends CommentAccountProps {
     setIsPresentationMode?: React.Dispatch<SetStateAction<boolean>>;
     onComment?: () => void;
     onInlineComment?: () => void;
+    onFocusMode?: (isFocusMode: boolean) => void;
     onMarkdownExport?: () => void;
     onMarkdownImport?: () => void;
     onPdfExport?: () => void;

package/dist/package/utils/get-editor-scroll-container.d.ts

@@ -0,0 +1,5 @@
+export declare const getEditorScrollContainer: ({ targetElement, editorRoot, }: {
+    targetElement: HTMLElement;
+    editorRoot?: HTMLElement | null;
+}) => HTMLElement | null;
+export default getEditorScrollContainer;