rj-editor 0.1.1 → 1.0.0

package/dist/slice/index.d.ts

@@ -1 +1 @@
-export { setCanRedo, setCanUndo, setStyleFormats, setTextFormats, toolbarReducer, } from './toolbarSlice';
+export { setBlockFormats, setCanRedo, setCanUndo, setEquationFormats, setImageFormats, setStyleFormats, setTableFormats, setTextFormats, toolbarReducer, } from './toolbarSlice';

package/dist/slice/toolbarSlice.d.ts

@@ -1,3 +1,3 @@
 import type { ToolbarState } from '@/types';
-export declare const setCanRedo: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "toolbar/setCanRedo">, setCanUndo: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "toolbar/setCanUndo">, setStyleFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "backgroundColor" | "fontFamily" | "fontSize" | "textColor">, "toolbar/setStyleFormats">, setTextFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isBold" | "isItalic" | "isStrikethrough" | "isUnderline">, "toolbar/setTextFormats">;
+export declare const setBlockFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "alignment" | "listType">, "toolbar/setBlockFormats">, setCanRedo: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "toolbar/setCanRedo">, setCanUndo: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "toolbar/setCanUndo">, setEquationFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isEquationSelected" | "selectedEquation" | "selectedEquationDisplayMode" | "selectedEquationKey">, "toolbar/setEquationFormats">, setImageFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isImageSelected" | "selectedImageAspectRatioLocked" | "selectedImageAlignment" | "selectedImageAltText" | "selectedImageBorderEnabled" | "selectedImageBorderRadius" | "selectedImageCaption" | "selectedImageHeight" | "selectedImageKey" | "selectedImageLinkUrl" | "selectedImageObjectFit" | "selectedImageRotation" | "selectedImageShadowEnabled" | "selectedImageTextWrap" | "selectedImageWidth">, "toolbar/setImageFormats">, setStyleFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "backgroundColor" | "fontFamily" | "fontSize" | "lineHeight" | "textColor">, "toolbar/setStyleFormats">, setTableFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isInTable" | "selectedTableCellsCount" | "tableCellBackgroundColor" | "tableCellVerticalAlign" | "tableHasMergedCell">, "toolbar/setTableFormats">, setTextFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isBold" | "isItalic" | "isStrikethrough" | "isSubscript" | "isSuperscript" | "isUnderline">, "toolbar/setTextFormats">;
 export declare const toolbarReducer: import("redux").Reducer<ToolbarState>;

package/dist/types/DeepPartial.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = {
+    [Key in keyof T]?: T[Key] extends object ? DeepPartial<T[Key]> : T[Key];
+};

package/dist/types/EquationDisplayMode.d.ts

@@ -0,0 +1 @@
+export type EquationDisplayMode = 'block' | 'inline';

package/dist/types/ImageAlignment.d.ts

@@ -0,0 +1 @@
+export type ImageAlignment = 'center' | 'left' | 'right';

package/dist/types/ImageObjectFit.d.ts

@@ -0,0 +1 @@
+export type ImageObjectFit = 'contain' | 'cover' | 'fill';

package/dist/types/ImageTextWrap.d.ts

@@ -0,0 +1 @@
+export type ImageTextWrap = 'square' | 'top-bottom';

package/dist/types/InsertEquationPayload.d.ts

@@ -0,0 +1,5 @@
+import type { EquationDisplayMode } from './EquationDisplayMode';
+export type InsertEquationPayload = {
+    displayMode?: EquationDisplayMode;
+    equation: string;
+};

package/dist/types/InsertImagePayload.d.ts

@@ -0,0 +1,19 @@
+import type { ImageAlignment } from './ImageAlignment';
+import type { ImageObjectFit } from './ImageObjectFit';
+import type { ImageTextWrap } from './ImageTextWrap';
+export type InsertImagePayload = {
+    alignment?: ImageAlignment;
+    aspectRatioLocked?: boolean;
+    altText?: string;
+    borderEnabled?: boolean;
+    borderRadius?: number;
+    caption?: string;
+    height?: number;
+    linkUrl?: string;
+    objectFit?: ImageObjectFit;
+    rotation?: number;
+    shadowEnabled?: boolean;
+    src: string;
+    textWrap?: ImageTextWrap;
+    width?: number;
+};

package/dist/types/InsertYouTubePayload.d.ts

@@ -0,0 +1,4 @@
+export type InsertYouTubePayload = {
+    title?: string;
+    videoId: string;
+};

