mt-block-editor-block 1.3.0-alpha.1 → 1.3.0

package/Block.d.ts

@@ -20,5 +20,5 @@ export interface NewFromHtmlOptions {
 export interface SerializeOptions {
     editor: Editor;
 }
-declare const _default: typeof import("./index").Block;
+declare const _default: typeof import(".").Block;
 export default _default;

package/Block.js

@@ -1,3 +1,3 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = window.MTBlockEditor.Block;
+exports.__esModule = true;
+exports["default"] = window.MTBlockEditor.Block;

package/Component.js

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 exports.DialogFooter = exports.DialogBody = exports.DialogHeader = exports.Dialog = exports.EditorMode = exports.BlockLabel = exports.BlockSetupCommon = exports.BlockSetup = exports.BlockConfigPanel = exports.BlockToolbarButton = exports.BlockToolbar = exports.BlockIframePreview = void 0;
 var _a = window.MTBlockEditor.Component, BlockIframePreview = _a.BlockIframePreview, BlockToolbar = _a.BlockToolbar, BlockToolbarButton = _a.BlockToolbarButton, BlockConfigPanel = _a.BlockConfigPanel, BlockSetup = _a.BlockSetup, BlockSetupCommon = _a.BlockSetupCommon, BlockLabel = _a.BlockLabel, EditorMode = _a.EditorMode, Dialog = _a.Dialog, DialogHeader = _a.DialogHeader, DialogBody = _a.DialogBody, DialogFooter = _a.DialogFooter;
 exports.BlockIframePreview = BlockIframePreview;

package/Context.js

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 exports.useBlocksContext = exports.BlocksContext = exports.useEditorContext = exports.EditorContext = void 0;
 var _a = window.MTBlockEditor.Context, EditorContext = _a.EditorContext, useEditorContext = _a.useEditorContext, BlocksContext = _a.BlocksContext, useBlocksContext = _a.useBlocksContext;
 exports.EditorContext = EditorContext;

package/Hook.js

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 exports.useCommands = void 0;
 var useCommands = window.MTBlockEditor.Hook.useCommands;
 exports.useCommands = useCommands;

package/React.d.ts

@@ -1,3 +1,3 @@
 declare const React: import(".").Map;
-declare const useState: any, useEffect: any, useRef: any, useCallback: any;
-export { React as default, useState, useEffect, useRef, useCallback };
+declare const useState: any, useEffect: any, useRef: any;
+export { React as default, useState, useEffect, useRef };

package/React.js

@@ -1,10 +1,9 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCallback = exports.useRef = exports.useEffect = exports.useState = exports.default = void 0;
+exports.__esModule = true;
+exports.useRef = exports.useEffect = exports.useState = exports["default"] = void 0;
 var React = window.MTBlockEditor.React;
-exports.default = React;
-var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef, useCallback = React.useCallback;
+exports["default"] = React;
+var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
 exports.useState = useState;
 exports.useEffect = useEffect;
 exports.useRef = useRef;
-exports.useCallback = useCallback;

package/decorator.js

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 exports.blockProperty = void 0;
 var blockProperty = window.MTBlockEditor.decorator.blockProperty;
 exports.blockProperty = blockProperty;

package/dist/Block.d.ts

@@ -0,0 +1,24 @@
+import { Editor } from "./index";
+export interface Metadata {
+    [key: string]: any;
+}
+export interface EditorOptions {
+    focus: boolean;
+    focusBlock?: boolean;
+    canRemove?: boolean;
+}
+export interface NewOptions {
+    editor: Editor;
+    event: Event;
+}
+export interface NewFromHtmlOptions {
+    html: string;
+    node: Element;
+    factory: any;
+    meta: Metadata;
+}
+export interface SerializeOptions {
+    editor: Editor;
+}
+declare const _default: typeof import("./index").Block;
+export default _default;

package/dist/Block.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = window.MTBlockEditor.Block;

package/dist/Component.d.ts

@@ -0,0 +1,2 @@
+declare const BlockIframePreview: any, BlockToolbar: any, BlockToolbarButton: any, BlockConfigPanel: any, BlockSetup: any, BlockSetupCommon: any, BlockLabel: any, EditorMode: any, Dialog: any, DialogHeader: any, DialogBody: any, DialogFooter: any;
+export { BlockIframePreview, BlockToolbar, BlockToolbarButton, BlockConfigPanel, BlockSetup, BlockSetupCommon, BlockLabel, EditorMode, Dialog, DialogHeader, DialogBody, DialogFooter, };

package/dist/Component.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFooter = exports.DialogBody = exports.DialogHeader = exports.Dialog = exports.EditorMode = exports.BlockLabel = exports.BlockSetupCommon = exports.BlockSetup = exports.BlockConfigPanel = exports.BlockToolbarButton = exports.BlockToolbar = exports.BlockIframePreview = void 0;
+var _a = window.MTBlockEditor.Component, BlockIframePreview = _a.BlockIframePreview, BlockToolbar = _a.BlockToolbar, BlockToolbarButton = _a.BlockToolbarButton, BlockConfigPanel = _a.BlockConfigPanel, BlockSetup = _a.BlockSetup, BlockSetupCommon = _a.BlockSetupCommon, BlockLabel = _a.BlockLabel, EditorMode = _a.EditorMode, Dialog = _a.Dialog, DialogHeader = _a.DialogHeader, DialogBody = _a.DialogBody, DialogFooter = _a.DialogFooter;
+exports.BlockIframePreview = BlockIframePreview;
+exports.BlockToolbar = BlockToolbar;
+exports.BlockToolbarButton = BlockToolbarButton;
+exports.BlockConfigPanel = BlockConfigPanel;
+exports.BlockSetup = BlockSetup;
+exports.BlockSetupCommon = BlockSetupCommon;
+exports.BlockLabel = BlockLabel;
+exports.EditorMode = EditorMode;
+exports.Dialog = Dialog;
+exports.DialogHeader = DialogHeader;
+exports.DialogBody = DialogBody;
+exports.DialogFooter = DialogFooter;

package/dist/Context.d.ts

@@ -0,0 +1,2 @@
+declare const EditorContext: any, useEditorContext: any, BlocksContext: any, useBlocksContext: any;
+export { EditorContext, useEditorContext, BlocksContext, useBlocksContext };

package/dist/Context.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBlocksContext = exports.BlocksContext = exports.useEditorContext = exports.EditorContext = void 0;
+var _a = window.MTBlockEditor.Context, EditorContext = _a.EditorContext, useEditorContext = _a.useEditorContext, BlocksContext = _a.BlocksContext, useBlocksContext = _a.useBlocksContext;
+exports.EditorContext = EditorContext;
+exports.useEditorContext = useEditorContext;
+exports.BlocksContext = BlocksContext;
+exports.useBlocksContext = useBlocksContext;

package/dist/Hook.d.ts

@@ -0,0 +1,2 @@
+declare const useCommands: any;
+export { useCommands };

package/dist/Hook.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommands = void 0;
+var useCommands = window.MTBlockEditor.Hook.useCommands;
+exports.useCommands = useCommands;

package/dist/React.d.ts

@@ -0,0 +1,3 @@
+declare const React: import(".").Map;
+declare const useState: any, useEffect: any, useRef: any, useCallback: any;
+export { React as default, useState, useEffect, useRef, useCallback };

package/dist/React.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCallback = exports.useRef = exports.useEffect = exports.useState = exports.default = void 0;
+var React = window.MTBlockEditor.React;
+exports.default = React;
+var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef, useCallback = React.useCallback;
+exports.useState = useState;
+exports.useEffect = useEffect;
+exports.useRef = useRef;
+exports.useCallback = useCallback;

package/dist/decorator.d.ts

@@ -0,0 +1,2 @@
+declare const blockProperty: any;
+export { blockProperty };

package/dist/decorator.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockProperty = void 0;
+var blockProperty = window.MTBlockEditor.decorator.blockProperty;
+exports.blockProperty = blockProperty;

package/dist/i18n.d.ts

@@ -0,0 +1,2 @@
+declare const i18n: import("i18next").i18n;
+export default i18n;

package/dist/i18n.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var i18n = window.MTBlockEditor.i18n;
+exports.default = i18n;

package/dist/icon.d.ts

@@ -0,0 +1,2 @@
+declare const edit: any, link: any;
+export { edit, link };

package/dist/icon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.link = exports.edit = void 0;
+var _a = window.MTBlockEditor.icon, edit = _a.edit, link = _a.link;
+exports.edit = edit;
+exports.link = link;

package/dist/index.d.ts

@@ -0,0 +1,166 @@
+import type { JSX } from "react";
+import type * as React from "react";
+import { i18n, InitOptions as InitOptionsI18n } from "i18next";
+
+interface Map {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}
+
+export interface Metadata {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}
+
+export interface EditorOptions {
+  id: string;
+  mode: string;
+  stylesheets: string[];
+  rootClassName?: string;
+  rootAttributes?: Record<string, string>;
+  panelBlockTypes?: string[];
+  shortcutBlockTypes?: string[];
+  block: Metadata;
+  i18n: InitOptionsI18n;
+}
+
+export interface BoilerplateBlockOptions {
+  typeId: string;
+  className: string;
+  rootBlock?: string | null;
+  label: string;
+  icon?: string;
+  iconString?: string;
+  html: string;
+  canRemoveBlock: boolean;
+  panelBlockTypes?: string[];
+  shortcutBlockTypes?: string[];
+  shouldBeCompiled: boolean;
+  previewHeader: string;
+}
+
+export interface SerializeOptions {
+  editor: Editor;
+}
+
+interface SetFocusedIdsOptions {
+  forceUpdate: boolean;
+}
+
+type SetFocusedIds = (ids: string[], opts?: SetFocusedIdsOptions) => void;
+
+interface EditorContextProps {
+  editor: Editor;
+  setFocusedIds: SetFocusedIds;
+  getFocusedIds: () => string[];
+}
+
+export interface EditHistoryHandlers {
+  id: symbol;
+  merge?: (a: EditHistory, b: EditHistory) => EditHistory | undefined | null;
+  undo: (history: EditHistory, props: EditorContextProps) => void;
+  redo: (history: EditHistory, props: EditorContextProps) => void;
+}
+
+export interface EditHistory {
+  block: Block;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  data: any;
+  group?: number | undefined;
+  handlers: EditHistoryHandlers;
+}
+
+export class EditManager {
+  public unload(): void;
+  public canUndo(): boolean;
+  public canRedo(): boolean;
+  public add(history: EditHistory): void;
+  public undo(props: EditorContextProps, group?: number): void;
+  public redo(props: EditorContextProps, group?: number): void;
+  public generateGroup(): number;
+  public beginGrouping(): void;
+  public endGrouping(): void;
+}
+
+export class Editor {
+  public id: string;
+  public opts: EditorOptions;
+  public serialize(): Promise<void>;
+  public editManager: EditManager;
+
+  /** Definitions from eventemitter */
+  static prefixed: string | boolean;
+  public eventNames(): any;
+  public listeners(event: any): any[];
+  public listenerCount(event: any): number;
+  public emit(event: any, ...args: any): boolean;
+  public on(event: any, fn: any, context?: any): this;
+  public addListener(event: any, fn: any, context?: any): this;
+  public once(event: any, fn: any, context?: any): this;
+  public removeListener(
+    event: any,
+    fn?: any,
+    context?: any,
+    once?: boolean
+  ): this;
+  public off(event: any, fn?: any, context?: any, once?: boolean): this;
+  public removeAllListeners(event?: any): this;
+}
+
+export class Block {
+  public static typeId: string;
+  public static label: string;
+  public static icon: string;
+  public static selectable: boolean;
+  public static shouldBeCompiled: boolean;
+  public id: string;
+  public compiledHtml: string | undefined;
+  public placeholderLabel(): string;
+  public placeholder(): JSX.Element;
+  public metadata(): Metadata | null;
+  public metadataByOwnKeys(opts?: { keys?: string[] }): Metadata | null;
+  public keysForSetup(): string[];
+  public compile(opts: SerializeOptions): Promise<void>;
+}
+
+export class EditorUtil {
+  public static version: string;
+  public static i18n: i18n;
+  public static Component: Map;
+  public static decorator: Map;
+  public static icon: Map;
+  public static util: Map;
+  public static React: Map;
+  public static jsxRuntime: {
+    jsx: (type: any, props: any, key?: React.Key) => any;
+    jsxs: (type: any, props: any, key?: React.Key) => any;
+    jsxDEV?: (
+      type: any,
+      props: any,
+      key?: React.Key,
+      isStatic?: boolean,
+      source?: any,
+      self?: any
+    ) => any;
+    Fragment: typeof React.Fragment;
+  };
+  public static Context: Map;
+  public static Hook: Map;
+  public static Block: typeof Block;
+  public static apply(opts: EditorOptions): Promise<Editor>;
+  public static get({ id }: { id: string }): Editor | undefined;
+  public static unload({ id }: { id: string }): Promise<void>;
+  public static serialize(): Promise<void>;
+  public static registerBlockType(block: typeof Block): void;
+  public static createBoilerplateBlock(
+    opts: BoilerplateBlockOptions
+  ): typeof Block;
+  public static isSupportedEnvironment(): boolean;
+}
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    MTBlockEditor: typeof EditorUtil;
+  }
+}

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+export interface JSXSource {
+    fileName?: string | undefined;
+    lineNumber?: number | undefined;
+    columnNumber?: number | undefined;
+}
+export declare const jsxDEV: (type: React.ElementType, props: unknown, key: React.Key | undefined, isStatic: boolean, source?: JSXSource, self?: unknown) => React.ReactElement;
+export declare const Fragment: typeof React.Fragment;
+export type { JSX } from "react";

