@lax-wp/editor 0.1.9 → 0.2.1

package/dist/components/EditorSidebar.d.ts

@@ -0,0 +1,7 @@
+import type { TEditorMode } from "@/constants/Toolbar";
+interface EditorSidebarProps {
+    position?: 'left' | 'right';
+    currentMode: TEditorMode;
+}
+export declare const EditorSidebar: ({ position, currentMode }: EditorSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/CropImageModal.d.ts

@@ -0,0 +1,8 @@
+interface CropImageModalProps {
+    open: boolean;
+    imageUrl: string;
+    onApply: (croppedImage: string) => void;
+    onCancel: () => void;
+}
+export declare const CropImageModal: React.FC<CropImageModalProps>;
+export default CropImageModal;

package/dist/components/common/FileUpload.d.ts

@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+type FileUploadProps = {
+    getFile: (file: any, fileName?: string) => void;
+    description?: string;
+    errorMessage?: string;
+    disabled?: boolean;
+    defaultFile?: any;
+    acceptedFiles?: string;
+    isLoading?: boolean;
+    asBase64?: boolean;
+    multiple?: boolean;
+    onDelete?: () => void;
+    hideSelectedFile?: boolean;
+};
+export declare const FileUpload: FC<FileUploadProps>;
+export default FileUpload;

package/dist/components/common/SvgIcon.d.ts

@@ -8,6 +8,8 @@ interface SvgIconProps {
     className?: string;
     /** Stroke width */
     strokeWidth?: number;
+    /** Fill color */
+    fillColor?: string;
     /** Click handler */
     onClick?: () => void;
 }

package/dist/components/common/TabSwitch.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface TabSwitchOption {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+interface TabSwitchProps {
+    options: TabSwitchOption[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+export declare const TabSwitch: React.FC<TabSwitchProps>;
+export {};

package/dist/components/redline/FloatingRedlineContainer.d.ts

@@ -0,0 +1 @@
+export declare const FloatingRedlineContainer: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/redline/RedlinePanel.d.ts

@@ -1 +1,3 @@
-export declare const RedlinePanel: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const RedlinePanel: ({ showFullRedlineItem }: {
+    showFullRedlineItem: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/shared/InsertLinkButton.d.ts

@@ -1,4 +1 @@
-import { type TToolbarType } from "@/constants/Toolbar";
-export declare const InsertLinkButton: ({ activeToolbarType }: {
-    activeToolbarType?: TToolbarType;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const InsertLinkButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/ExpandableSidebar.d.ts

@@ -0,0 +1,16 @@
+export interface SidebarTool {
+    id: string;
+    icon: React.ReactNode;
+    label: string;
+    content?: React.ReactNode;
+    notVisible?: boolean;
+}
+export interface ExpandableSidebarProps {
+    tools: SidebarTool[];
+    position?: 'left' | 'right';
+    isExpanded?: boolean;
+    defaultActiveTool?: string | null;
+    expandedWidth?: number;
+    toggleToolbar?: (isExpanded: boolean) => void;
+}
+export declare const ExpandableSidebar: ({ tools, position, isExpanded, defaultActiveTool, expandedWidth, toggleToolbar, }: ExpandableSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/content/AddElementContent.d.ts

@@ -0,0 +1,4 @@
+export interface AddElementContentProps {
+    onClose?: () => void;
+}
+export declare const AddElementContent: ({ onClose }: AddElementContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/content/ExportContent.d.ts

@@ -0,0 +1,7 @@
+export interface ExportContentProps {
+    onExport?: (options: {
+        fileType: string;
+    }) => void;
+    onClose?: () => void;
+}
+export declare const ExportContent: ({ onExport, onClose }: ExportContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/content/ImageContent.d.ts

@@ -0,0 +1,15 @@
+export interface ImageContentProps {
+    onInsert?: (imageData: ImageData) => void;
+    onBack?: () => void;
+    onClose?: () => void;
+}
+export interface ImageData {
+    url: string;
+    fileName: string;
+    fileSize: number;
+    alignment: 'left' | 'center' | 'right' | 'full';
+    borderWeight: number;
+    borderColor: string;
+    cornerRadius: number;
+}
+export declare const ImageContent: ({ onInsert, onBack, onClose }: ImageContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/content/SearchContent.d.ts

@@ -0,0 +1,8 @@
+import type { TEditorMode } from "@/constants/Toolbar";
+export interface SearchContentProps {
+    onSearch?: (query: string) => void;
+    onReplace?: (searchTerm: string, replaceTerm: string) => void;
+    onClose?: () => void;
+    currentMode: TEditorMode;
+}
+export declare const SearchContent: ({ onClose, currentMode }: SearchContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/content/index.d.ts

@@ -0,0 +1,4 @@
+export { ExportContent, type ExportContentProps } from './ExportContent';
+export { SearchContent, type SearchContentProps } from './SearchContent';
+export { AddElementContent, type AddElementContentProps } from './AddElementContent';
+export { ImageContent, type ImageContentProps, type ImageData } from './ImageContent';

package/dist/components/sidebar/content/page-sttings/PageSettings.d.ts

@@ -0,0 +1,8 @@
+export type PageSize = 'A4' | 'A3' | 'Letter' | 'Legal' | 'Tabloid';
+export type PageOrientation = 'portrait' | 'landscape';
+interface PageSettingsProps {
+    onApply?: () => void;
+    onClose?: () => void;
+}
+export declare const PageSettings: ({ onApply, onClose }: PageSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpandableSidebar, type ExpandableSidebarProps, type SidebarTool } from './ExpandableSidebar';
+export * from './content';

package/dist/components/toolbar/Divider.d.ts

@@ -1 +1 @@
-export declare const Divider: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const Divider: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/toolbar/OverflowToolbar.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+interface OverflowToolbarProps {
+    children: ReactNode;
+}
+export declare const OverflowToolbar: ({ children }: OverflowToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/toolbar/home/UndoRedoActions.d.ts

@@ -0,0 +1 @@
+export declare const UndoRedoActions: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/toolbar/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./Toolbar";
-export * from "./ProfessionalToolbar";
 export * from "./ClassicToolbar";
 export * from "./home";
 export * from "./ItemGroup";

package/dist/components/toolbar/page/PageBackgroundColorPicker.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 interface PageBackgroundColorPickerProps {
-    id: string;
     selectedBGColor: string;
     setSelectedBGColor: (color: string) => void;
 }

package/dist/config/EditorConfig.d.ts

@@ -1,4 +1,5 @@
 import type { Editor } from "@tiptap/react";
+import { type TEditorMode } from "@/constants";
 import type { InsertTableUsingDataProps } from "@/types/extensions/Table";
 export interface AIAutocompletionConfig {
     /** Enable/disable AI autocompletion */
@@ -11,6 +12,8 @@ export interface AIAutocompletionConfig {
     fetchCompletion?: (text: string) => Promise<string>;
 }
 export interface EditorConfig {
+    /** Editor mode */
+    mode?: TEditorMode;
     /** File name and id */
     file?: {
         name?: string;
@@ -24,8 +27,6 @@ export interface EditorConfig {
     content?: string;
     /** Enable/disable pagination */
     enablePagination?: boolean;
-    /** Initial toolbar */
-    defaultToolbar?: string;
     /** Calback debounce time for content change milliseconds */
     debounceTimeForContentChange?: number;
     /** AI Autocompletion configuration */

package/dist/constants/Heading.d.ts

@@ -6,37 +6,38 @@ export declare const HEADING_OPTIONS: {
 }[];
 export declare const HEADING_STYLES: {
     readonly h1: {
-        readonly fontSize: "1rem";
+        readonly fontSize: "1.5rem";
         readonly fontWeight: "bold";
-        readonly lineHeight: "1";
+        readonly lineHeight: "1.2";
     };
     readonly h2: {
-        readonly fontSize: "0.9rem";
+        readonly fontSize: "1.25rem";
         readonly fontWeight: "bold";
-        readonly lineHeight: "1";
+        readonly lineHeight: "1.2";
     };
     readonly h3: {
-        readonly fontSize: "0.8rem";
+        readonly fontSize: "1.1rem";
         readonly fontWeight: "bold";
-        readonly lineHeight: "1";
+        readonly lineHeight: "1.2";
     };
     readonly h4: {
-        readonly fontSize: "0.75rem";
+        readonly fontSize: "1rem";
         readonly fontWeight: "bold";
-        readonly lineHeight: "1";
+        readonly lineHeight: "1.2";
     };
     readonly h5: {
-        readonly fontSize: "0.7rem";
+        readonly fontSize: "0.875rem";
         readonly fontWeight: "bold";
-        readonly lineHeight: "1";
+        readonly lineHeight: "1.2";
     };
     readonly h6: {
-        readonly fontSize: "0.65rem";
+        readonly fontSize: "0.75rem";
         readonly fontWeight: "bold";
-        readonly lineHeight: "1";
+        readonly lineHeight: "1.2";
     };
     readonly paragraph: {
-        readonly fontSize: "0.7rem";
-        readonly lineHeight: "1";
+        readonly fontSize: "0.875rem";
+        readonly fontWeight: "normal";
+        readonly lineHeight: "1.2";
     };
 };

package/dist/constants/Toolbar.d.ts

@@ -1,28 +1,5 @@
-export declare const TABS: readonly ["Home", "Insert", "Table", "Page", "Export"];
+export declare const TABS: readonly ["Text", "Table"];
 export type TTabKey = (typeof TABS)[number];
-export declare const TOOLBAR_TYPES_ENUM: {
-    CLASSIC: string;
-    PROFESSIONAL: string;
-    HIDE_TOOLBAR: string;
-};
-export type TToolbarType = (typeof TOOLBAR_TYPES_ENUM)[keyof typeof TOOLBAR_TYPES_ENUM];
-export declare const TOOLBAR_TYPES: {
-    CLASSIC: {
-        name: string;
-        label: string;
-        height: number;
-    };
-    PROFESSIONAL: {
-        name: string;
-        label: string;
-        height: number;
-    };
-    NONE: {
-        name: string;
-        label: string;
-        height: number;
-    };
-};
 export declare const EDITOR_MODE_ENUM: {
     EDITING: string;
     SUGGESTING: string;

package/dist/contexts/ToolbarContext.d.ts

@@ -3,12 +3,6 @@ import { type TEditorMode } from "@/constants/Toolbar";
 import type { PageConfig } from "@/components/toolbar/page/PageSizeSelector";
 import type { EditorConfig } from "@/config/EditorConfig";
 export interface ToolbarContextType {
-    currentToolbar: string;
-    setCurrentToolbar: (toolbar: string) => void;
-    lastVisibleToolbar: string;
-    setLastVisibleToolbar: (toolbar: string) => void;
-    handleToolbarChange: (toolbarType: string) => void;
-    handleShowToolbar: () => void;
     onPresentationModeToggle: () => void;
     pageConfig: PageConfig;
     setPageConfig: (config: PageConfig) => void;

package/dist/extensions/CustomImageExtension.d.ts

@@ -10,6 +10,9 @@ export interface CustomImageExtensionAttributes {
     title?: string;
     width?: number;
     align?: AlignType;
+    borderWeight?: number;
+    borderColor?: string;
+    cornerRadius?: number;
 }
 export declare const CustomImageExtension: import("@tiptap/core").Node<CustomImageExtensionOptions, any>;
 export default CustomImageExtension;

package/dist/extensions/plugins/DragDropPlugin.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/core';
+export declare const DragDropPlugin: Extension<any, any>;
+export default DragDropPlugin;

package/dist/hooks/useSearchAndReplace.d.ts

@@ -0,0 +1,19 @@
+export interface SearchMatch {
+    id: string;
+    from: number;
+    to: number;
+    text: string;
+    contextBefore: string;
+    contextAfter: string;
+}
+export declare const useSearchAndReplace: () => {
+    searchQuery: string;
+    setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    matches: SearchMatch[];
+    currentMatchIndex: number;
+    goToPrevious: () => void;
+    goToNext: () => void;
+    replaceCurrent: (replaceText: string) => void;
+    replaceAll: (replaceText: string) => void;
+    navigateToMatch: (index: number, matchList?: SearchMatch[], shouldFocus?: boolean) => void;
+};