@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/components/RichTextEditor/tools/image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultGetFileSrc","file","src","defaultOnSelectFile","ImageTool","data","config","api","readOnly","getFileSrc","onSelectFile","actions","context","ui","Ui","showFileManager","image","tunes","Tunes","onChange","tuneName","tuneToggled","_data","render","caption","nodes","innerHTML","fillCaption","forEach","name","tune","initialValue","value","setTune","fillImage","applyTune","Promise","resolve","then","blockId","blocks","getCurrentBlockIndex","stretchBlock","catch","err","console","error","icon","svgs","toolbox","title"],"sources":["index.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport Ui from \"./ui\";\nimport Tunes from \"./tunes\";\nimport svgs from \"./svgs\";\nimport { Tune } from \"./types\";\n\ninterface File {\n    src: string;\n}\ninterface GetFileSourceCallable {\n    (file: File | string): string;\n}\nconst defaultGetFileSrc: GetFileSourceCallable = file => {\n    if (typeof file === \"string\") {\n        return file;\n    }\n\n    return file.src;\n};\ninterface OnSelectFileCallable {\n    (file: File): string;\n}\nconst defaultOnSelectFile: OnSelectFileCallable = file => {\n    return file.src;\n};\n\ninterface ImageToolData {\n    caption: string;\n    file: string;\n}\ninterface ImageToolParams {\n    data: ImageToolData;\n    config: Config;\n    api: API;\n    readOnly: boolean;\n}\ninterface Config {\n    getFileSrc: GetFileSourceCallable;\n    onSelectFile: OnSelectFileCallable;\n    actions: Tune[];\n    context: {\n        showFileManager: (cb: (file: File) => void) => void;\n    };\n}\nexport default class ImageTool {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly config: Config;\n    private readonly tunes: Tunes;\n    private readonly ui: Ui;\n    private readonly _data: any;\n\n    /**\n     * Notify core that read-only mode is supported\n     *\n     * @returns {boolean}\n     */\n    static get isReadOnlySupported() {\n        return true;\n    }\n\n    /**\n     * Get Tool toolbox settings\n     * icon - Tool icon's SVG\n     * title - title to show in toolbox\n     *\n     * @returns {{icon: string, title: string}}\n     */\n    static get toolbox() {\n        return {\n            icon: svgs.toolbox,\n            title: \"Image\"\n        };\n    }\n\n    constructor({ data, config, api, readOnly }: ImageToolParams) {\n        this.api = api;\n        this.readOnly = readOnly;\n\n        this.config = {\n            getFileSrc: config.getFileSrc || defaultGetFileSrc,\n            onSelectFile: config.onSelectFile || defaultOnSelectFile,\n            actions: config.actions || [],\n            context: config.context\n        };\n\n        /**\n         * Module for working with UI\n         */\n        this.ui = new Ui({\n            api,\n            config: this.config,\n            onSelectFile: () => {\n                this.config.context.showFileManager((file: File) => {\n                    this.image = this.config.onSelectFile(file);\n                });\n            },\n            readOnly\n        });\n\n        /**\n         * Module for working with tunes\n         */\n        this.tunes = new Tunes({\n            api,\n            actions: this.config.actions,\n            onChange: (tuneName: string) => this.tuneToggled(tuneName)\n        });\n\n        /**\n         * Set saved state\n         */\n        this._data = {};\n        this.data = data;\n    }\n\n    /**\n     * Renders Block content\n     *\n     * @public\n     *\n     * @returns {HTMLDivElement}\n     */\n    render() {\n        return this.ui.render(this.data);\n    }\n\n    /**\n     * Return Block data\n     *\n     * @public\n     *\n     * @returns {ImageToolData}\n     */\n    save() {\n        const caption = this.ui.nodes.caption;\n\n        this._data.caption = caption.innerHTML;\n\n        return this.data;\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @public\n     *\n     * @returns {Element}\n     */\n    renderSettings() {\n        return this.tunes.render(this.data);\n    }\n\n    /**\n     * Stores all Tool's data\n     *\n     * @private\n     *\n     * @param {ImageToolData} data - data in Image Tool format\n     */\n    set data(data) {\n        this.image = data.file;\n\n        this._data.caption = data.caption || \"\";\n        this.ui.fillCaption(this._data.caption);\n\n        Tunes.tunes.forEach(({ name }) => {\n            const tune = name as keyof ImageToolData;\n\n            const initialValue = data[tune] as unknown as string | boolean;\n\n            const value = initialValue === true || initialValue === \"true\";\n\n            this.setTune(tune, value);\n        });\n    }\n\n    /**\n     * Return Tool data\n     *\n     * @private\n     *\n     * @returns {ImageToolData}\n     */\n    get data(): ImageToolData {\n        return this._data;\n    }\n\n    /**\n     * Set new image file\n     *\n     * @private\n     *\n     * @param {object} file - uploaded file data\n     */\n    set image(file: File | string) {\n        this._data.file = file || {};\n\n        if (file) {\n            this.ui.fillImage(this.config.getFileSrc(file));\n        }\n    }\n\n    /**\n     * Callback fired when Block Tune is activated\n     *\n     * @private\n     *\n     * @param {string} tuneName - tune that has been clicked\n     * @returns {void}\n     */\n    public tuneToggled(tuneName: string): void {\n        // inverse tune state\n        this.setTune(tuneName, !this._data[tuneName]);\n    }\n\n    /**\n     * Set one tune\n     *\n     * @param {string} tuneName - {@link Tunes.tunes}\n     * @param {boolean} value - tune state\n     * @returns {void}\n     */\n    public setTune(tuneName: string, value: boolean): void {\n        this._data[tuneName] = value;\n\n        this.ui.applyTune(tuneName, value);\n\n        if (tuneName === \"stretched\") {\n            /**\n             * Wait until the API is ready\n             */\n            Promise.resolve()\n                .then(() => {\n                    const blockId = this.api.blocks.getCurrentBlockIndex();\n\n                    this.api.blocks.stretchBlock(blockId, value);\n                })\n                .catch(err => {\n                    console.error(err);\n                });\n        }\n    }\n\n    public isReadOnly(): boolean {\n        return this.readOnly;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["Ui","Tunes","svgs","defaultGetFileSrc","file","src","defaultOnSelectFile","ImageTool","isReadOnlySupported","toolbox","icon","title","constructor","data","config","api","readOnly","getFileSrc","onSelectFile","actions","context","ui","showFileManager","image","tunes","onChange","tuneName","tuneToggled","_data","render","save","caption","nodes","innerHTML","renderSettings","fillCaption","forEach","name","tune","initialValue","value","setTune","fillImage","applyTune","Promise","resolve","then","blockId","blocks","getCurrentBlockIndex","stretchBlock","catch","err","console","error","isReadOnly"],"sources":["index.ts"],"sourcesContent":["import type { API } from \"@editorjs/editorjs\";\nimport Ui from \"./ui\";\nimport Tunes from \"./tunes\";\nimport svgs from \"./svgs\";\nimport type { Tune } from \"./types\";\n\ninterface File {\n    src: string;\n}\ninterface GetFileSourceCallable {\n    (file: File | string): string;\n}\nconst defaultGetFileSrc: GetFileSourceCallable = file => {\n    if (typeof file === \"string\") {\n        return file;\n    }\n\n    return file.src;\n};\ninterface OnSelectFileCallable {\n    (file: File): string;\n}\nconst defaultOnSelectFile: OnSelectFileCallable = file => {\n    return file.src;\n};\n\ninterface ImageToolData {\n    caption: string;\n    file: string;\n}\ninterface ImageToolParams {\n    data: ImageToolData;\n    config: Config;\n    api: API;\n    readOnly: boolean;\n}\ninterface Config {\n    getFileSrc: GetFileSourceCallable;\n    onSelectFile: OnSelectFileCallable;\n    actions: Tune[];\n    context: {\n        showFileManager: (cb: (file: File) => void) => void;\n    };\n}\nexport default class ImageTool {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly config: Config;\n    private readonly tunes: Tunes;\n    private readonly ui: Ui;\n    private readonly _data: any;\n\n    /**\n     * Notify core that read-only mode is supported\n     *\n     * @returns {boolean}\n     */\n    static get isReadOnlySupported() {\n        return true;\n    }\n\n    /**\n     * Get Tool toolbox settings\n     * icon - Tool icon's SVG\n     * title - title to show in toolbox\n     *\n     * @returns {{icon: string, title: string}}\n     */\n    static get toolbox() {\n        return {\n            icon: svgs.toolbox,\n            title: \"Image\"\n        };\n    }\n\n    constructor({ data, config, api, readOnly }: ImageToolParams) {\n        this.api = api;\n        this.readOnly = readOnly;\n\n        this.config = {\n            getFileSrc: config.getFileSrc || defaultGetFileSrc,\n            onSelectFile: config.onSelectFile || defaultOnSelectFile,\n            actions: config.actions || [],\n            context: config.context\n        };\n\n        /**\n         * Module for working with UI\n         */\n        this.ui = new Ui({\n            api,\n            config: this.config,\n            onSelectFile: () => {\n                this.config.context.showFileManager((file: File) => {\n                    this.image = this.config.onSelectFile(file);\n                });\n            },\n            readOnly\n        });\n\n        /**\n         * Module for working with tunes\n         */\n        this.tunes = new Tunes({\n            api,\n            actions: this.config.actions,\n            onChange: (tuneName: string) => this.tuneToggled(tuneName)\n        });\n\n        /**\n         * Set saved state\n         */\n        this._data = {};\n        this.data = data;\n    }\n\n    /**\n     * Renders Block content\n     *\n     * @public\n     *\n     * @returns {HTMLDivElement}\n     */\n    render() {\n        return this.ui.render(this.data);\n    }\n\n    /**\n     * Return Block data\n     *\n     * @public\n     *\n     * @returns {ImageToolData}\n     */\n    save() {\n        const caption = this.ui.nodes.caption;\n\n        this._data.caption = caption.innerHTML;\n\n        return this.data;\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @public\n     *\n     * @returns {Element}\n     */\n    renderSettings() {\n        return this.tunes.render(this.data);\n    }\n\n    /**\n     * Stores all Tool's data\n     *\n     * @private\n     *\n     * @param {ImageToolData} data - data in Image Tool format\n     */\n    set data(data) {\n        this.image = data.file;\n\n        this._data.caption = data.caption || \"\";\n        this.ui.fillCaption(this._data.caption);\n\n        Tunes.tunes.forEach(({ name }) => {\n            const tune = name as keyof ImageToolData;\n\n            const initialValue = data[tune] as unknown as string | boolean;\n\n            const value = initialValue === true || initialValue === \"true\";\n\n            this.setTune(tune, value);\n        });\n    }\n\n    /**\n     * Return Tool data\n     *\n     * @private\n     *\n     * @returns {ImageToolData}\n     */\n    get data(): ImageToolData {\n        return this._data;\n    }\n\n    /**\n     * Set new image file\n     *\n     * @private\n     *\n     * @param {object} file - uploaded file data\n     */\n    set image(file: File | string) {\n        this._data.file = file || {};\n\n        if (file) {\n            this.ui.fillImage(this.config.getFileSrc(file));\n        }\n    }\n\n    /**\n     * Callback fired when Block Tune is activated\n     *\n     * @private\n     *\n     * @param {string} tuneName - tune that has been clicked\n     * @returns {void}\n     */\n    public tuneToggled(tuneName: string): void {\n        // inverse tune state\n        this.setTune(tuneName, !this._data[tuneName]);\n    }\n\n    /**\n     * Set one tune\n     *\n     * @param {string} tuneName - {@link Tunes.tunes}\n     * @param {boolean} value - tune state\n     * @returns {void}\n     */\n    public setTune(tuneName: string, value: boolean): void {\n        this._data[tuneName] = value;\n\n        this.ui.applyTune(tuneName, value);\n\n        if (tuneName === \"stretched\") {\n            /**\n             * Wait until the API is ready\n             */\n            Promise.resolve()\n                .then(() => {\n                    const blockId = this.api.blocks.getCurrentBlockIndex();\n\n                    this.api.blocks.stretchBlock(blockId, value);\n                })\n                .catch(err => {\n                    console.error(err);\n                });\n        }\n    }\n\n    public isReadOnly(): boolean {\n        return this.readOnly;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/RichTextEditor/tools/image/svgs.js