package/dist/types/RJEditorLocaleCode.d.ts

@@ -0,0 +1 @@
+export type RJEditorLocaleCode = 'en' | 'ru' | 'uz' | (string & {});

package/dist/types/RJEditorTranslations.d.ts

@@ -0,0 +1,173 @@
+export type RJEditorTranslations = {
+    alerts: {
+        imageSizeLimit: string;
+        onlyImages: string;
+    };
+    common: {
+        cancel: string;
+        close: string;
+        insert: string;
+        moreColors: string;
+        none: string;
+        optional: string;
+        save: string;
+    };
+    modal: {
+        closeAriaLabel: string;
+    };
+    placeholders: {
+        editor: string;
+    };
+    toolbar: {
+        alignment: {
+            center: string;
+            justify: string;
+            left: string;
+            right: string;
+        };
+        fullscreen: {
+            close: string;
+            open: string;
+        };
+        history: {
+            redo: string;
+            undo: string;
+        };
+        image: {
+            alignCenter: string;
+            alignLeft: string;
+            alignRight: string;
+            alt: string;
+            altPlaceholder: string;
+            border: string;
+            borderRadius: string;
+            caption: string;
+            captionPlaceholder: string;
+            cropMode: string;
+            delete: string;
+            editAlt: string;
+            editCaption: string;
+            editLink: string;
+            fitContain: string;
+            fitCover: string;
+            fitFill: string;
+            link: string;
+            linkPlaceholder: string;
+            replace: string;
+            rotateLeft: string;
+            rotateRight: string;
+            shadow: string;
+            squareWrap: string;
+            topBottomWrap: string;
+            width: string;
+        };
+        insert: {
+            equation: string;
+            horizontalLine: string;
+            image: string;
+            link: string;
+            table: string;
+            youtube: string;
+        };
+        link: {
+            openInNewTab: string;
+            text: string;
+            textPlaceholder: string;
+            title: string;
+            titlePlaceholder: string;
+            url: string;
+            urlPlaceholder: string;
+        };
+        list: {
+            bullet: string;
+            numbered: string;
+            remove: string;
+        };
+        spacing: {
+            default: string;
+            lineAndParagraph: string;
+        };
+        shortcuts: {
+            backgroundColor: string;
+            bold: string;
+            bulletList: string;
+            clearFormatting: string;
+            decreaseIndent: string;
+            fontFamily: string;
+            fontSize: string;
+            increaseIndent: string;
+            italic: string;
+            link: string;
+            numberedList: string;
+            redo: string;
+            removeList: string;
+            spacing: string;
+            strikethrough: string;
+            subscript: string;
+            superscript: string;
+            textColor: string;
+            underline: string;
+            undo: string;
+        };
+        style: {
+            backgroundColor: string;
+            clearFormatting: string;
+            fontFamily: string;
+            fontFamilyPlaceholder: string;
+            fontSize: string;
+            fontSizePlaceholder: string;
+            textColor: string;
+        };
+        table: {
+            alignBottom: string;
+            alignMiddle: string;
+            alignTop: string;
+            background: string;
+            columns: string;
+            deleteColumn: string;
+            deleteRow: string;
+            deleteTable: string;
+            headerColumn: string;
+            headerRow: string;
+            header: string;
+            insertColumnLeft: string;
+            insertColumnRight: string;
+            insertRowAbove: string;
+            insertRowBelow: string;
+            insertTable: string;
+            insertTableSize: string;
+            mergeCells: string;
+            columnLeft: string;
+            columnRight: string;
+            rowAbove: string;
+            rowBelow: string;
+            column: string;
+            row: string;
+            rows: string;
+            unmergeCell: string;
+        };
+        tabs: {
+            equation: string;
+            home: string;
+            image: string;
+            insert: string;
+            layout: string;
+            table: string;
+        };
+        textFormat: {
+            bold: string;
+            italic: string;
+            strikethrough: string;
+            subscript: string;
+            superscript: string;
+            underline: string;
+        };
+        youtube: {
+            invalidUrl: string;
+            title: string;
+            titlePlaceholder: string;
+            url: string;
+            urlPlaceholder: string;
+        };
+    };
+};

package/dist/types/SerializedEquationNode.d.ts

@@ -0,0 +1,6 @@
+import type { SerializedLexicalNode } from 'lexical';
+import type { EquationDisplayMode } from './EquationDisplayMode';
+export type SerializedEquationNode = SerializedLexicalNode & {
+    displayMode: EquationDisplayMode;
+    equation: string;
+};