package/{jsx-dev-runtime.js → dist/jsx-dev-runtime.js}

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fragment = exports.jsxDEV = void 0;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var jsxRuntime = window.MTBlockEditor.jsxRuntime;
 exports.jsxDEV = jsxRuntime.jsxDEV || jsxRuntime.jsx;
 exports.Fragment = jsxRuntime.Fragment;

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,5 @@
+import type * as React from "react";
+export declare const jsx: (type: React.ElementType, props: unknown, key?: React.Key) => React.ReactElement;
+export declare const jsxs: (type: React.ElementType, props: unknown, key?: React.Key) => React.ReactElement;
+export declare const Fragment: typeof React.Fragment;
+export type { JSX } from "react";

package/dist/util.d.ts

@@ -0,0 +1,2 @@
+declare const nl2br: any, sanitize: any, isIos: any, isTouchDevice: any, focusIfIos: any;
+export { nl2br, sanitize, isIos, isTouchDevice, focusIfIos };

package/dist/util.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusIfIos = exports.isTouchDevice = exports.isIos = exports.sanitize = exports.nl2br = void 0;
+var _a = window.MTBlockEditor.util, nl2br = _a.nl2br, sanitize = _a.sanitize, isIos = _a.isIos, isTouchDevice = _a.isTouchDevice, focusIfIos = _a.focusIfIos;
+exports.nl2br = nl2br;
+exports.sanitize = sanitize;
+exports.isIos = isIos;
+exports.isTouchDevice = isTouchDevice;
+exports.focusIfIos = focusIfIos;

