rj-editor 0.1.1 → 1.0.1

package/README.md

@@ -1,51 +1,322 @@
 # RJ Editor
 
-Lexical asosida qurilgan React rich text editor komponenti.
+`rj-editor` is a React rich text editor package for building article editors, admin panels, CMS forms, learning platforms, notes, documentation tools, and other content-heavy interfaces.
 
-## Install
+It provides a ready-to-use `RJTextEditor` component with a tabbed toolbar, text formatting, tables, links, images, YouTube embeds, fullscreen mode, i18n, theming, and Ant Design Form support.
+
+[Live demo](https://rj-editor.vercel.app)
+
+## Features
+
+- Text formatting: bold, italic, underline, strikethrough, subscript, superscript.
+- Style controls: font size, font family, text color, background color, clear formatting.
+- Paragraph tools: alignment, ordered list, unordered list, indent, outdent, line and paragraph spacing.
+- Insert tools: table, link, image, YouTube video.
+- Table editing: add/remove rows and columns, merge/split cells, header row/column, cell background, vertical alignment, delete table.
+- Image editing: upload, drag-and-drop, paste from clipboard, resize, align, alt text, caption, link, border, border radius, shadow, object fit, wrapping, rotate, replace, delete.
+- Browser fullscreen mode.
+- Ant Design `Form.Item` integration.
+- Built-in `uz`, `en`, and `ru` translations.
+- Custom locale and partial translation override support.
+- Theme customization through CSS custom properties.
+
+## Installation
 
 ```bash
 npm install rj-editor
 ```
 
-## Usage
+`react` and `react-dom` are peer dependencies. They must already exist in your application:
+
+```bash
+npm install react react-dom
+```
+
+## Quick Start
 
 ```tsx
 import { RJTextEditor } from 'rj-editor'
-import 'rj-editor/style.css'
 
 export function App() {
   return (
     <RJTextEditor
       autofocus
-      onChange={(value) => {
-        console.log(value.html)
-        console.log(value.json)
+      locale="en"
+      placeholder="Write your content..."
+      onChange={(html) => {
+        console.log(html)
       }}
-      placeholder="Matn yozing..."
     />
   )
 }
 ```
 
-## Props
+You do not need to import a separate stylesheet. The package styles are included when `RJTextEditor` is imported.
+
+## Saving Content
+
+`onChange` returns the editor content as an HTML string in the first argument. This is the value you usually store in your database.
+
+```tsx
+<RJTextEditor
+  onChange={(html) => {
+    saveDraft(html)
+  }}
+/>
+```
+
+The callback also exposes a JSON string and the current editor state for advanced use cases:
 
 ```ts
-type RJTextEditorProps = {
-  autofocus?: boolean
-  className?: string
-  namespace?: string
-  onChange?: (value: RJTextEditorValue) => void
-  placeholder?: string
+type OnChange = (
+  html: string,
+  json: string,
+  editorState: unknown,
+) => void
+```
+
+## Initial Content
+
+Use `defaultValue` when you want to load saved HTML once when the editor mounts:
+
+```tsx
+<RJTextEditor defaultValue="<p>Hello world</p>" />
+```
+
+Use `value` when your application controls the editor content from React state:
+
+```tsx
+import { useState } from 'react'
+import { RJTextEditor } from 'rj-editor'
+
+export function ControlledEditor() {
+  const [content, setContent] = useState('<p>Initial content</p>')
+
+  return (
+    <RJTextEditor
+      value={content}
+      onChange={(html) => setContent(html)}
+    />
+  )
 }
 ```
 
-## Style
+## Ant Design Form
 
-Paket CSS faylini alohida import qiladi:
+`RJTextEditor` works inside Ant Design `Form.Item`. The form receives the HTML string as the field value.
 
-```ts
-import 'rj-editor/style.css'
+```tsx
+import { Button, Form } from 'antd'
+import { RJTextEditor } from 'rj-editor'
+
+export function ArticleForm() {
+  return (
+    <Form
+      layout="vertical"
+      onFinish={(values) => {
+        console.log(values.content)
+      }}
+    >
+      <Form.Item
+        label="Content"
+        name="content"
+        rules={[{ required: true, message: 'Content is required' }]}
+      >
+        <RJTextEditor placeholder="Write your article..." />
+      </Form.Item>
+
+      <Button htmlType="submit" type="primary">
+        Save
+      </Button>
+    </Form>
+  )
+}
 ```
 
-Theme qilish uchun `--rj-*` CSS variable qiymatlarini override qilish mumkin.
+When validation fails, the editor border follows the Ant Design error state.
+
+## Props
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `autofocus` | `boolean` | `false` | Focuses the editor after mount. |
+| `className` | `string` | `undefined` | Adds a custom class to the editor root. |
+| `defaultValue` | `string` | `undefined` | Initial HTML content. Applied once on mount. |
+| `id` | `string` | `undefined` | Adds an `id` to the editor root. |
+| `locale` | `'uz' \| 'en' \| 'ru' \| string` | `'uz'` | Active editor language. |
+| `locales` | `Record<string, DeepPartial<RJEditorTranslations>>` | `undefined` | Adds custom locales. |
+| `namespace` | `string` | `'RJEditor'` | Unique editor namespace. Useful when multiple editor instances exist on one page. |
+| `onBlur` | `React.FocusEventHandler<HTMLDivElement>` | `undefined` | Called when the editor root loses focus. |
+| `onChange` | `(html, json, editorState) => void` | `undefined` | Called whenever editor content changes. |
+| `onFocus` | `React.FocusEventHandler<HTMLDivElement>` | `undefined` | Called when the editor root receives focus. |
+| `placeholder` | `string` | Locale-based text | Placeholder shown when the editor is empty. |
+| `translations` | `DeepPartial<RJEditorTranslations>` | `undefined` | Overrides translations for the active locale. |
+| `value` | `string` | `undefined` | Controlled HTML content. |
+
+## Toolbar
+
+The toolbar is organized by tabs:
+
+- `Home`: text formatting, styles, lists, alignment, indentation, and spacing.
+- `Insert`: table, link, image, and YouTube video insertion.
+- `Image`: shown when an image is selected.
+- `Table`: shown when the cursor is inside a table.
+
+Contextual tabs are only visible when they are useful, keeping the editor interface focused.
+
+## Images
+
+Images can be inserted from the local file picker, drag-and-drop, or clipboard paste. The image is stored as a base64 data URL inside the editor content.
+
+Important details:
+
+- Maximum image size is `5MB`.
+- Base64 images increase HTML size.
+- For large production systems, a server upload flow or storage adapter is recommended.
+
+Image tools include:
+
+- left, center, and right alignment;
+- custom width percentage;
+- quick resize: 25%, 50%, 100%;
+- alt text;
+- caption;
+- link;
+- border;
+- border radius;
+- shadow;
+- object fit: contain, cover, fill;
+- text wrapping: top-bottom and square;
+- rotate left/right;
+- replace image;
+- delete image.
+
+## Tables
+
+Tables can be created from the `Insert` tab with a grid picker or by entering row and column counts.
+
+Available table tools:
+
+- add row above/below;
+- add column left/right;
+- delete row/column;
+- merge cells;
+- split cells;
+- toggle header row;
+- toggle header column;
+- set cell background;
+- set vertical alignment;
+- delete table.
+
+## Links
+
+Links are created with a custom modal. The modal supports URL and display text fields and works correctly in fullscreen mode.
+
+## YouTube Embeds
+
+Paste a YouTube URL from the `Insert` tab to add an embedded video. The editor converts supported YouTube links into an iframe embed.
+
+## Fullscreen
+
+The fullscreen button uses the browser Fullscreen API. The editor is opened in real fullscreen mode, not only enlarged with CSS.
+
+## Internationalization
+
+Built-in locales:
+
+```tsx
+<RJTextEditor locale="uz" />
+<RJTextEditor locale="en" />
+<RJTextEditor locale="ru" />
+```
+
+Override only the text you need:
+
+```tsx
+<RJTextEditor
+  locale="en"
+  translations={{
+    placeholders: {
+      editor: 'Start writing...',
+    },
+  }}
+/>
+```
+
+Add a custom locale:
+
+```tsx
+<RJTextEditor
+  locale="kaa"
+  locales={{
+    kaa: {
+      placeholders: {
+        editor: 'Maqalanı usı jerge jazıń...',
+      },
+      tabs: {
+        home: 'Bas bet',
+        insert: 'Qosıw',
+      },
+    },
+  }}
+/>
+```
+
+## Theme
+
+`rj-editor` exposes CSS custom properties. Override them in your application stylesheet to match your design system.
+
+```css
+:root {
+  --rj-color-brand: #2563eb;
+  --rj-color-brand-tint: #eaf2ff;
+  --rj-color-surface: #ffffff;
+  --rj-color-surface-soft: #f8fafc;
+  --rj-color-border: #d9dde5;
+  --rj-color-text: #111827;
+
+  --rj-editor-bg: var(--rj-color-surface);
+  --rj-editor-border: var(--rj-color-border);
+  --rj-editor-text: var(--rj-color-text);
+  --rj-editor-toolbar-bg: var(--rj-color-surface-soft);
+}
+```
+
+Common variables:
+
+| Variable | Description |
+| --- | --- |
+| `--rj-editor-bg` | Editor content background. |
+| `--rj-editor-border` | Editor border color. |
+| `--rj-editor-text` | Main text color. |
+| `--rj-editor-placeholder` | Placeholder color. |
+| `--rj-editor-toolbar-bg` | Toolbar background. |
+| `--rj-editor-toolbar-button-bg` | Toolbar button background. |
+| `--rj-editor-toolbar-button-active-bg` | Active toolbar button background. |
+| `--rj-editor-link` | Link color. |
+| `--rj-editor-focus-border` | Focus border color. |
+| `--rj-editor-error-border` | Validation error border color. |
+| `--rj-editor-warning-border` | Validation warning border color. |
+| `--rj-editor-table-border` | Table border color. |
+| `--rj-editor-table-header-bg` | Table header background. |
+| `--rj-editor-image-border` | Image selection border color. |
+| `--rj-editor-danger` | Dangerous action color. |
+
+## SSR
+
+`rj-editor` depends on browser APIs such as DOM selection, clipboard, file input, and fullscreen. In SSR frameworks, render the editor only on the client.
+
+Example for Next.js:
+
+```tsx
+import dynamic from 'next/dynamic'
+
+const RJTextEditor = dynamic(
+  () => import('rj-editor').then((mod) => mod.RJTextEditor),
+  { ssr: false },
+)
+```
+
+## License
+
+MIT

package/dist/assets/icons/AttachmentIcon01.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function AttachmentIcon01(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/BorderRadiusIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function BorderRadiusIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ChevronSelectorHorizontalIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ChevronSelectorHorizontalIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ChevronSelectorVerticalIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ChevronSelectorVerticalIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ImageIcon03.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ImageIcon03(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ImageIdentLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ImageIdentLeftIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ImageWrapTopBottomIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ImageWrapTopBottomIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/LayoutGridIcon01.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function LayoutGridIcon01(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/LeftIndentIcon01.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function LeftIndentIcon01(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/LineHeightIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function LineHeightIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/MaximizeIcon02.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function MaximizeIcon02(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/MinimizeIcon02.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function MinimizeIcon02(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/PaintPourIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function PaintPourIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/PaletteIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function PaletteIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/ParagraphSpacingIco.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ParagraphSpacingIco(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/RefreshCcwIcon01.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function RefreshCcwIcon01(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/RefreshCcwIcon05.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function RefreshCcwIcon05(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/RefreshCwIcon01.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function RefreshCwIcon01(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/RightIndentIcon01.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function RightIndentIcon01(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/SubscriptIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function SubscriptIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/SupscriptIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function SupscriptIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/TrashIcon03.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function TrashIcon03(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/VerticalAlignBottomIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function VerticalAlignBottomIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/VerticalAlignMiddleIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function VerticalAlignMiddleIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/VerticalAlignTopIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function VerticalAlignTopIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/YoutubeIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function YoutubeIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/RJTextEditor.d.ts

@@ -1,10 +1,4 @@
-import type { RJTextEditorValue } from '@/types';
+import type { RJTextEditorProps } from './rj-text-editor/RJTextEditor.types';
 import './RJTextEditor.scss';
-export type RJTextEditorProps = {
-    autofocus?: boolean;
-    className?: string;
-    namespace?: string;
-    onChange?: (value: RJTextEditorValue) => void;
-    placeholder?: string;
-};
-export declare function RJTextEditor({ autofocus, className, namespace, onChange, placeholder, }: RJTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export type { RJTextEditorProps } from './rj-text-editor/RJTextEditor.types';
+export declare function RJTextEditor({ autofocus, className, defaultValue, id, locale, locales, namespace, onBlur, onChange, onFocus, placeholder, translations, value, }: RJTextEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/equation/EquationComponent.d.ts

@@ -0,0 +1,10 @@
+import { type NodeKey } from 'lexical';
+import React from 'react';
+import type { EquationDisplayMode } from '../../types/index';
+type EquationComponentProps = {
+    displayMode: EquationDisplayMode;
+    equation: string;
+    nodeKey: NodeKey;
+};
+export declare const EquationComponent: React.MemoExoticComponent<({ displayMode, equation, nodeKey, }: EquationComponentProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/global/input-number/InputNumber.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type InputNumberProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'inputMode' | 'onChange' | 'prefix' | 'suffix' | 'type' | 'value'> & {
+    decimalScale?: number;
+    defaultValue?: number;
+    integerOnly?: boolean;
+    locale?: boolean;
+    max?: number;
+    min?: number;
+    onChange?: (value: number) => void;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    value?: number;
+};
+export default function InputNumber({ className, decimalScale, defaultValue, integerOnly, locale, max, min, onBlur, onChange, prefix, suffix, value, ...props }: InputNumberProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/global/input-number/index.d.ts

@@ -0,0 +1,2 @@
+export { default as InputNumber } from './InputNumber';
+export type { InputNumberProps } from './InputNumber';

package/dist/components/global/modal/Modal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type ModalProps = {
+    cancelText?: string;
+    children: React.ReactNode;
+    okText?: string;
+    onCancel: () => void;
+    onOk?: () => void;
+    open: boolean;
+    title?: React.ReactNode;
+    width?: number;
+};
+export declare function Modal({ cancelText, children, okText, onCancel, onOk, open, title, width, }: ModalProps): React.ReactPortal | null;

package/dist/components/global/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';

package/dist/components/image/ImageComponent.d.ts

@@ -0,0 +1,21 @@
+import { type NodeKey } from 'lexical';
+import type { ImageAlignment, ImageObjectFit, ImageTextWrap } from '../../types/index';
+type ImageComponentProps = {
+    alignment: ImageAlignment;
+    altText: string;
+    aspectRatioLocked: boolean;
+    borderEnabled: boolean;
+    borderRadius: number;
+    caption: string;
+    height?: number;
+    linkUrl: string;
+    nodeKey: NodeKey;
+    objectFit: ImageObjectFit;
+    rotation: number;
+    shadowEnabled: boolean;
+    src: string;
+    textWrap: ImageTextWrap;
+    width: number;
+};
+export declare function ImageComponent({ alignment, altText, aspectRatioLocked, borderEnabled, borderRadius, caption, height, linkUrl, nodeKey, objectFit, rotation, shadowEnabled, src, textWrap, width, }: ImageComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rj-text-editor/HtmlValuePlugin.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type HtmlValuePluginProps = {
+    lastHtmlRef: React.MutableRefObject<string | undefined>;
+    value?: string;
+};
+export declare function HtmlValuePlugin({ lastHtmlRef, value, }: HtmlValuePluginProps): null;
+export {};

package/dist/components/rj-text-editor/RJTextEditor.types.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import type { EditorState } from 'lexical';
+import type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations } from '../../types/index';
+export type RJTextEditorProps = {
+    autofocus?: boolean;
+    className?: string;
+    defaultValue?: string;
+    id?: string;
+    namespace?: string;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    onChange?: (html: string, json: string, editorState: EditorState) => void;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    locale?: RJEditorLocaleCode;
+    locales?: Record<string, DeepPartial<RJEditorTranslations>>;
+    placeholder?: string;
+    translations?: DeepPartial<RJEditorTranslations>;
+    value?: string;
+};

package/dist/components/rj-text-editor/RJTextEditorContent.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { RJTextEditorProps } from './RJTextEditor.types';
+type RJTextEditorContentProps = {
+    autofocus: boolean;
+    className?: string;
+    editorRef: React.RefObject<HTMLDivElement | null>;
+    id?: string;
+    isFullscreen: boolean;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    onChange?: RJTextEditorProps['onChange'];
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onToggleFullscreen: () => void;
+    placeholder?: string;
+    value?: string;
+};
+export declare function RJTextEditorContent({ autofocus, className, editorRef, id, isFullscreen, onBlur, onChange, onFocus, onToggleFullscreen, placeholder, value, }: RJTextEditorContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rj-text-editor/createInitialConfig.d.ts

@@ -0,0 +1,47 @@
+import { LinkNode } from '@lexical/link';
+import { ListItemNode, ListNode } from '@lexical/list';
+import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
+import { TextNode, type LexicalEditor } from 'lexical';
+import { EquationNode, ExtendedTextNode, ImageNode, YouTubeNode, replaceTextNodeWithExtendedTextNode } from '../../nodes/index';
+type CreateInitialConfigOptions = {
+    defaultValue?: string;
+    namespace: string;
+    value?: string;
+};
+export declare function createInitialConfig({ defaultValue, namespace, value, }: CreateInitialConfigOptions): {
+    namespace: string;
+    nodes: (typeof EquationNode | typeof ExtendedTextNode | typeof ImageNode | typeof YouTubeNode | typeof LinkNode | typeof ListNode | typeof ListItemNode | typeof TableCellNode | typeof TableNode | typeof TableRowNode | {
+        replace: typeof TextNode;
+        with: typeof replaceTextNodeWithExtendedTextNode;
+        withKlass: typeof ExtendedTextNode;
+    })[];
+    onError(error: Error): never;
+    editorState: ((editor: LexicalEditor) => void) | undefined;
+    theme: {
+        paragraph: string;
+        text: {
+            bold: string;
+            italic: string;
+            strikethrough: string;
+            subscript: string;
+            superscript: string;
+            underline: string;
+        };
+        list: {
+            ol: string;
+            ul: string;
+            listitem: string;
+        };
+        equation: string;
+        image: string;
+        youtube: string;
+        table: string;
+        tableCell: string;
+        tableCellHeader: string;
+        tableCellSelected: string;
+        tableRow: string;
+        tableScrollableWrapper: string;
+        tableSelection: string;
+    };
+};
+export {};

package/dist/components/rj-text-editor/editorTheme.d.ts

@@ -0,0 +1,26 @@
+export declare const editorTheme: {
+    paragraph: string;
+    text: {
+        bold: string;
+        italic: string;
+        strikethrough: string;
+        subscript: string;
+        superscript: string;
+        underline: string;
+    };
+    list: {
+        ol: string;
+        ul: string;
+        listitem: string;
+    };
+    equation: string;
+    image: string;
+    youtube: string;
+    table: string;
+    tableCell: string;
+    tableCellHeader: string;
+    tableCellSelected: string;
+    tableRow: string;
+    tableScrollableWrapper: string;
+    tableSelection: string;
+};