jodit 4.0.0-beta.94 → 4.0.0-beta.98

package/es5/plugins/debug/debug.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.94
+ * Version: v4.0.0-beta.98
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/debug/debug.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.94
+ * Version: v4.0.0-beta.98
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.94
+ * Version: v4.0.0-beta.98
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.94
+ * Version: v4.0.0-beta.98
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/plugins/speech-recognize/speech-recognize.min.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.0.0-beta.94
+ * Version: v4.0.0-beta.98
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/esm/core/constants.js

@@ -3,7 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-export const APP_VERSION = "4.0.0-beta.94";
+export const APP_VERSION = "4.0.0-beta.98";
 // prettier-ignore
 export const ES = "es2020";
 export const IS_ES_MODERN = true;

package/esm/core/helpers/string/ucfirst.js

@@ -13,5 +13,5 @@ export function ucfirst(value) {
     if (!value.length) {
         return '';
     }
-    return value[0].toUpperCase() + value.substr(1);
+    return value[0].toUpperCase() + value.substring(1);
 }

package/esm/core/helpers/utils/index.d.ts

@@ -33,4 +33,3 @@ export * from "./selector";
 export * from "./set";
 export * from "./stack";
 export * from "./utils";
-export * from "./val";

package/esm/core/helpers/utils/index.js

@@ -33,4 +33,3 @@ export * from "./selector";
 export * from "./set";
 export * from "./stack";
 export * from "./utils";
-export * from "./val";

package/esm/core/selection/interface.d.ts

@@ -3,10 +3,10 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-import type { ICommitStyle } from "jodit/esm/types";
 /**
  * @module selection
  */