package/hooks.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var useEditorUtil = window.MTBlockEditor.hooks.useEditorUtil;
+exports.useEditorUtil = useEditorUtil;

package/i18n.js

@@ -1,4 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var i18n = window.MTBlockEditor.i18n;
-exports.default = i18n;
+exports["default"] = i18n;

package/icon.js

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 exports.link = exports.edit = void 0;
 var _a = window.MTBlockEditor.icon, edit = _a.edit, link = _a.link;
 exports.edit = edit;

package/icons.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var edit = window.MTBlockEditor.icons.edit;
+exports.edit = edit;

package/index.d.ts

@@ -0,0 +1,154 @@
+import { i18n, InitOptions as InitOptionsI18n } from "i18next";
+
+interface Map {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}
+
+export interface Metadata {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
+}
+
+export interface EditorOptions {
+  id: string;
+  mode: string;
+  stylesheets: string[];
+  rootClassName?: string;
+  rootAttributes?: Record<string, string>;
+  panelBlockTypes?: string[];
+  shortcutBlockTypes?: string[];
+  block: Metadata;
+  i18n: InitOptionsI18n;
+}
+
+export interface BoilerplateBlockOptions {
+  typeId: string;
+  className: string;
+  rootBlock?: string | null;
+  label: string;
+  icon?: string;
+  iconString?: string;
+  html: string;
+  canRemoveBlock: boolean;
+  panelBlockTypes?: string[];
+  shortcutBlockTypes?: string[];
+  shouldBeCompiled: boolean;
+  previewHeader: string;
+}
+
+export interface SerializeOptions {
+  editor: Editor;
+}
+
+interface SetFocusedIdOptions {
+  forceUpdate: boolean;
+}
+
+type SetFocusedId = (
+  id: string | null,
+  opts?: SetFocusedIdOptions
+) => void;
+
+interface EditorContextProps {
+  editor: Editor;
+  setFocusedId: SetFocusedId;
+  getFocusedId: () => string | null;
+}
+
+export interface EditHistoryHandlers {
+  id: symbol;
+  merge?: (a: EditHistory, b: EditHistory) => EditHistory | undefined | null;
+  undo: (history: EditHistory, props: EditorContextProps) => void;
+  redo: (history: EditHistory, props: EditorContextProps) => void;
+}
+
+export interface EditHistory {
+  block: Block;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  data: any;
+  group?: number | undefined;
+  handlers: EditHistoryHandlers;
+}
+
+export class EditManager {
+  public unload(): void;
+  public canUndo(): boolean;
+  public canRedo(): boolean;
+  public add(history: EditHistory): void;
+  public undo(props: EditorContextProps, group?: number): void;
+  public redo(props: EditorContextProps, group?: number): void;
+  public generateGroup(): number;
+  public beginGrouping(): void;
+  public endGrouping(): void;
+}
+
+export class Editor {
+  public id: string;
+  public opts: EditorOptions;
+  public serialize(): Promise<void>;
+  public editManager: EditManager;
+
+  /** Definitions from eventemitter */
+  static prefixed: string | boolean;
+  public eventNames(): any;
+  public listeners(event: any): any[];
+  public listenerCount(event: any): number;
+  public emit(event: any, ...args: any): boolean;
+  public on(event: any, fn: any, context?: any): this;
+  public addListener(event: any, fn: any, context?: any): this;
+  public once(event: any, fn: any, context?: any): this;
+  public removeListener(
+    event: any,
+    fn?: any,
+    context?: any,
+    once?: boolean
+  ): this;
+  public off(event: any, fn?: any, context?: any, once?: boolean): this;
+  public removeAllListeners(event?: any): this;
+}
+
+export class Block {
+  public static typeId: string;
+  public static label: string;
+  public static icon: string;
+  public static selectable: boolean;
+  public static shouldBeCompiled: boolean;
+  public id: string;
+  public compiledHtml: string;
+  public placeholderLabel(): string;
+  public placeholder(): JSX.Element;
+  public metadata(): Metadata | null;
+  public metadataByOwnKeys(opts?: { keys?: string[] }): Metadata | null;
+  public keysForSetup(): string[];
+  public compile(opts: SerializeOptions): Promise<void>;
+}
+
+export class EditorUtil {
+  public static version: string;
+  public static i18n: i18n;
+  public static Component: Map;
+  public static decorator: Map;
+  public static icon: Map;
+  public static util: Map;
+  public static React: Map;
+  public static Context: Map;
+  public static Hook: Map;
+  public static Block: typeof Block;
+  public static apply(opts: EditorOptions): Promise<Editor>;
+  public static get({ id }: { id: string }): Editor | undefined;
+  public static unload({ id }: { id: string }): Promise<void>;
+  public static serialize(): Promise<void>;
+  public static registerBlockType(block: typeof Block): void;
+  public static createBoilerplateBlock(
+    opts: BoilerplateBlockOptions
+  ): typeof Block;
+  public static isSupportedEnvironment(): boolean;
+}
+
+declare global {
+  interface Window {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    MTBlockEditor: typeof EditorUtil;
+  }
+}

