reactjs-tiptap-editor-pro 0.2.30 → 0.2.31

package/src/extensions/TableOfContent/TableOfContent.ts

@@ -2,9 +2,9 @@
 import { Node, mergeAttributes } from '@tiptap/core';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 
-import { NodeViewTableOfContent } from '@/extensions/TableOfContent/components/NodeViewTableOfContent';
-import { TableOfContentActionButton } from '@/extensions/TableOfContent/components/TableOfContentActionButton';
-import { findNode, isTitleNode } from '@/utils/node';
+import { NodeViewTableOfContent } from 'reactjs-tiptap-editor-pro/extensions/TableOfContent/components/NodeViewTableOfContent';
+import { TableOfContentActionButton } from 'reactjs-tiptap-editor-pro/extensions/TableOfContent/components/TableOfContentActionButton';
+import { findNode, isTitleNode } from 'reactjs-tiptap-editor-pro/utils/node';
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {

package/src/extensions/TableOfContent/components/NodeViewTableOfContent.tsx

@@ -5,8 +5,8 @@ import { useCallback, useEffect, useState } from 'react';
 import { NodeViewWrapper } from '@tiptap/react';
 import cls from 'clsx';
 
-import { useLocale } from '@/locales';
-import { useEditableEditor } from '@/store/editableEditor';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { useEditableEditor } from 'reactjs-tiptap-editor-pro/store/editableEditor';
 
 import styles from './index.module.scss';
 

package/src/extensions/TableOfContent/components/TableOfContentActionButton.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 
 import type { Editor } from '@tiptap/core';
-import { ActionButton } from '@/components/ActionButton';
-import { TableOfContents } from '@/extensions/TableOfContent/TableOfContent';
-import { useActive } from '@/hooks/useActive';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { TableOfContents } from 'reactjs-tiptap-editor-pro/extensions/TableOfContent/TableOfContent';
+import { useActive } from 'reactjs-tiptap-editor-pro/hooks/useActive';
 
 export function TableOfContentActionButton({ editor, icon, tooltip }: { editor: Editor, tooltip: string, icon: string }) {
   const isTaskListActive = useActive(editor, TableOfContents.name);

package/src/extensions/TaskList/TaskList.ts

@@ -3,8 +3,8 @@ import { TaskItem } from '@tiptap/extension-task-item';
 import type { TaskListOptions as TiptapTaskListOptions } from '@tiptap/extension-task-list';
 import { TaskList as TiptapTaskList } from '@tiptap/extension-task-list';
 
-import { ActionButton } from '@/components';
-import type { GeneralOptions } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 /**
  * Represents the interface for task list options, extending TiptapTaskListOptions and GeneralOptions.

package/src/extensions/TextAlign/TextAlign.ts

@@ -2,8 +2,8 @@ import type { Editor, Extension } from '@tiptap/core';
 import type { TextAlignOptions as TiptapTextAlignOptions } from '@tiptap/extension-text-align';
 import TiptapTextAlign from '@tiptap/extension-text-align';
 
-import TextAlignMenuButton from '@/extensions/TextAlign/components/TextAlignMenuButton';
-import type { GeneralOptions } from '@/types';
+import TextAlignMenuButton from 'reactjs-tiptap-editor-pro/extensions/TextAlign/components/TextAlignMenuButton';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 type Alignments = 'left' | 'center' | 'right' | 'justify';
 /**

package/src/extensions/TextAlign/components/TextAlignMenuButton.tsx

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 
-import { ActionButton, IconComponent } from '@/components';
-import { Popover, PopoverContent, PopoverTrigger, Toggle, Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui';
-import type { ButtonViewReturnComponentProps } from '@/types';
-import { getShortcutKey } from '@/utils/plateform';
+import { ActionButton, IconComponent } from 'reactjs-tiptap-editor-pro/components';
+import { Popover, PopoverContent, PopoverTrigger, Toggle, Tooltip, TooltipContent, TooltipTrigger } from 'reactjs-tiptap-editor-pro/components/ui';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
+import { getShortcutKey } from 'reactjs-tiptap-editor-pro/utils/plateform';
 
 export interface Item {
   title: string

package/src/extensions/TextBubble/TextBubble.ts

@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/core';
 
 import TextDropdown from './components/TextDropdown';
-import type { GeneralOptions } from '@/types';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface TextBubbleOptions extends GeneralOptions<TextBubbleOptions> {}
 

package/src/extensions/TextBubble/components/TextDropdown.tsx

@@ -2,8 +2,8 @@ import React, { useMemo } from 'react';
 
 import { ChevronDown } from 'lucide-react';
 
-import { Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger, icons } from '@/components';
-import { useLocale } from '@/locales';
+import { Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger, icons } from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsTextDropdown {
   editor: any

package/src/extensions/TextDirection/TextDirection.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import { Extension } from '@tiptap/core';
 
-import TextDirectionButton from '@/extensions/TextDirection/components/TextDirectionButton';
+import TextDirectionButton from 'reactjs-tiptap-editor-pro/extensions/TextDirection/components/TextDirectionButton';
 
 const TextDirection = Extension.create({
   name: 'text-direction',

package/src/extensions/TextDirection/components/TextDirectionButton.tsx

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 
-import { ActionButton, IconComponent } from '@/components';
-import { Popover, PopoverContent, PopoverTrigger, Toggle, Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui';
-import type { ButtonViewReturnComponentProps } from '@/types';
-import { getShortcutKey } from '@/utils/plateform';
+import { ActionButton, IconComponent } from 'reactjs-tiptap-editor-pro/components';
+import { Popover, PopoverContent, PopoverTrigger, Toggle, Tooltip, TooltipContent, TooltipTrigger } from 'reactjs-tiptap-editor-pro/components/ui';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
+import { getShortcutKey } from 'reactjs-tiptap-editor-pro/utils/plateform';
 
 export interface Item {
   title: string

package/src/extensions/Twitter/Twitter.ts

@@ -1,7 +1,7 @@
 import { Node, mergeAttributes, nodePasteRule } from '@tiptap/core';
 import { ReactNodeViewRenderer } from '@tiptap/react';
-import NodeViewTweet from '@/extensions/Twitter/components/NodeViewTweet';
-import TwitterActiveButton from '@/extensions/Twitter/components/TwitterActiveButton';
+import NodeViewTweet from 'reactjs-tiptap-editor-pro/extensions/Twitter/components/NodeViewTweet';
+import TwitterActiveButton from 'reactjs-tiptap-editor-pro/extensions/Twitter/components/TwitterActiveButton';
 
 const TWITTER_REGEX_GLOBAL = /(https?:\/\/)?(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?/g;
 const TWITTER_REGEX = /^https?:\/\/(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?$/;

package/src/extensions/Twitter/components/FormEditLinkTwitter.tsx

@@ -3,9 +3,9 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { useEffect, useState } from 'react';
 
-import { Button, Input, Label } from '@/components';
-import { Twitter } from '@/extensions/Twitter/Twitter';
-import { useLocale } from '@/locales';
+import { Button, Input, Label } from 'reactjs-tiptap-editor-pro/components';
+import { Twitter } from 'reactjs-tiptap-editor-pro/extensions/Twitter/Twitter';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsFormEditLinkTwitter {
   editor: any

package/src/extensions/Twitter/components/TwitterActiveButton.tsx

@@ -1,6 +1,6 @@
-import { ActionButton, IconComponent, Popover, PopoverContent, PopoverTrigger } from '@/components';
-import FormEditLinkTwitter from '@/extensions/Twitter/components/FormEditLinkTwitter';
-import type { ButtonViewReturnComponentProps } from '@/types';
+import { ActionButton, IconComponent, Popover, PopoverContent, PopoverTrigger } from 'reactjs-tiptap-editor-pro/components';
+import FormEditLinkTwitter from 'reactjs-tiptap-editor-pro/extensions/Twitter/components/FormEditLinkTwitter';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
 
 interface IPropsTwitterActiveButton {
   editor: any

package/src/extensions/UnderLine/Underline.ts

@@ -1,8 +1,8 @@
 import type { UnderlineOptions as TiptapUnderlineOptions } from '@tiptap/extension-underline';
 import TiptapUnderline from '@tiptap/extension-underline';
 
-import { ActionButton } from '@/components';
-import type { GeneralOptions } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
 
 export interface UnderlineOptions
   extends TiptapUnderlineOptions,

package/src/extensions/Video/Video.ts

@@ -1,9 +1,9 @@
 import { Node } from '@tiptap/core';
 
-import { VIDEO_SIZE } from '@/constants';
-import ActionVideoButton from '@/extensions/Video/components/ActiveVideoButton';
-import type { GeneralOptions } from '@/types';
-import { getCssUnitWithDefault } from '@/utils/utils';
+import { VIDEO_SIZE } from 'reactjs-tiptap-editor-pro/constants';
+import ActionVideoButton from 'reactjs-tiptap-editor-pro/extensions/Video/components/ActiveVideoButton';
+import type { GeneralOptions } from 'reactjs-tiptap-editor-pro/types';
+import { getCssUnitWithDefault } from 'reactjs-tiptap-editor-pro/utils/utils';
 
 /**
  * Represents the interface for video options, extending GeneralOptions.

package/src/extensions/Video/components/ActiveVideoButton.tsx

@@ -1,11 +1,11 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 
-import { ActionButton, Button, Input, Tabs, TabsContent, TabsList, TabsTrigger } from '@/components';
-import { Dialog, DialogContent, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Video } from '@/extensions/Video/Video';
-import { useLocale } from '@/locales';
-import { listenEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { ActionButton, Button, Input, Tabs, TabsContent, TabsList, TabsTrigger } from 'reactjs-tiptap-editor-pro/components';
+import { Dialog, DialogContent, DialogTitle, DialogTrigger } from 'reactjs-tiptap-editor-pro/components/ui/dialog';
+import { Video } from 'reactjs-tiptap-editor-pro/extensions/Video/Video';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { listenEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 function checkIsVideo(url: string) {
   return /\.(?:mp4|webm|ogg|mov)$/i.test(url);

package/src/extensions/Video/store.ts

@@ -1,6 +1,6 @@
-import { useStoreUploadVideo } from '@/store/store';
-import { dispatchEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { useStoreUploadVideo } from 'reactjs-tiptap-editor-pro/store/store';
+import { dispatchEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 export function useDialogVideo() {
   const [v] = useStoreUploadVideo(store => store.value);

package/src/index.ts

@@ -1,8 +1,8 @@
-import { useEditorState } from '@/hooks/useEditorState';
+import { useEditorState } from 'reactjs-tiptap-editor-pro/hooks/useEditorState';
 
-export { default } from '@/components/RichTextEditor';
+export { default } from 'reactjs-tiptap-editor-pro/components/RichTextEditor';
 
-export type { UseEditorStateReturn } from '@/hooks/useEditorState';
+export type { UseEditorStateReturn } from 'reactjs-tiptap-editor-pro/hooks/useEditorState';
 export { useEditorState };
 export { BubbleMenu } from '@tiptap/react';
 export type { Editor, UseEditorOptions } from '@tiptap/react';

package/src/locales/index.tsx

@@ -6,9 +6,9 @@ import pt_BR from './pt-br';
 import vi from './vi';
 import zh_CN from './zh-cn';
 import hu_HU from './hu';
-import mitt from '@/utils/mitt';
-import type { EventType } from '@/utils/mitt';
-import { DEFAULT_LANG_VALUE } from '@/constants';
+import mitt from 'reactjs-tiptap-editor-pro/utils/mitt';
+import type { EventType } from 'reactjs-tiptap-editor-pro/utils/mitt';
+import { DEFAULT_LANG_VALUE } from 'reactjs-tiptap-editor-pro/constants';
 
 // Define supported language types
 type LanguageType = 'en' | 'hu_HU' | 'vi' | 'zh_CN' | 'pt_BR' | (string & {});

package/src/store/ProviderRichText.tsx

@@ -2,9 +2,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { memo, useEffect } from 'react';
 
-import { ProviderEditableEditor, ProviderTheme, useStoreEditableEditor, useStoreTheme } from '@/store/store';
-import { listenEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { ProviderEditableEditor, ProviderTheme, useStoreEditableEditor, useStoreTheme } from 'reactjs-tiptap-editor-pro/store/store';
+import { listenEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 const EventInitial = memo(({ children, id }: any) => {
   const [, setEditable] = useStoreEditableEditor(store => store.value);

package/src/store/editableEditor.ts

@@ -1,6 +1,6 @@
-import { useStoreEditableEditor } from '@/store/store';
-import { dispatchEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { useStoreEditableEditor } from 'reactjs-tiptap-editor-pro/store/store';
+import { dispatchEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 export function useEditableEditor() {
   const [v] = useStoreEditableEditor(store => store.value);

package/src/store/store.ts

@@ -1,6 +1,6 @@
 import { createSignal } from 'reactjs-signal';
 
-import createFastContext from '@/store/fast-context';
+import createFastContext from 'reactjs-tiptap-editor-pro/store/fast-context';
 
 const { Provider: ProviderUploadImage, useStore: useStoreUploadImage } = createFastContext({
   value: false

package/src/theme/theme.ts

@@ -1,6 +1,6 @@
-import { useStoreTheme } from '@/store/store';
-import { dispatchEvent } from '@/utils/customEvents/customEvents';
-import { EVENTS } from '@/utils/customEvents/events.constant';
+import { useStoreTheme } from 'reactjs-tiptap-editor-pro/store/store';
+import { dispatchEvent } from 'reactjs-tiptap-editor-pro/utils/customEvents/customEvents';
+import { EVENTS } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 export function useTheme() {
   const [v] = useStoreTheme(store => store.value);

package/src/utils/_event.ts

@@ -1,4 +1,4 @@
-import mitt from '@/utils/mitt';
+import mitt from 'reactjs-tiptap-editor-pro/utils/mitt';
 
 let event: any;
 function getEventEmitter() {

package/src/utils/columns.ts

@@ -3,7 +3,7 @@ import { findParentNode } from '@tiptap/core';
 import { Node } from '@tiptap/pm/model';
 import { type EditorState, TextSelection } from '@tiptap/pm/state';
 
-import { Column, MultiColumn } from '@/extensions/MultiColumn';
+import { Column, MultiColumn } from 'reactjs-tiptap-editor-pro/extensions/MultiColumn';
 
 export function createColumn(colType: any, index: any, colContent = null) {
   if (colContent) {

package/src/utils/customEvents/customEvents.ts

@@ -1,4 +1,4 @@
-import { type EventValues } from '@/utils/customEvents/events.constant';
+import { type EventValues } from 'reactjs-tiptap-editor-pro/utils/customEvents/events.constant';
 
 export function listenEvent (eventName: EventValues, callback: any) {
   window.addEventListener(eventName, callback);

package/src/utils/dom-dataset.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
  
-import { safeJSONParse } from '@/utils/json';
+import { safeJSONParse } from 'reactjs-tiptap-editor-pro/utils/json';
 
 /**
  * @param json

package/src/utils/line-height.ts

@@ -3,7 +3,7 @@ import type { NodeType, Node as ProsemirrorNode } from '@tiptap/pm/model';
 import type { EditorState, Transaction } from '@tiptap/pm/state';
 import { AllSelection, TextSelection } from '@tiptap/pm/state';
 
-import { DEFAULT_LINE_HEIGHT } from '@/constants';
+import { DEFAULT_LINE_HEIGHT } from 'reactjs-tiptap-editor-pro/constants';
 
 export const ALLOWED_NODE_TYPES = ['paragraph', 'heading', 'list_item', 'todo_item'];
 

package/src/utils/utils.ts

@@ -1,6 +1,6 @@
 import type { Editor } from '@tiptap/core';
 
-import type { NameValueOption } from '@/types';
+import type { NameValueOption } from 'reactjs-tiptap-editor-pro/types';
 
 export function clamp(val: number, min: number, max: number) {
   if (val < min) {