package/dist/types/SerializedImageNode.d.ts

@@ -0,0 +1,20 @@
+import type { SerializedLexicalNode } from 'lexical';
+import type { ImageAlignment } from './ImageAlignment';
+import type { ImageObjectFit } from './ImageObjectFit';
+import type { ImageTextWrap } from './ImageTextWrap';
+export type SerializedImageNode = SerializedLexicalNode & {
+    alignment: ImageAlignment;
+    aspectRatioLocked: boolean;
+    altText: string;
+    borderEnabled: boolean;
+    borderRadius: number;
+    caption: string;
+    height?: number;
+    linkUrl: string;
+    objectFit: ImageObjectFit;
+    rotation: number;
+    shadowEnabled: boolean;
+    src: string;
+    textWrap: ImageTextWrap;
+    width: number;
+};

package/dist/types/SerializedYouTubeNode.d.ts

@@ -0,0 +1,5 @@
+import type { SerializedLexicalNode } from 'lexical';
+export type SerializedYouTubeNode = SerializedLexicalNode & {
+    title: string;
+    videoId: string;
+};

package/dist/types/ToolbarState.d.ts

@@ -1,12 +1,47 @@
+import type { ElementFormatType } from 'lexical';
+import type { ListType } from '@lexical/list';
+import type { EquationDisplayMode } from './EquationDisplayMode';
+import type { ImageAlignment } from './ImageAlignment';
+import type { ImageObjectFit } from './ImageObjectFit';
+import type { ImageTextWrap } from './ImageTextWrap';
 export type ToolbarState = {
+    alignment: ElementFormatType;
     canRedo: boolean;
     canUndo: boolean;
     backgroundColor: string;
     fontFamily?: string;
     fontSize?: string;
+    isEquationSelected: boolean;
     isBold: boolean;
+    isImageSelected: boolean;
     isItalic: boolean;
     isStrikethrough: boolean;
+    isSubscript: boolean;
+    isSuperscript: boolean;
     isUnderline: boolean;
+    isInTable: boolean;
+    selectedTableCellsCount: number;
+    tableCellBackgroundColor: string;
+    tableCellVerticalAlign?: string;
+    tableHasMergedCell: boolean;
+    lineHeight?: string;
+    listType?: ListType;
+    selectedImageAspectRatioLocked?: boolean;
+    selectedImageAlignment?: ImageAlignment;
+    selectedImageAltText?: string;
+    selectedImageBorderEnabled?: boolean;
+    selectedImageBorderRadius?: number;
+    selectedImageCaption?: string;
+    selectedImageHeight?: number;
+    selectedImageKey?: string;
+    selectedImageLinkUrl?: string;
+    selectedImageObjectFit?: ImageObjectFit;
+    selectedImageRotation?: number;
+    selectedImageShadowEnabled?: boolean;
+    selectedImageTextWrap?: ImageTextWrap;
+    selectedImageWidth?: number;
+    selectedEquation?: string;
+    selectedEquationDisplayMode?: EquationDisplayMode;
+    selectedEquationKey?: string;
     textColor: string;
 };

package/dist/types/index.d.ts

@@ -1,4 +1,17 @@
 export type { AppDispatch } from './AppDispatch';
+export type { DeepPartial } from './DeepPartial';
+export type { EquationDisplayMode } from './EquationDisplayMode';
+export type { ImageAlignment } from './ImageAlignment';
+export type { ImageObjectFit } from './ImageObjectFit';
+export type { ImageTextWrap } from './ImageTextWrap';
+export type { InsertImagePayload } from './InsertImagePayload';
+export type { InsertEquationPayload } from './InsertEquationPayload';
+export type { InsertYouTubePayload } from './InsertYouTubePayload';
+export type { RJEditorLocaleCode } from './RJEditorLocaleCode';
+export type { RJEditorTranslations } from './RJEditorTranslations';
 export type { RJTextEditorValue } from './RJTextEditorValue';
 export type { RootState } from './RootState';
+export type { SerializedEquationNode } from './SerializedEquationNode';
+export type { SerializedImageNode } from './SerializedImageNode';
+export type { SerializedYouTubeNode } from './SerializedYouTubeNode';
 export type { ToolbarState } from './ToolbarState';

package/dist/utils/helpers/clampValue.d.ts

@@ -0,0 +1 @@
+export declare function clampValue(value: number, min?: number, max?: number): number;

package/dist/utils/helpers/formatNumberText.d.ts

