chore: fix build

package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactjs-tiptap-editor",
   "type": "module",
-  "version": "0.0.51",
+  "version": "0.0.50",
   "main": "./lib/reactjs-tiptap-editor.cjs",
   "module": "./lib/reactjs-tiptap-editor.js",
   "types": "./lib/index.d.ts",

src/components/ui/index.ts

@@ -9,4 +9,5 @@ export * from './tabs'
 export * from './toast'
 export * from './toggle'
 export * from './tooltip'
+export * from './select'
 export * from './use-toast'

src/extensions/CodeBlock/components/CodeBlockActiveButton.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/no-duplicate-key */
 import React, { useMemo } from 'react'
 
 import type { BundledLanguage } from 'shiki'
@@ -8,7 +7,6 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger,
-  SelectValue,
 } from '@/components'
 import { MAP_LANGUAGE_CODE_LABELS } from '@/constants'
 
@@ -53,7 +51,11 @@ function CodeBlockActiveButton({ action, languages, ...props }: Props) {
       <SelectContent className="richtext-w-full richtext-max-h-60 richtext-overflow-y-auto">
         {langs?.map((item: any) => {
           return (
-            <SelectItem key={`codeblock-${item.title}`} onClick={() => onClick(item.language)}>
+            <SelectItem
+              value={item.language}
+              key={`codeblock-${item.title}`}
+              onClick={() => onClick(item.language)}
+            >
               <div className="richtext-h-full richtext-ml-1">
                 {item.title}
               </div>

src/extensions/Mermaid/Mermaid.ts

@@ -1,5 +1,5 @@
 import type { CommandProps } from '@tiptap/core'
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes } from '@tiptap/core'
 
 import { ReactNodeViewRenderer } from '@tiptap/react'
 import TiptapImage from '@tiptap/extension-image'

src/extensions/Mermaid/components/MermaidActiveButton.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react-dom/no-dangerously-set-innerhtml */
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import mermaid from 'mermaid'
 // @ts-ignore
 import svg64 from 'svg64'

src/extensions/Mermaid/components/NodeViewMermaid/NodeViewMermaid.tsx

@@ -3,7 +3,6 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { NodeViewWrapper, isNumber } from '@tiptap/react'
 import { throttle } from 'lodash-es'
 import { flushSync } from 'react-dom'
-import { useLocale } from '@/locales'
 import { IMAGE_MAX_SIZE, IMAGE_MIN_SIZE, IMAGE_THROTTLE_WAIT_TIME } from '@/constants'
 import { clamp } from '@/utils/utils'
 

src/hooks/useExtension.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import type { Editor } from '@tiptap/core'
 

src/locales/vi.ts

@@ -80,6 +80,7 @@ const locale = {
   'editor.image.dialog.tab.url': 'Url',
   'editor.image.dialog.tab.upload': 'Tải lên',
   'editor.image.dialog.tab.uploadCrop': 'Tải lên & Cắt',
+  'editor.image.dialog.uploading': 'Đang tải lên',
   'editor.image.dialog.form.link': 'Liên kết',
   'editor.image.dialog.placeholder': 'Liên kết',
   'editor.image.dialog.form.alt': 'Alt',