+import type { ICommitStyle } from "jodit/esm/types";
 declare module 'jodit/types/events' {
     interface IEventEmitter {
         /**

package/esm/core/ui/form/inputs/area/area.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IUITextArea, IViewBased } from "jodit/esm/types";

package/esm/core/ui/form/inputs/area/area.js

@@ -15,7 +15,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var UITextArea_1;
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 import { UIInput } from "jodit/esm/core/ui/form/inputs/input/input.js";
 import { component } from "jodit/esm/core/decorators/component/component.js";

package/esm/core/ui/form/inputs/checkbox/checkbox.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IViewBased, IUICheckBox } from "jodit/esm/types";

package/esm/core/ui/form/inputs/checkbox/checkbox.js

@@ -15,7 +15,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var UICheckbox_1;
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 import { UIInput } from "jodit/esm/core/ui/form/inputs/input/input.js";
 import { component, watch, hook } from "jodit/esm/core/decorators/index.js";

package/esm/core/ui/form/inputs/file/file.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IUIInput, IViewBased } from "jodit/esm/types";

package/esm/core/ui/form/inputs/file/file.js

@@ -14,7 +14,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 import { UIInput } from "jodit/esm/core/ui/form/inputs/input/input.js";
 import { component } from "jodit/esm/core/decorators/component/component.js";

package/esm/core/ui/form/inputs/index.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 export * from "./input/input";
 export * from "./area/area";

package/esm/core/ui/form/inputs/index.js

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 export * from "./input/input";
 export * from "./area/area";

package/esm/core/ui/form/inputs/input/input.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IUIInput, IUIInputValidator, IViewBased } from "jodit/esm/types";

package/esm/core/ui/form/inputs/input/input.js

@@ -15,7 +15,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var UIInput_1;
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 import { UIElement } from "jodit/esm/core/ui/element.js";
 import { attr } from "jodit/esm/core/helpers/utils/index.js";

package/esm/core/ui/form/inputs/select/select.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IUISelect, IViewBased } from "jodit/esm/types";

package/esm/core/ui/form/inputs/select/select.js

@@ -15,7 +15,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var UISelect_1;
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 import { attr } from "jodit/esm/core/helpers/utils/attr.js";
 import { component } from "jodit/esm/core/decorators/component/component.js";

package/esm/core/view/view.d.ts

@@ -46,6 +46,7 @@ export declare abstract class View extends Component implements IViewBased, Mods
      */
     get buffer(): IStorage;
     get message(): IMessages;
+    protected getMessageModule(container: HTMLElement): IMessages;
     /**
      * Container for persistent set/get value
      */

package/esm/core/view/view.js

@@ -49,7 +49,10 @@ let View = View_1 = class View extends Component {
         return Storage.makeStorage();
     }
     get message() {
-        return new UIMessages(this, this.container);
+        return this.getMessageModule(this.container);
+    }
+    getMessageModule(container) {
+        return new UIMessages(this, container);
     }
     /**
      * Container for persistent set/get value

package/esm/jodit.d.ts

@@ -8,7 +8,7 @@
  * @packageDocumentation
  * @module jodit
  */
-import type { CustomCommand, IDictionary, IPluginSystem, IStatusBar, IWorkPlace, Modes, IFileBrowser, IJodit, IUploader, ICreate, CanPromise, IHistory, AjaxOptions, IResponse } from "jodit/esm/types";
+import type { CustomCommand, IDictionary, IPluginSystem, IStatusBar, IWorkPlace, Modes, IFileBrowser, IJodit, IUploader, ICreate, CanPromise, IHistory, AjaxOptions, IResponse, IMessages } from "jodit/esm/types";
 import type * as Modules from "jodit/esm/modules";
 import { Config } from "jodit/esm/config";
 import * as constants from "jodit/esm/core/constants";
@@ -104,6 +104,7 @@ export declare class Jodit extends ViewWithToolbar implements IJodit, Dlgs {
      * workplace It contains source and wysiwyg editors
      */
     get workplace(): HTMLDivElement;
+    get message(): IMessages;
     /**
      * Statusbar module
      */

package/esm/jodit.js

@@ -140,6 +140,9 @@ let Jodit = Jodit_1 = class Jodit extends ViewWithToolbar {
     get workplace() {
         return this.currentPlace.workplace;
     }
+    get message() {
+        return this.getMessageModule(this.workplace);
+    }
     /**
      * Statusbar module
      */
@@ -1227,6 +1230,9 @@ Jodit.core = {
 __decorate([
     cache
 ], Jodit.prototype, "createInside", null);
+__decorate([
+    cache
+], Jodit.prototype, "message", null);
 __decorate([
     cache
 ], Jodit.prototype, "s", null);

package/esm/modules/messages/messages.d.ts

@@ -25,9 +25,37 @@ export declare class UIMessages extends UIGroup implements IMessages {
         defaultTimeout: number;
         defaultOffset: number;
     });
+    /**
+     * Show popup info message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.info('Hello world', 3000);
+     * ```
+     */
     info(text: string, timeout?: number): void;
+    /**
+     * Show popup success message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.success('Hello world', 3000);
+     * ```
+     */
     success(text: string, timeout?: number): void;
+    /**
+     * Show popup error message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.error('Hello world', 3000);
+     * ```
+     */
     error(text: string, timeout?: number): void;
+    /**
+     * Show popup message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.message('Hello world', 'info', 3000);
+     * ```
+     */
     message(text: string, variant?: MessageVariant, timeout?: number): void;
     private __message;
     private __getRemoveCallback;

package/esm/modules/messages/messages.js

@@ -38,15 +38,43 @@ let UIMessages = class UIMessages extends UIGroup {
         this.options = options;
         this.__messages = new Set();
     }
+    /**
+     * Show popup info message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.info('Hello world', 3000);
+     * ```
+     */
     info(text, timeout) {
         this.__message(text, 'info', timeout);
     }
+    /**
+     * Show popup success message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.success('Hello world', 3000);
+     * ```
+     */
     success(text, timeout) {
         this.__message(text, 'success', timeout);
     }
+    /**
+     * Show popup error message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.error('Hello world', 3000);
+     * ```
+     */
     error(text, timeout) {
         this.__message(text, 'error', timeout);
     }
+    /**
+     * Show popup message in the lower right corner of the container
+     * ```js
+     * const jodit = Jodit.make('#editor');
+     * jodit.message('Hello world', 'info', 3000);
+     * ```
+     */
     message(text, variant, timeout) {
         this.__message(text, variant, timeout);
     }

package/esm/modules/table/table.d.ts

@@ -8,7 +8,7 @@
  * @packageDocumentation
  * @module modules/table
  */
-import type { ICreate, IJodit } from "jodit/esm/types";
+import type { ICreate, IJodit, Prettify } from "jodit/esm/types";
 import { ViewComponent } from "jodit/esm/core/component";
 export declare class Table extends ViewComponent<IJodit> {
     /** @override */
@@ -45,11 +45,13 @@ export declare class Table extends ViewComponent<IJodit> {
     /**
      * Inserts a new line after row what contains the selected cell
      *
+     * @param table - Working table
      * @param line - Insert a new line after/before this
      * line contains the selected cell
      * @param after - Insert a new line after line contains the selected cell
+     * @param create - Instance of Create class
      */
-    static appendRow(table: HTMLTableElement, line: false | HTMLTableRowElement, after: boolean, create: ICreate): void;
+    static appendRow(table: HTMLTableElement, line: false | HTMLTableRowElement, after: boolean, create: Prettify<Pick<ICreate, 'element'>>): void;
     /**
      * Remove row
      */

package/esm/modules/table/table.js

@@ -156,9 +156,11 @@ export class Table extends ViewComponent {
     /**
      * Inserts a new line after row what contains the selected cell
      *
+     * @param table - Working table
      * @param line - Insert a new line after/before this
      * line contains the selected cell
      * @param after - Insert a new line after line contains the selected cell
+     * @param create - Instance of Create class
      */
     static appendRow(table, line, after, create) {
         let row;

package/esm/modules/uploader/helpers/send.js

@@ -56,7 +56,12 @@ export function send(uploader, data) {
             .send()
             .then(resp => resp.json())
             .catch(error => {
-            uploader.o.error.call(uploader, error);
+            return {
+                success: false,
+                data: {
+                    messages: [error]
+                }
+            };
         })
             .finally(() => {
             ajax.destruct();

package/esm/modules/widget/color-picker/color-picker.d.ts

@@ -17,7 +17,7 @@ import type { IJodit } from "jodit/esm/types";
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
  * @example
  * ```javascript
- * $tabs = TabsWidget(editor, {
+ * const tabs = TabsWidget(editor, {
  *    'Text' : ColorPickerWidget(editor, function (color) {
  *         box.style.color = color;
  *     }, box.style.color),

package/esm/modules/widget/color-picker/color-picker.js

@@ -20,7 +20,7 @@ Icon.set('palette', paletteIcon);
  * @param coldColor - Color value ex. #fff or rgb(123, 123, 123) or rgba(123, 123, 123, 1)
  * @example
  * ```javascript
- * $tabs = TabsWidget(editor, {
+ * const tabs = TabsWidget(editor, {
  *    'Text' : ColorPickerWidget(editor, function (color) {
  *         box.style.color = color;
  *     }, box.style.color),

package/esm/modules/widget/file-selector/file-selector.d.ts

@@ -28,27 +28,10 @@ interface ImageSelectorCallbacks {
  * Generate 3 tabs
  * upload - Use Drag and Drop
  * url - By specifying the image url
- * filebrowser - After opening the file browser . In the absence of one of the parameters will be less tabs
+ * filebrowser - After opening the file browser. In the absence of one of the parameters will be less tabs
  *
  * @param callbacks - Object with keys `url`, `upload` and `filebrowser`, values which are callback
  * functions with different parameters
- *
- * @example
- * ```javascript
- * let widget = new Jodit.modules.Widget(editor);
- *
- * return widget.c('ImageSelector', {
- *      url: function (url, alt) {
- *          editor.selections.insertImage(url);
- *      },
- *      upload: function (images) {
- *          editor.selections.insertImage(images[0]);
- *      },
- *      filebrowser: function (images) {
- *          editor.selections.insertImage(images[0]);
- *      }
- * }, image);
- * ```
  */
 export declare const FileSelectorWidget: (editor: IJodit, callbacks: ImageSelectorCallbacks, elm: HTMLElement | null, close: () => void, isImage?: boolean) => HTMLDivElement;
 export {};

package/esm/modules/widget/file-selector/file-selector.js

@@ -3,7 +3,7 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-import { isFunction, $$, attr, val } from "jodit/esm/core/helpers/index.js";
+import { isFunction, $$, attr } from "jodit/esm/core/helpers/index.js";
 import { Dom } from "jodit/esm/core/dom/dom.js";
 import { UIBlock, UIForm, UIInput, UIButton } from "jodit/esm/core/ui/index.js";
 import { TabsWidget } from "jodit/esm/modules/widget/tabs/tabs.js";
@@ -11,27 +11,10 @@ import { TabsWidget } from "jodit/esm/modules/widget/tabs/tabs.js";
  * Generate 3 tabs
  * upload - Use Drag and Drop
  * url - By specifying the image url
- * filebrowser - After opening the file browser . In the absence of one of the parameters will be less tabs
+ * filebrowser - After opening the file browser. In the absence of one of the parameters will be less tabs
  *
  * @param callbacks - Object with keys `url`, `upload` and `filebrowser`, values which are callback
  * functions with different parameters
- *
- * @example
- * ```javascript
- * let widget = new Jodit.modules.Widget(editor);
- *
- * return widget.c('ImageSelector', {
- *      url: function (url, alt) {
- *          editor.selections.insertImage(url);
- *      },
- *      upload: function (images) {
- *          editor.selections.insertImage(images[0]);
- *      },
- *      filebrowser: function (images) {
- *          editor.selections.insertImage(images[0]);
- *      }
- * }, image);
- * ```
  */
 export const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true) => {
     let currentImage;
@@ -122,3 +105,13 @@ export const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true
     }
     return TabsWidget(editor, tabs);
 };
+function val(elm, selector, value) {
+    const child = elm.querySelector(selector);
+    if (!child) {
+        return '';
+    }
+    if (value) {
+        child.value = value;
+    }
+    return child.value;
+}

package/esm/modules/widget/tabs/tabs.d.ts

@@ -24,12 +24,23 @@ export interface TabOption {
  *
  * @example
  * ```javascript
- * let tabs = Jodit.modules.TabsWidget(editor, [
- *    {name: 'Images', content: '<div>Images</div>'},
- *    {name: 'Title 2': Jodit.modules.Helpers.dom('<div>Some content</div>')},
- *    {name: 'Color Picker': ColorPickerWidget(editor, function (color) {
- *         box.style.color = color;
- *     }, box.style.color)},
+ * const editor = Jodit.make('#editor');
+ * const tabs = Jodit.modules.TabsWidget(editor, [
+ *  { name: 'Images', content: '<div>Images</div>' },
+ *  {
+ *    name: 'Title 2',
+ *    content: editor.c.fromHTML('<div>Some content</div>')
+ *  },
+ *  {
+ *    name: 'Color Picker',
+ *    content: ColorPickerWidget(
+ *      editor,
+ *      function (color) {
+ *        box.style.color = color;
+ *      },
+ *      box.style.color
+ *    )
+ *  }
  * ]);
  * ```
  */

package/esm/modules/widget/tabs/tabs.js

@@ -21,12 +21,23 @@ import { Dom } from "jodit/esm/core/dom/dom.js";
  *
  * @example
  * ```javascript
- * let tabs = Jodit.modules.TabsWidget(editor, [
- *    {name: 'Images', content: '<div>Images</div>'},
- *    {name: 'Title 2': Jodit.modules.Helpers.dom('<div>Some content</div>')},
- *    {name: 'Color Picker': ColorPickerWidget(editor, function (color) {
- *         box.style.color = color;
- *     }, box.style.color)},
+ * const editor = Jodit.make('#editor');
+ * const tabs = Jodit.modules.TabsWidget(editor, [
+ *  { name: 'Images', content: '<div>Images</div>' },
+ *  {
+ *    name: 'Title 2',
+ *    content: editor.c.fromHTML('<div>Some content</div>')
+ *  },
+ *  {
+ *    name: 'Color Picker',
+ *    content: ColorPickerWidget(
+ *      editor,
+ *      function (color) {
+ *        box.style.color = color;
+ *      },
+ *      box.style.color
+ *    )
+ *  }
  * ]);
  * ```
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit",
-	"version": "4.0.0-beta.94",
+	"version": "4.0.0-beta.98",
 	"description": "Jodit is awesome and usefully wysiwyg editor with filebrowser",
 	"main": "esm/index.js",
 	"types": "types/index.d.ts",

package/types/core/helpers/utils/index.d.ts

@@ -33,4 +33,3 @@ export * from "./selector";
 export * from "./set";
 export * from "./stack";
 export * from "./utils";
-export * from "./val";

package/types/core/selection/interface.d.ts

@@ -3,10 +3,10 @@
  * Released under MIT see LICENSE.txt in the project root for license information.
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
-import type { ICommitStyle } from "jodit/esm/types";
 /**
  * @module selection
  */
+import type { ICommitStyle } from "jodit/esm/types";
 declare module 'jodit/types/events' {
     interface IEventEmitter {
         /**

package/types/core/ui/form/inputs/area/area.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IUITextArea, IViewBased } from "jodit/esm/types";

package/types/core/ui/form/inputs/checkbox/checkbox.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IViewBased, IUICheckBox } from "jodit/esm/types";

package/types/core/ui/form/inputs/file/file.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 
 import type { IUIInput, IViewBased } from "jodit/esm/types";

package/types/core/ui/form/inputs/index.d.ts

@@ -4,7 +4,7 @@
  * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
- * @module ui/form/inputs
+ * @module ui/form
  */
 export * from "./input/input";
 export * from "./area/area";