@@ -1,12 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  buttonIcon: "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.15 13.628A7.749 7.749 0 0 0 10 17.75a7.74 7.74 0 0 0 6.305-3.242l-2.387-2.127-2.765 2.244-4.389-4.496-3.614 3.5zm-.787-2.303l4.446-4.371 4.52 4.63 2.534-2.057 3.533 2.797c.23-.734.354-1.514.354-2.324a7.75 7.75 0 1 0-15.387 1.325zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10z\"/>",
-  stretched: "<svg width=\"17\" height=\"10\" viewBox=\"0 0 17 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.568 5.925H4.056l1.703 1.703a1.125 1.125 0 0 1-1.59 1.591L.962 6.014A1.069 1.069 0 0 1 .588 4.26L4.38.469a1.069 1.069 0 0 1 1.512 1.511L4.084 3.787h9.606l-1.85-1.85a1.069 1.069 0 1 1 1.512-1.51l3.792 3.791a1.069 1.069 0 0 1-.475 1.788L13.514 9.16a1.125 1.125 0 0 1-1.59-1.591l1.644-1.644z\"/></svg>",
-  toolbox: "<svg width=\"17\" height=\"15\" viewBox=\"0 0 336 276\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M291 150.242V79c0-18.778-15.222-34-34-34H79c-18.778 0-34 15.222-34 34v42.264l67.179-44.192 80.398 71.614 56.686-29.14L291 150.242zm-.345 51.622l-42.3-30.246-56.3 29.884-80.773-66.925L45 174.187V197c0 18.778 15.222 34 34 34h178c17.126 0 31.295-12.663 33.655-29.136zM79 0h178c43.63 0 79 35.37 79 79v118c0 43.63-35.37 79-79 79H79c-43.63 0-79-35.37-79-79V79C0 35.37 35.37 0 79 0z\"/></svg>"
+export default {
+  buttonIcon: `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3.15 13.628A7.749 7.749 0 0 0 10 17.75a7.74 7.74 0 0 0 6.305-3.242l-2.387-2.127-2.765 2.244-4.389-4.496-3.614 3.5zm-.787-2.303l4.446-4.371 4.52 4.63 2.534-2.057 3.533 2.797c.23-.734.354-1.514.354-2.324a7.75 7.75 0 1 0-15.387 1.325zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10z"/>`,
+  stretched: `<svg width="17" height="10" viewBox="0 0 17 10" xmlns="http://www.w3.org/2000/svg"><path d="M13.568 5.925H4.056l1.703 1.703a1.125 1.125 0 0 1-1.59 1.591L.962 6.014A1.069 1.069 0 0 1 .588 4.26L4.38.469a1.069 1.069 0 0 1 1.512 1.511L4.084 3.787h9.606l-1.85-1.85a1.069 1.069 0 1 1 1.512-1.51l3.792 3.791a1.069 1.069 0 0 1-.475 1.788L13.514 9.16a1.125 1.125 0 0 1-1.59-1.591l1.644-1.644z"/></svg>`,
+  toolbox: `<svg width="17" height="15" viewBox="0 0 336 276" xmlns="http://www.w3.org/2000/svg"><path d="M291 150.242V79c0-18.778-15.222-34-34-34H79c-18.778 0-34 15.222-34 34v42.264l67.179-44.192 80.398 71.614 56.686-29.14L291 150.242zm-.345 51.622l-42.3-30.246-56.3 29.884-80.773-66.925L45 174.187V197c0 18.778 15.222 34 34 34h178c17.126 0 31.295-12.663 33.655-29.136zM79 0h178c43.63 0 79 35.37 79 79v118c0 43.63-35.37 79-79 79H79c-43.63 0-79-35.37-79-79V79C0 35.37 35.37 0 79 0z"/></svg>`
 };