package/package.json

@@ -1,25 +1,61 @@
 {
   "name": "mt-block-editor-block",
-  "version": "1.3.0-alpha.1",
+  "version": "1.3.0",
   "description": "This package helps you define custom block types.",
-  "main": "index.js",
-  "types": "index.d.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "default": "./index.js"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./Block": {
+      "types": "./dist/Block.d.ts",
+      "default": "./dist/Block.js"
+    },
+    "./Component": {
+      "types": "./dist/Component.d.ts",
+      "default": "./dist/Component.js"
+    },
+    "./Context": {
+      "types": "./dist/Context.d.ts",
+      "default": "./dist/Context.js"
+    },
+    "./decorator": {
+      "types": "./dist/decorator.d.ts",
+      "default": "./dist/decorator.js"
+    },
+    "./Hook": {
+      "types": "./dist/Hook.d.ts",
+      "default": "./dist/Hook.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n.d.ts",
+      "default": "./dist/i18n.js"
+    },
+    "./icon": {
+      "types": "./dist/icon.d.ts",
+      "default": "./dist/icon.js"
+    },
+    "./React": {
+      "types": "./dist/React.d.ts",
+      "default": "./dist/React.js"
+    },
+    "./util": {
+      "types": "./dist/util.d.ts",
+      "default": "./dist/util.js"
     },
     "./jsx-runtime": {
-      "types": "./jsx-runtime.d.ts",
-      "default": "./jsx-runtime.js"
+      "types": "./dist/jsx-runtime.d.ts",
+      "default": "./dist/jsx-runtime.js"
     },
     "./jsx-dev-runtime": {
-      "types": "./jsx-dev-runtime.d.ts",
-      "default": "./jsx-dev-runtime.js"
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "default": "./dist/jsx-dev-runtime.js"
     }
   },
   "scripts": {
-    "build": "rimraf dist && tsc -d src/*.ts --outDir dist --lib esnext,dom && cpy \"./src/index.d.ts\" \"./src/jsx-runtime.d.ts\" \"./src/jsx-dev-runtime.d.ts\" \"./dist/*\" ./",
+    "build": "rimraf dist && tsc -d src/*.ts --outDir dist --lib esnext,dom && cpy \"./src/index.d.ts\" ./dist/ --flat",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",

package/src/index.d.ts

@@ -1,4 +1,5 @@
 import type { JSX } from "react";
+import type * as React from "react";
 import { i18n, InitOptions as InitOptionsI18n } from "i18next";
 
 interface Map {
@@ -131,9 +132,17 @@ export class EditorUtil {
   public static util: Map;
   public static React: Map;
   public static jsxRuntime: {
-    jsx: (type: any, props: any, key?: string) => any;
-    jsxs: (type: any, props: any, key?: string) => any;
-    Fragment: symbol;
+    jsx: (type: any, props: any, key?: React.Key) => any;
+    jsxs: (type: any, props: any, key?: React.Key) => any;
+    jsxDEV?: (
+      type: any,
+      props: any,
+      key?: React.Key,
+      isStatic?: boolean,
+      source?: any,
+      self?: any
+    ) => any;
+    Fragment: typeof React.Fragment;
   };
   public static Context: Map;
   public static Hook: Map;

package/src/jsx-dev-runtime.ts

@@ -1,5 +1,22 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const jsxRuntime = window.MTBlockEditor.jsxRuntime as any;
+import type * as React from "react";
 
-export const jsxDEV = jsxRuntime.jsxDEV || jsxRuntime.jsx;
-export const Fragment = jsxRuntime.Fragment;
+const jsxRuntime = window.MTBlockEditor.jsxRuntime;
+
+export interface JSXSource {
+  fileName?: string | undefined;
+  lineNumber?: number | undefined;
+  columnNumber?: number | undefined;
+}
+
+export const jsxDEV: (
+  type: React.ElementType,
+  props: unknown,
+  key: React.Key | undefined,
+  isStatic: boolean,
+  source?: JSXSource,
+  self?: unknown
+) => React.ReactElement = jsxRuntime.jsxDEV || jsxRuntime.jsx;
+
+export const Fragment: typeof React.Fragment = jsxRuntime.Fragment;
+
+export type { JSX } from "react";

package/src/jsx-runtime.ts

@@ -1,5 +1,19 @@
+import type * as React from "react";
+
 const jsxRuntime = window.MTBlockEditor.jsxRuntime;
 
-export const jsx = jsxRuntime.jsx;
-export const jsxs = jsxRuntime.jsxs;
-export const Fragment = jsxRuntime.Fragment;
+export const jsx: (
+  type: React.ElementType,
+  props: unknown,
+  key?: React.Key
+) => React.ReactElement = jsxRuntime.jsx;
+
+export const jsxs: (
+  type: React.ElementType,
+  props: unknown,
+  key?: React.Key
+) => React.ReactElement = jsxRuntime.jsxs;
+
+export const Fragment: typeof React.Fragment = jsxRuntime.Fragment;
+
+export type { JSX } from "react";

package/util.js

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 exports.focusIfIos = exports.isTouchDevice = exports.isIos = exports.sanitize = exports.nl2br = void 0;
 var _a = window.MTBlockEditor.util, nl2br = _a.nl2br, sanitize = _a.sanitize, isIos = _a.isIos, isTouchDevice = _a.isTouchDevice, focusIfIos = _a.focusIfIos;
 exports.nl2br = nl2br;

package/jsx-dev-runtime.d.ts

@@ -1,2 +0,0 @@
-export declare const jsxDEV: any;
-export declare const Fragment: any;

package/jsx-runtime.d.ts

@@ -1,3 +0,0 @@
-export declare const jsx: (type: any, props: any, key?: string) => any;
-export declare const jsxs: (type: any, props: any, key?: string) => any;
-export declare const Fragment: symbol;

package/src/jsx-dev-runtime.d.ts

@@ -1,3 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const jsxDEV: (type: any, props: any, key?: string, isStatic?: boolean, source?: any, self?: any) => any;
-export const Fragment: symbol;

package/src/jsx-runtime.d.ts

@@ -1,5 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const jsx: (type: any, props: any, key?: string) => any;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const jsxs: (type: any, props: any, key?: string) => any;
-export const Fragment: symbol;