@@ -0,0 +1 @@
+export declare function formatNumberText(value: string, locale: boolean): string;

package/dist/utils/helpers/formatShortcutTitle.d.ts

@@ -0,0 +1 @@
+export declare function formatShortcutTitle(shortcut: string, label: string): string;

package/dist/utils/helpers/getYouTubeVideoId.d.ts

@@ -0,0 +1 @@
+export declare function getYouTubeVideoId(value: string): string | null;

package/dist/utils/helpers/index.d.ts

@@ -0,0 +1,12 @@
+export { clampValue } from './clampValue';
+export { formatNumberText } from './formatNumberText';
+export { formatShortcutTitle } from './formatShortcutTitle';
+export { getYouTubeVideoId } from './getYouTubeVideoId';
+export { isApplePlatform } from './isApplePlatform';
+export { normalizeNumberText } from './normalizeNumberText';
+export { normalizeRJEditorHtml } from './normalizeRJEditorHtml';
+export { numberToInputText } from './numberToInputText';
+export { openFilePicker } from './openFilePicker';
+export { readFileAsDataUrl } from './readFileAsDataUrl';
+export { renderEquationToHtml } from './renderEquationToHtml';
+export { setEditorHtml } from './setEditorHtml';

package/dist/utils/helpers/isApplePlatform.d.ts

@@ -0,0 +1 @@
+export declare function isApplePlatform(): boolean;

package/dist/utils/helpers/normalizeNumberText.d.ts

@@ -0,0 +1 @@
+export declare function normalizeNumberText(value: string, decimalScale: number, integerOnly: boolean): string;

package/dist/utils/helpers/normalizeRJEditorHtml.d.ts

@@ -0,0 +1,2 @@
+import type { LexicalEditor } from 'lexical';
+export declare function normalizeRJEditorHtml(html: string, editor?: LexicalEditor): string;

package/dist/utils/helpers/numberToInputText.d.ts

@@ -0,0 +1 @@
+export declare function numberToInputText(value: number | undefined, locale: boolean): string;

package/dist/utils/helpers/openFilePicker.d.ts

@@ -0,0 +1 @@
+export declare function openFilePicker(inputElement: HTMLInputElement | null): Promise<void>;

package/dist/utils/helpers/readFileAsDataUrl.d.ts

@@ -0,0 +1 @@
+export declare function readFileAsDataUrl(file: File): Promise<string>;

package/dist/utils/helpers/renderEquationToHtml.d.ts

@@ -0,0 +1,3 @@
+import 'katex/contrib/mhchem';
+import type { EquationDisplayMode } from '@/types';
+export declare function renderEquationToHtml(equation: string, displayMode: EquationDisplayMode): string;

package/dist/utils/helpers/setEditorHtml.d.ts

@@ -0,0 +1,2 @@
+import { type LexicalEditor } from 'lexical';
+export declare function setEditorHtml(editor: LexicalEditor, html: string): void;

package/package.json

@@ -1,10 +1,31 @@
 {
   "name": "rj-editor",
-  "version": "0.1.1",
+  "version": "1.0.0",
+  "description": "React rich text editor: toolbar tabs, table, image, link, YouTube, i18n, theme va Ant Design Form integratsiyasi.",
   "type": "module",
+  "license": "MIT",
+  "author": "Ravshan Jumaqulov",
   "main": "./dist/rj-editor.umd.cjs",
   "module": "./dist/rj-editor.js",
   "types": "./dist/index.d.ts",
+  "homepage": "https://rj-editor.vercel.app",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RavshanJumaqulov/rj-editor.git"
+  },
+  "bugs": {
+    "url": "https://github.com/RavshanJumaqulov/rj-editor/issues"
+  },
+  "keywords": [
+    "react",
+    "rich-text-editor",
+    "editor",
+    "wysiwyg",
+    "antd",
+    "table",
+    "image",
+    "uzbek"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,9 +37,17 @@
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build && tsc -p tsconfig.lib.json",
+    "build:demo": "vite build --config vite.demo.config.ts",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -30,8 +59,11 @@
     "@lexical/react": "^0.44.0",
     "@lexical/rich-text": "^0.44.0",
     "@lexical/selection": "^0.44.0",
+    "@lexical/table": "^0.44.0",
+    "@lexical/utils": "^0.44.0",
     "@reduxjs/toolkit": "^2.12.0",
     "antd": "^6.4.3",
+    "katex": "^0.17.0",
     "lexical": "^0.44.0",
     "react-redux": "^9.3.0"
   },