-exports.default = _default;
+
+//# sourceMappingURL=svgs.js.map

package/components/RichTextEditor/tools/image/svgs.js.map

@@ -1 +1 @@
-{"version":3,"names":["buttonIcon","stretched","toolbox"],"sources":["svgs.ts"],"sourcesContent":["export default {\n    buttonIcon: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.15 13.628A7.749 7.749 0 0 0 10 17.75a7.74 7.74 0 0 0 6.305-3.242l-2.387-2.127-2.765 2.244-4.389-4.496-3.614 3.5zm-.787-2.303l4.446-4.371 4.52 4.63 2.534-2.057 3.533 2.797c.23-.734.354-1.514.354-2.324a7.75 7.75 0 1 0-15.387 1.325zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10z\"/>`,\n    stretched: `<svg width=\"17\" height=\"10\" viewBox=\"0 0 17 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.568 5.925H4.056l1.703 1.703a1.125 1.125 0 0 1-1.59 1.591L.962 6.014A1.069 1.069 0 0 1 .588 4.26L4.38.469a1.069 1.069 0 0 1 1.512 1.511L4.084 3.787h9.606l-1.85-1.85a1.069 1.069 0 1 1 1.512-1.51l3.792 3.791a1.069 1.069 0 0 1-.475 1.788L13.514 9.16a1.125 1.125 0 0 1-1.59-1.591l1.644-1.644z\"/></svg>`,\n    toolbox: `<svg width=\"17\" height=\"15\" viewBox=\"0 0 336 276\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M291 150.242V79c0-18.778-15.222-34-34-34H79c-18.778 0-34 15.222-34 34v42.264l67.179-44.192 80.398 71.614 56.686-29.14L291 150.242zm-.345 51.622l-42.3-30.246-56.3 29.884-80.773-66.925L45 174.187V197c0 18.778 15.222 34 34 34h178c17.126 0 31.295-12.663 33.655-29.136zM79 0h178c43.63 0 79 35.37 79 79v118c0 43.63-35.37 79-79 79H79c-43.63 0-79-35.37-79-79V79C0 35.37 35.37 0 79 0z\"/></svg>`\n};\n"],"mappings":";;;;;;eAAe;EACXA,UAAU,8ZADC;EAEXC,SAAS,sZAFE;EAGXC,OAAO;AAHI,C"}
+{"version":3,"names":["buttonIcon","stretched","toolbox"],"sources":["svgs.ts"],"sourcesContent":["export default {\n    buttonIcon: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.15 13.628A7.749 7.749 0 0 0 10 17.75a7.74 7.74 0 0 0 6.305-3.242l-2.387-2.127-2.765 2.244-4.389-4.496-3.614 3.5zm-.787-2.303l4.446-4.371 4.52 4.63 2.534-2.057 3.533 2.797c.23-.734.354-1.514.354-2.324a7.75 7.75 0 1 0-15.387 1.325zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10z\"/>`,\n    stretched: `<svg width=\"17\" height=\"10\" viewBox=\"0 0 17 10\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.568 5.925H4.056l1.703 1.703a1.125 1.125 0 0 1-1.59 1.591L.962 6.014A1.069 1.069 0 0 1 .588 4.26L4.38.469a1.069 1.069 0 0 1 1.512 1.511L4.084 3.787h9.606l-1.85-1.85a1.069 1.069 0 1 1 1.512-1.51l3.792 3.791a1.069 1.069 0 0 1-.475 1.788L13.514 9.16a1.125 1.125 0 0 1-1.59-1.591l1.644-1.644z\"/></svg>`,\n    toolbox: `<svg width=\"17\" height=\"15\" viewBox=\"0 0 336 276\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M291 150.242V79c0-18.778-15.222-34-34-34H79c-18.778 0-34 15.222-34 34v42.264l67.179-44.192 80.398 71.614 56.686-29.14L291 150.242zm-.345 51.622l-42.3-30.246-56.3 29.884-80.773-66.925L45 174.187V197c0 18.778 15.222 34 34 34h178c17.126 0 31.295-12.663 33.655-29.136zM79 0h178c43.63 0 79 35.37 79 79v118c0 43.63-35.37 79-79 79H79c-43.63 0-79-35.37-79-79V79C0 35.37 35.37 0 79 0z\"/></svg>`\n};\n"],"mappings":"AAAA,eAAe;EACXA,UAAU,EAAE,kZAAkZ;EAC9ZC,SAAS,EAAE,0YAA0Y;EACrZC,OAAO,EAAE;AACb,CAAC","ignoreList":[]}

