ct-rich-text-editor 1.0.4 → 1.0.6

package/dist/index.js

@@ -1,16 +1,16 @@
-import { f as u, E as h, k as v, h as A, g as l, v as y } from "./index-e21f8694.js";
+import { f as u, E as h, k as v, h as A, g as l, v as y } from "./index-dc0603c6.js";
 import "react";
 import "@emotion/styled";
 import "@lexical/utils";
 import "lexical";
 import "react-dom";
 import "@lexical/table";
+import "axios";
 import "@lexical/code";
 import "@lexical/link";
 import "@emotion/react";
-import "axios";
-import "@mui/material";
 import "emoji-picker-react";
+import "@mui/material";
 export {
   u as ConfigurableEditorWithAuth,
   h as EditorProvider,

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/pages/styles.d.ts

@@ -1,2 +1,5 @@
-declare const useStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"contentEditable" | "placeholder">;
+declare const useStyles: () => {
+    contentEditable: string;
+    placeholder: string;
+};
 export default useStyles;

package/dist/plugins/SignatureCanvasPlugin/index.d.ts

@@ -1,2 +1,2 @@
 export { default as SignatureCanvasDialog } from './SignatureCanvasDialog';
-export { INSERT_SIGNATURE_COMMAND, SignatureCanvasPlugin } from './SignatureCanvasPlugin';
+export { INSERT_SIGNATURE_COMMAND, SignatureCanvasPlugin, } from './SignatureCanvasPlugin';

package/dist/types.d.ts

@@ -1,6 +1,6 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
 import { EmojiClickData } from 'emoji-picker-react';
 import { ElementFormatType, LexicalEditor, TextFormatType } from '../node_modules/lexical';
+import { LucideProps } from 'lucide-react';
 import { default as React, Dispatch, MouseEvent, ReactElement } from 'react';
 import { blockTypeToBlockName } from './constants';
 import { ImagePayload } from './nodes/ImageNode';
@@ -8,12 +8,12 @@ import { ImagePayload } from './nodes/ImageNode';
 export type DebouncedFunctionType = (...params: any[]) => void;
 export interface AlignMenuItem {
     name: string;
-    icon: ReactElement<SvgIconProps>;
+    icon: ReactElement<LucideProps>;
     payload: ElementFormatType;
 }
 export interface FormatTextMenuItem {
     name: string;
-    icon: ReactElement<SvgIconProps>;
+    icon: ReactElement<LucideProps>;
     payload: TextFormatType;
 }
 export interface ToolbarProps {
@@ -42,7 +42,7 @@ export interface FormatTextMenuProps {
 export interface ColorPickerProps {
     title: string;
     onChange: (color: string) => void;
-    icon?: React.ReactElement<SvgIconProps>;
+    icon?: React.ReactElement<LucideProps>;
 }
 export interface BlockFormatMenuProps {
     blockType: keyof typeof blockTypeToBlockName;
@@ -67,7 +67,7 @@ export interface LocalStoragePluginProps {
 export interface EmojiPluginProps {
     title?: string;
     onChange?: (emoji: EmojiClickData, event?: MouseEvent) => void;
-    icon?: React.ReactElement<SvgIconProps>;
+    icon?: React.ReactElement<LucideProps>;
 }
 export interface InsertFilePayload {
     linkText: string;

package/dist/ui/Icons.d.ts

@@ -5,4 +5,30 @@ declare const CodeIcon: () => import("react/jsx-runtime").JSX.Element;
 declare const LinkIcon: () => import("react/jsx-runtime").JSX.Element;
 declare const FaceSmileIcon: () => import("react/jsx-runtime").JSX.Element;
 declare const MagicoonIcon: () => import("react/jsx-runtime").JSX.Element;
-export { UnderlineIcon, ItalicIcon, StrikethroughIcon, CodeIcon, LinkIcon, FaceSmileIcon, MagicoonIcon };
+declare const PerspectiveIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const BoldIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const PlusIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ChevronDownIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SubscriptIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SuperscriptIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const MessageEditIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TypeUppercaseIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TypeLowercaseIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TypeCapitalizeIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const UndoIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const RedoIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const UploadIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const AddImageIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const HorizontalRuleIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SignatureIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const NumberListIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const BulletListIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const CheckBoxIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SearchTextIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const PenLineIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const MenuAltIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const FaceSmileIcon2: () => import("react/jsx-runtime").JSX.Element;
+declare const TranslateIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SparkleIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ImageIcon: () => import("react/jsx-runtime").JSX.Element;
+export { AddImageIcon, BoldIcon, BulletListIcon, CheckBoxIcon, ChevronDownIcon, CodeIcon, FaceSmileIcon, FaceSmileIcon2, HorizontalRuleIcon, ImageIcon, ItalicIcon, LinkIcon, MagicoonIcon, MenuAltIcon, MessageEditIcon, NumberListIcon, PenLineIcon, PerspectiveIcon, PlusIcon, RedoIcon, SearchTextIcon, SignatureIcon, SparkleIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TranslateIcon, TypeCapitalizeIcon, TypeLowercaseIcon, TypeUppercaseIcon, UnderlineIcon, UndoIcon, UploadIcon, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ct-rich-text-editor",
   "private": false,
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "packageManager": "pnpm@9.0.0",
   "main": "dist/index.js",
@@ -56,21 +56,34 @@
     "@mui/icons-material": "^5.11.9",
     "@mui/material": "^5.11.9",
     "@mui/styles": "^5.11.9",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.13",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
     "@types/react-color": "^3.0.6",
     "@types/react-signature-canvas": "^1.0.7",
     "axios": "^1.8.1",
+    "class-variance-authority": "^0.7.1",
     "classnames": "^2.3.2",
+    "clsx": "^2.1.1",
     "emoji-picker-react": "^4.12.0",
     "lexical": "^0.24.0",
     "lexical-ai-plugin": "0.0.2-alpha",
     "lodash-es": "^4.17.21",
+    "lucide-react": "^0.344.0",
     "prettier": "^3.5.1",
     "react": "^18.2.0",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-router-dom": "^7.2.0",
     "react-signature-canvas": "^1.1.0-alpha.1",
-    "sass": "^1.57.1"
+    "sass": "^1.57.1",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@types/he": "^1.2.3",
@@ -81,6 +94,7 @@
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
     "@vitejs/plugin-react-swc": "^3.0.0",
+    "autoprefixer": "^10.4.18",
     "eslint": "8.56.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-import-resolver-typescript": "^3.8.5",
@@ -91,6 +105,8 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
+    "postcss": "^8.4.35",
+    "tailwindcss": "3",
     "typescript": "^4.9.3",
     "vite": "^4.0.0",
     "vite-plugin-dts": "^4.5.3",