package/components/RichTextEditor/tools/image/tunes.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-/// <reference types="web" />
-import { API } from "@editorjs/editorjs";
-import { ImageToolData, Tune, TuneOnChangeCallable } from "./types";
+import type { API } from "@editorjs/editorjs";
+import type { ImageToolData, Tune, TuneOnChangeCallable } from "./types";
 interface TunesParams {
     api: API;
     actions: Tune[];

package/components/RichTextEditor/tools/image/tunes.js

@@ -1,146 +1,103 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _ui = require("./ui");
-
-var _svgs = _interopRequireDefault(require("./svgs"));
-
+import { make } from "./ui";
+import svgs from "./svgs";
 /**
  * Working with Block Tunes
  */
-var Tunes = /*#__PURE__*/function () {
+export default class Tunes {
   /**
    * @param {object} tune - image tool Tunes managers
    * @param {object} tune.api - Editor API
    * @param {object} tune.actions - list of user defined tunes
    * @param {Function} tune.onChange - tune toggling callback
    */
-  function Tunes(_ref) {
-    var api = _ref.api,
-        actions = _ref.actions,
-        onChange = _ref.onChange;
-    (0, _classCallCheck2.default)(this, Tunes);
-    (0, _defineProperty2.default)(this, "api", void 0);
-    (0, _defineProperty2.default)(this, "actions", void 0);
-    (0, _defineProperty2.default)(this, "onChange", void 0);
-    (0, _defineProperty2.default)(this, "buttons", void 0);
+  constructor({
+    api,
+    actions,
+    onChange
+  }) {
     this.api = api;
     this.actions = actions;
     this.onChange = onChange;
     this.buttons = [];
   }
+
   /**
    * Available Image tunes
    *
    * @returns {{name: string, icon: string, title: string}[]}
    */
+  static get tunes() {
+    return [{
+      name: "stretched",
+      icon: svgs.stretched,
+      title: "Stretch image"
+    }];
+  }
 
+  /**
+   * Styles
+   *
+   * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}
+   */
+  get CSS() {
+    return {
+      wrapper: "",
+      buttonBase: this.api.styles.settingsButton,
+      button: "image-tool__tune",
+      buttonActive: this.api.styles.settingsButtonActive
+    };
+  }
 
-  (0, _createClass2.default)(Tunes, [{
-    key: "CSS",
-    get:
-    /**
-     * Styles
-     *
-     * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}
-     */
-    function get() {
-      return {
-        wrapper: "",
-        buttonBase: this.api.styles.settingsButton,
-        button: "image-tool__tune",
-        buttonActive: this.api.styles.settingsButtonActive
-      };
-    }
-    /**
-     * Makes buttons with tunes: stretch image
-     *
-     * @param {ImageToolData} toolData - generate Elements of tunes
-     * @returns {Element}
-     */
-
-  }, {
-    key: "render",
-    value: function render(toolData) {
-      var _this = this;
-
-      var wrapper = (0, _ui.make)("div", this.CSS.wrapper);
-      this.buttons = [];
-      var tunes = Tunes.tunes.concat(this.actions);
-      tunes.forEach(function (tune) {
-        var title = _this.api.i18n.t(tune.title);
-
-        var el = (0, _ui.make)("div", [_this.CSS.buttonBase, _this.CSS.button], {
-          innerHTML: tune.icon,
-          title: title
-        });
-        el.addEventListener("click", function () {
-          _this.tuneClicked(tune.name, tune.action);
-        });
-        el.dataset["tune"] = tune.name;
-        var name = tune.name;
-        el.classList.toggle(_this.CSS.buttonActive, !!toolData[name]);
-
-        _this.buttons.push(el);
-
-        _this.api.tooltip.onHover(el, title, {
-          placement: "top"
-        });
-
-        wrapper.appendChild(el);
+  /**
+   * Makes buttons with tunes: stretch image
+   *
+   * @param {ImageToolData} toolData - generate Elements of tunes
+   * @returns {Element}
+   */
+  render(toolData) {
+    const wrapper = make("div", this.CSS.wrapper);
+    this.buttons = [];
+    const tunes = Tunes.tunes.concat(this.actions);
+    tunes.forEach(tune => {
+      const title = this.api.i18n.t(tune.title);
+      const el = make("div", [this.CSS.buttonBase, this.CSS.button], {
+        innerHTML: tune.icon,
+        title
       });
-      return wrapper;
-    }
-    /**
-     * Clicks to one of the tunes
-     *
-     * @param {string} tuneName - clicked tune name
-     * @param {Function} customFunction - function to execute on click
-     */
-
-  }, {
-    key: "tuneClicked",
-    value: function tuneClicked(tuneName, customFunction) {
-      if (typeof customFunction === "function") {
-        if (!customFunction(tuneName)) {
-          return false;
-        }
-      }
-
-      var button = this.buttons.find(function (el) {
-        return el.dataset["tune"] === tuneName;
+      el.addEventListener("click", () => {
+        this.tuneClicked(tune.name, tune.action);
+      });
+      el.dataset["tune"] = tune.name;
+      const name = tune.name;
+      el.classList.toggle(this.CSS.buttonActive, !!toolData[name]);
+      this.buttons.push(el);
+      this.api.tooltip.onHover(el, title, {
+        placement: "top"
       });
+      wrapper.appendChild(el);
+    });
+    return wrapper;
+  }
 
-      if (button) {
-        button.classList.toggle(this.CSS.buttonActive, !button.classList.contains(this.CSS.buttonActive));
+  /**
+   * Clicks to one of the tunes
+   *
+   * @param {string} tuneName - clicked tune name
+   * @param {Function} customFunction - function to execute on click
+   */
+  tuneClicked(tuneName, customFunction) {
+    if (typeof customFunction === "function") {
+      if (!customFunction(tuneName)) {
+        return false;
       }
-
-      this.onChange(tuneName);
-      return true;
     }
-  }], [{
-    key: "tunes",
-    get: function get() {
-      return [{
-        name: "stretched",
-        icon: _svgs.default.stretched,
-        title: "Stretch image"
-      }];
+    const button = this.buttons.find(el => el.dataset["tune"] === tuneName);
+    if (button) {
+      button.classList.toggle(this.CSS.buttonActive, !button.classList.contains(this.CSS.buttonActive));
     }
-  }]);
-  return Tunes;
-}();
+    this.onChange(tuneName);
+    return true;
+  }
+}
 
-exports.default = Tunes;
+//# sourceMappingURL=tunes.js.map

package/components/RichTextEditor/tools/image/tunes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tunes","api","actions","onChange","buttons","wrapper","buttonBase","styles","settingsButton","button","buttonActive","settingsButtonActive","toolData","make","CSS","tunes","concat","forEach","tune","title","i18n","t","el","innerHTML","icon","addEventListener","tuneClicked","name","action","dataset","classList","toggle","push","tooltip","onHover","placement","appendChild","tuneName","customFunction","find","contains","svgs","stretched"],"sources":["tunes.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { make } from \"./ui\";\nimport svgs from \"./svgs\";\nimport { ImageToolData, Tune, TuneOnChangeCallable } from \"./types\";\n\ninterface TunesParams {\n    api: API;\n    actions: Tune[];\n    onChange: TuneOnChangeCallable;\n}\n/**\n * Working with Block Tunes\n */\nexport default class Tunes {\n    private api: API;\n    private readonly actions: Tune[];\n    private readonly onChange: TuneOnChangeCallable;\n    private buttons: Array<HTMLElement>;\n    /**\n     * @param {object} tune - image tool Tunes managers\n     * @param {object} tune.api - Editor API\n     * @param {object} tune.actions - list of user defined tunes\n     * @param {Function} tune.onChange - tune toggling callback\n     */\n    constructor({ api, actions, onChange }: TunesParams) {\n        this.api = api;\n        this.actions = actions;\n        this.onChange = onChange;\n        this.buttons = [];\n    }\n\n    /**\n     * Available Image tunes\n     *\n     * @returns {{name: string, icon: string, title: string}[]}\n     */\n    static get tunes(): Tune[] {\n        return [\n            {\n                name: \"stretched\",\n                icon: svgs.stretched,\n                title: \"Stretch image\"\n            }\n        ];\n    }\n\n    /**\n     * Styles\n     *\n     * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}\n     */\n    get CSS() {\n        return {\n            wrapper: \"\",\n            buttonBase: this.api.styles.settingsButton,\n            button: \"image-tool__tune\",\n            buttonActive: this.api.styles.settingsButtonActive\n        };\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @param {ImageToolData} toolData - generate Elements of tunes\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData): HTMLElement {\n        const wrapper = make(\"div\", this.CSS.wrapper);\n\n        this.buttons = [];\n\n        const tunes = Tunes.tunes.concat(this.actions);\n\n        tunes.forEach(tune => {\n            const title = this.api.i18n.t(tune.title);\n            const el = make(\"div\", [this.CSS.buttonBase, this.CSS.button], {\n                innerHTML: tune.icon,\n                title\n            });\n\n            el.addEventListener(\"click\", () => {\n                this.tuneClicked(tune.name, tune.action);\n            });\n\n            el.dataset[\"tune\"] = tune.name;\n            const name = tune.name as keyof ImageToolData;\n            el.classList.toggle(this.CSS.buttonActive, !!toolData[name]);\n\n            this.buttons.push(el);\n\n            this.api.tooltip.onHover(el, title, {\n                placement: \"top\"\n            });\n\n            wrapper.appendChild(el);\n        });\n\n        return wrapper;\n    }\n\n    /**\n     * Clicks to one of the tunes\n     *\n     * @param {string} tuneName - clicked tune name\n     * @param {Function} customFunction - function to execute on click\n     */\n    tuneClicked(tuneName: string, customFunction?: TuneOnChangeCallable): boolean {\n        if (typeof customFunction === \"function\") {\n            if (!customFunction(tuneName)) {\n                return false;\n            }\n        }\n\n        const button = this.buttons.find(el => el.dataset[\"tune\"] === tuneName);\n\n        if (button) {\n            button.classList.toggle(\n                this.CSS.buttonActive,\n                !button.classList.contains(this.CSS.buttonActive)\n            );\n        }\n\n        this.onChange(tuneName);\n        return true;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["make","svgs","Tunes","constructor","api","actions","onChange","buttons","tunes","name","icon","stretched","title","CSS","wrapper","buttonBase","styles","settingsButton","button","buttonActive","settingsButtonActive","render","toolData","concat","forEach","tune","i18n","t","el","innerHTML","addEventListener","tuneClicked","action","dataset","classList","toggle","push","tooltip","onHover","placement","appendChild","tuneName","customFunction","find","contains"],"sources":["tunes.ts"],"sourcesContent":["import type { API } from \"@editorjs/editorjs\";\nimport { make } from \"./ui\";\nimport svgs from \"./svgs\";\nimport type { ImageToolData, Tune, TuneOnChangeCallable } from \"./types\";\n\ninterface TunesParams {\n    api: API;\n    actions: Tune[];\n    onChange: TuneOnChangeCallable;\n}\n/**\n * Working with Block Tunes\n */\nexport default class Tunes {\n    private api: API;\n    private readonly actions: Tune[];\n    private readonly onChange: TuneOnChangeCallable;\n    private buttons: Array<HTMLElement>;\n    /**\n     * @param {object} tune - image tool Tunes managers\n     * @param {object} tune.api - Editor API\n     * @param {object} tune.actions - list of user defined tunes\n     * @param {Function} tune.onChange - tune toggling callback\n     */\n    constructor({ api, actions, onChange }: TunesParams) {\n        this.api = api;\n        this.actions = actions;\n        this.onChange = onChange;\n        this.buttons = [];\n    }\n\n    /**\n     * Available Image tunes\n     *\n     * @returns {{name: string, icon: string, title: string}[]}\n     */\n    static get tunes(): Tune[] {\n        return [\n            {\n                name: \"stretched\",\n                icon: svgs.stretched,\n                title: \"Stretch image\"\n            }\n        ];\n    }\n\n    /**\n     * Styles\n     *\n     * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}\n     */\n    get CSS() {\n        return {\n            wrapper: \"\",\n            buttonBase: this.api.styles.settingsButton,\n            button: \"image-tool__tune\",\n            buttonActive: this.api.styles.settingsButtonActive\n        };\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @param {ImageToolData} toolData - generate Elements of tunes\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData): HTMLElement {\n        const wrapper = make(\"div\", this.CSS.wrapper);\n\n        this.buttons = [];\n\n        const tunes = Tunes.tunes.concat(this.actions);\n\n        tunes.forEach(tune => {\n            const title = this.api.i18n.t(tune.title);\n            const el = make(\"div\", [this.CSS.buttonBase, this.CSS.button], {\n                innerHTML: tune.icon,\n                title\n            });\n\n            el.addEventListener(\"click\", () => {\n                this.tuneClicked(tune.name, tune.action);\n            });\n\n            el.dataset[\"tune\"] = tune.name;\n            const name = tune.name as keyof ImageToolData;\n            el.classList.toggle(this.CSS.buttonActive, !!toolData[name]);\n\n            this.buttons.push(el);\n\n            this.api.tooltip.onHover(el, title, {\n                placement: \"top\"\n            });\n\n            wrapper.appendChild(el);\n        });\n\n        return wrapper;\n    }\n\n    /**\n     * Clicks to one of the tunes\n     *\n     * @param {string} tuneName - clicked tune name\n     * @param {Function} customFunction - function to execute on click\n     */\n    tuneClicked(tuneName: string, customFunction?: TuneOnChangeCallable): boolean {\n        if (typeof customFunction === \"function\") {\n            if (!customFunction(tuneName)) {\n                return false;\n            }\n        }\n\n        const button = this.buttons.find(el => el.dataset[\"tune\"] === tuneName);\n\n        if (button) {\n            button.classList.toggle(\n                this.CSS.buttonActive,\n                !button.classList.contains(this.CSS.buttonActive)\n            );\n        }\n\n        this.onChange(tuneName);\n        return true;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/RichTextEditor/tools/image/types.js

@@ -1,5 +1,3 @@
-"use strict";
+export {};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+//# sourceMappingURL=types.js.map

package/components/RichTextEditor/tools/image/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface TuneOnChangeCallable {\n    (tune: string): boolean | void;\n}\nexport interface Tune {\n    name: string;\n    icon: string;\n    title: string;\n    action?: TuneOnChangeCallable;\n}\n\nexport interface ImageToolData {\n    caption: string;\n    file: string;\n}\nexport interface ImageToolFile {\n    src: string;\n}\nexport interface GetFileSourceCallable {\n    (file: ImageToolFile | string): string;\n}\nexport interface OnSelectFileCallable {\n    (file: ImageToolFile): string;\n}\nexport interface ImageToolConfig {\n    getFileSrc: GetFileSourceCallable;\n    onSelectFile: OnSelectFileCallable;\n    captionPlaceholder?: string;\n    actions: Tune[];\n    context: Record<string, any>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface TuneOnChangeCallable {\n    (tune: string): boolean | void;\n}\nexport interface Tune {\n    name: string;\n    icon: string;\n    title: string;\n    action?: TuneOnChangeCallable;\n}\n\nexport interface ImageToolData {\n    caption: string;\n    file: string;\n}\nexport interface ImageToolFile {\n    src: string;\n}\nexport interface GetFileSourceCallable {\n    (file: ImageToolFile | string): string;\n}\nexport interface OnSelectFileCallable {\n    (file: ImageToolFile): string;\n}\nexport interface ImageToolConfig {\n    getFileSrc: GetFileSourceCallable;\n    onSelectFile: OnSelectFileCallable;\n    captionPlaceholder?: string;\n    actions: Tune[];\n    context: Record<string, any>;\n}\n"],"mappings":"","ignoreList":[]}

package/components/RichTextEditor/tools/image/ui.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-/// <reference types="web" />
-import { API } from "@editorjs/editorjs";
-import { ImageToolConfig, ImageToolData } from "./types";
+import type { API } from "@editorjs/editorjs";
+import type { ImageToolConfig, ImageToolData } from "./types";
 interface OnSelectFileCallable {
     (): void;
 }