goodteditor-ui 1.0.26 → 1.0.27

package/src/components/ui/WysiwygEditor/constants.js

@@ -1,273 +1,273 @@
-import {
-    Button,
-    Select,
-    InputUnits,
-    ColorPicker,
-    ToolbarPopover,
-    InputAuto,
-    Link,
-    Image
-} from './renders';
-
-/**
- * @typedef {import('./WysiwygEditor').NodeType} NodeType
- * @typedef {import('./WysiwygEditor').MarkType} MarkType
- * @typedef {import('./WysiwygEditor').CommandType} CommandType
- * @typedef {import('./WysiwygEditor').ToolType} ToolType
- * @typedef {import('./WysiwygEditor').Render} Render
- * @typedef {import('./WysiwygEditor').CommandDef} Command
- * @typedef {import('./WysiwygEditor').ToolDef} Tool
- */
-
-/**
- * @type NodeType
- */
-export const NodeType = Object.freeze({
-    BLOCKQUOTE: 'blockquote',
-    BULLET_LIST: 'bulletList',
-    CODE_BLOCK: 'codeBlock',
-    DOCUMENT: 'document',
-    HARD_BREAK: 'hardBreak',
-    HEADING: 'heading',
-    HORIZONTAL_RULE: 'horizontalRule',
-    IMAGE: 'image',
-    LIST_ITEM: 'listItem',
-    ORDERED_LIST: 'orderedList',
-    PARAGRAPH: 'paragraph',
-    TABLE: 'table',
-    TABLE_ROW: 'tableRow',
-    TABLE_CELL: 'tableCell',
-    TEXT: 'text'
-});
-
-/**
- * @type MarkType
- */
-export const MarkType = Object.freeze({
-    BOLD: 'bold',
-    CODE: 'code',
-    ITALIC: 'italic',
-    LINK: 'link',
-    STRIKE: 'strike',
-    UNDERLINE: 'underline',
-    TEXT_STYLE: 'textStyle'
-});
-
-/**
- * @type CommandType
- */
-export const CommandType = Object.freeze({
-    /* paragraph style */
-    PARAGRAPH: 'paragraph',
-    HEADING_1: `heading1`,
-    HEADING_2: `heading2`,
-    HEADING_3: `heading3`,
-    HEADING_4: `heading4`,
-    TEXT_SMALL: 'textSmall',
-    TEXT_XSMALL: 'textXsmall',
-    CODE_BLOCK: 'codeBlock',
-    /* list */
-    SINK_LIST_ITEM: 'sinkListItem',
-    LIFT_LIST_ITEM: 'liftListItem'
-});
-
-/**
- * @type ToolType
- */
-export const ToolType = Object.freeze({
-    /* typography */
-    PARAGRAPH_STYLE: 'paragraphStyle',
-    FONT_SIZE: 'fontSize',
-    FONT_FAMILY: 'fontFamily',
-    TEXT_COLOR: 'textColor',
-    BLOCKQUOTE: 'blockquote',
-    /* lists */
-    ORDERED_LIST: 'orderedList',
-    BULLET_LIST: 'bulletList',
-    /* alignment */
-    TEXT_ALIGN_LEFT: 'textAlignLeft',
-    TEXT_ALIGN_RIGHT: 'textAlignRight',
-    TEXT_ALIGN_CENTER: 'textAlignCenter',
-    /* insertion */
-    LINK: 'link',
-    IMAGE: 'image',
-    TABLE: 'table',
-    /* formatting */
-    BOLD: 'bold',
-    CODE: 'code',
-    ITALIC: 'italic',
-    STRIKE: 'strike',
-    UNDERLINE: 'underline',
-    /* history */
-    UNDO: 'undo',
-    REDO: 'redo',
-    SAVE: 'save',
-    /* other */
-    CLEAR_FORMATTING: 'clearFormatting',
-    HARD_BREAK: 'hardBreak',
-    HORIZONTAL_RULE: 'horizontalRule',
-    /** table options  */
-    INSERT_TABLE: 'insertTable',
-    DELETE_TABLE: 'deleteTable',
-    ADD_COLUMN_BEFORE: 'addColumnBefore',
-    ADD_COLUMN_AFTER: 'addColumnAfter',
-    DELETE_COLUMN: 'deleteColumn',
-    ADD_ROW_BEFORE: 'addRowBefore',
-    ADD_ROW_AFTER: 'addRowAfter',
-    DELETE_ROW: 'deleteRow',
-    MERGE_CELLS: 'mergeCells',
-    SPLIT_CELL: 'splitCell',
-    TOGGLE_HEADER_COLUMN: 'toggleHeaderColumn',
-    TOGGLE_HEADER_ROW: 'toggleHeaderRow',
-    ALIGN_V_TOP: 'alignVTop',
-    ALIGN_V_MID: 'alignVMid',
-    ALIGN_V_BOT: 'alignVBot',
-    TOGGLE_BORDERS: 'toggleBorders',
-    TOGGLE_ZEBRA: 'toggleZebra',
-    /** image options */
-    INSERT_IMAGE: 'insertImage'
-});
-
-/**
- * @param {Command} command
- * @return Command
- */
-export const createCommand = ({
-                            name,
-                            title = 'Unknown command',
-                            exec = () => {},
-                            isActive = () => false,
-                            isEnabled = () => true
-                        }) => ({
-    name,
-    title,
-    exec,
-    isActive,
-    isEnabled
-});
-
-/**
- * @type Render
- */
-export const Render = Object.freeze({
-    BUTTON: Button,
-    COLOR_PICKER: ColorPicker,
-    INPUT_UNITS: InputUnits,
-    SELECT: Select,
-    TOOLBAR_POPOVER: ToolbarPopover,
-    INPUT_AUTO: InputAuto,
-    LINK: Link,
-    IMAGE: Image
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createBaseTool = ({
-                        name,
-                        render = Render.BUTTON,
-                        title = 'Unknown tool',
-                        icon = 'help-circle-outline',
-                        exec = () => {},
-                        isActive = () => false,
-                        isEnabled = () => true
-                    }) => ({
-    name,
-    render,
-    title,
-    icon,
-    exec,
-    isActive,
-    isEnabled
-});
-
-/**
- * @param {Tool} toolOptions
- * @return Tool
- */
-export const createButtonTool = (toolOptions) => createBaseTool(toolOptions);
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createSelectTool = ({ getValue = () => null, options = [], ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.SELECT, ...toolOptions }),
-    getValue,
-    options
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createColorPickerTool = ({ getValue = () => null, ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.COLOR_PICKER, ...toolOptions }),
-    getValue
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createInputUnitsTool = ({ getValue = () => null, units = [], ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.INPUT_UNITS, ...toolOptions }),
-    getValue,
-    units
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createToolbarPopoverTool = ({ options = [], ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.TOOLBAR_POPOVER, ...toolOptions }),
-    options
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createInputAutoTool = ({ getValue = () => null, options = [], ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.INPUT_AUTO, ...toolOptions }),
-    getValue,
-    options
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createImageTool = ({ getValue = () => null, ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.IMAGE, ...toolOptions }),
-    getValue
-});
-
-/**
- * @param {Tool} tool
- * @return Tool
- */
-export const createLinkTool = ({ getValue = () => null, ...toolOptions }) => ({
-    ...createBaseTool({ render: Render.LINK, ...toolOptions }),
-    getValue
-});
-
-export const DefaultTools = [
-    [ToolType.PARAGRAPH_STYLE, ToolType.TEXT_COLOR, ToolType.FONT_SIZE, ToolType.FONT_FAMILY, ToolType.BLOCKQUOTE],
-    [ToolType.BOLD, ToolType.ITALIC, ToolType.UNDERLINE, ToolType.STRIKE, ToolType.CODE],
-    [ToolType.TEXT_ALIGN_LEFT, ToolType.TEXT_ALIGN_CENTER, ToolType.TEXT_ALIGN_RIGHT],
-    [ToolType.ORDERED_LIST, ToolType.BULLET_LIST],
-    [ToolType.IMAGE, ToolType.LINK, ToolType.TABLE],
-    [ToolType.CLEAR_FORMATTING, ToolType.HARD_BREAK]
-];
-
-export const DefaultToolGroupsTitles = [
-    'Оформление',
-    'Форматирование',
-    'Выравнивание',
-    'Нумерация',
-    'Вставка',
-    ''
-];
+import {
+    Button,
+    Select,
+    InputUnits,
+    ColorPicker,
+    ToolbarPopover,
+    InputAuto,
+    Link,
+    Image
+} from './renders';
+
+/**
+ * @typedef {import('./WysiwygEditor').NodeType} NodeType
+ * @typedef {import('./WysiwygEditor').MarkType} MarkType
+ * @typedef {import('./WysiwygEditor').CommandType} CommandType
+ * @typedef {import('./WysiwygEditor').ToolType} ToolType
+ * @typedef {import('./WysiwygEditor').Render} Render
+ * @typedef {import('./WysiwygEditor').CommandDef} Command
+ * @typedef {import('./WysiwygEditor').ToolDef} Tool
+ */
+
+/**
+ * @type NodeType
+ */
+export const NodeType = Object.freeze({
+    BLOCKQUOTE: 'blockquote',
+    BULLET_LIST: 'bulletList',
+    CODE_BLOCK: 'codeBlock',
+    DOCUMENT: 'document',
+    HARD_BREAK: 'hardBreak',
+    HEADING: 'heading',
+    HORIZONTAL_RULE: 'horizontalRule',
+    IMAGE: 'image',
+    LIST_ITEM: 'listItem',
+    ORDERED_LIST: 'orderedList',
+    PARAGRAPH: 'paragraph',
+    TABLE: 'table',
+    TABLE_ROW: 'tableRow',
+    TABLE_CELL: 'tableCell',
+    TEXT: 'text'
+});
+
+/**
+ * @type MarkType
+ */
+export const MarkType = Object.freeze({
+    BOLD: 'bold',
+    CODE: 'code',
+    ITALIC: 'italic',
+    LINK: 'link',
+    STRIKE: 'strike',
+    UNDERLINE: 'underline',
+    TEXT_STYLE: 'textStyle'
+});
+
+/**
+ * @type CommandType
+ */
+export const CommandType = Object.freeze({
+    /* paragraph style */
+    PARAGRAPH: 'paragraph',
+    HEADING_1: `heading1`,
+    HEADING_2: `heading2`,
+    HEADING_3: `heading3`,
+    HEADING_4: `heading4`,
+    TEXT_SMALL: 'textSmall',
+    TEXT_XSMALL: 'textXsmall',
+    CODE_BLOCK: 'codeBlock',
+    /* list */
+    SINK_LIST_ITEM: 'sinkListItem',
+    LIFT_LIST_ITEM: 'liftListItem'
+});
+
+/**
+ * @type ToolType
+ */
+export const ToolType = Object.freeze({
+    /* typography */
+    PARAGRAPH_STYLE: 'paragraphStyle',
+    FONT_SIZE: 'fontSize',
+    FONT_FAMILY: 'fontFamily',
+    TEXT_COLOR: 'textColor',
+    BLOCKQUOTE: 'blockquote',
+    /* lists */
+    ORDERED_LIST: 'orderedList',
+    BULLET_LIST: 'bulletList',
+    /* alignment */
+    TEXT_ALIGN_LEFT: 'textAlignLeft',
+    TEXT_ALIGN_RIGHT: 'textAlignRight',
+    TEXT_ALIGN_CENTER: 'textAlignCenter',
+    /* insertion */
+    LINK: 'link',
+    IMAGE: 'image',
+    TABLE: 'table',
+    /* formatting */
+    BOLD: 'bold',
+    CODE: 'code',
+    ITALIC: 'italic',
+    STRIKE: 'strike',
+    UNDERLINE: 'underline',
+    /* history */
+    UNDO: 'undo',
+    REDO: 'redo',
+    SAVE: 'save',
+    /* other */
+    CLEAR_FORMATTING: 'clearFormatting',
+    HARD_BREAK: 'hardBreak',
+    HORIZONTAL_RULE: 'horizontalRule',
+    /** table options  */
+    INSERT_TABLE: 'insertTable',
+    DELETE_TABLE: 'deleteTable',
+    ADD_COLUMN_BEFORE: 'addColumnBefore',
+    ADD_COLUMN_AFTER: 'addColumnAfter',
+    DELETE_COLUMN: 'deleteColumn',
+    ADD_ROW_BEFORE: 'addRowBefore',
+    ADD_ROW_AFTER: 'addRowAfter',
+    DELETE_ROW: 'deleteRow',
+    MERGE_CELLS: 'mergeCells',
+    SPLIT_CELL: 'splitCell',
+    TOGGLE_HEADER_COLUMN: 'toggleHeaderColumn',
+    TOGGLE_HEADER_ROW: 'toggleHeaderRow',
+    ALIGN_V_TOP: 'alignVTop',
+    ALIGN_V_MID: 'alignVMid',
+    ALIGN_V_BOT: 'alignVBot',
+    TOGGLE_BORDERS: 'toggleBorders',
+    TOGGLE_ZEBRA: 'toggleZebra',
+    /** image options */
+    INSERT_IMAGE: 'insertImage'
+});
+
+/**
+ * @param {Command} command
+ * @return Command
+ */
+export const createCommand = ({
+                            name,
+                            title = 'Unknown command',
+                            exec = () => {},
+                            isActive = () => false,
+                            isEnabled = () => true
+                        }) => ({
+    name,
+    title,
+    exec,
+    isActive,
+    isEnabled
+});
+
+/**
+ * @type Render
+ */
+export const Render = Object.freeze({
+    BUTTON: Button,
+    COLOR_PICKER: ColorPicker,
+    INPUT_UNITS: InputUnits,
+    SELECT: Select,
+    TOOLBAR_POPOVER: ToolbarPopover,
+    INPUT_AUTO: InputAuto,
+    LINK: Link,
+    IMAGE: Image
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createBaseTool = ({
+                        name,
+                        render = Render.BUTTON,
+                        title = 'Unknown tool',
+                        icon = 'help-circle-outline',
+                        exec = () => {},
+                        isActive = () => false,
+                        isEnabled = () => true
+                    }) => ({
+    name,
+    render,
+    title,
+    icon,
+    exec,
+    isActive,
+    isEnabled
+});
+
+/**
+ * @param {Tool} toolOptions
+ * @return Tool
+ */
+export const createButtonTool = (toolOptions) => createBaseTool(toolOptions);
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createSelectTool = ({ getValue = () => null, options = [], ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.SELECT, ...toolOptions }),
+    getValue,
+    options
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createColorPickerTool = ({ getValue = () => null, ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.COLOR_PICKER, ...toolOptions }),
+    getValue
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createInputUnitsTool = ({ getValue = () => null, units = [], ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.INPUT_UNITS, ...toolOptions }),
+    getValue,
+    units
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createToolbarPopoverTool = ({ options = [], ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.TOOLBAR_POPOVER, ...toolOptions }),
+    options
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createInputAutoTool = ({ getValue = () => null, options = [], ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.INPUT_AUTO, ...toolOptions }),
+    getValue,
+    options
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createImageTool = ({ getValue = () => null, ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.IMAGE, ...toolOptions }),
+    getValue
+});
+
+/**
+ * @param {Tool} tool
+ * @return Tool
+ */
+export const createLinkTool = ({ getValue = () => null, ...toolOptions }) => ({
+    ...createBaseTool({ render: Render.LINK, ...toolOptions }),
+    getValue
+});
+
+export const DefaultTools = [
+    [ToolType.PARAGRAPH_STYLE, ToolType.TEXT_COLOR, ToolType.FONT_SIZE, ToolType.FONT_FAMILY, ToolType.BLOCKQUOTE],
+    [ToolType.BOLD, ToolType.ITALIC, ToolType.UNDERLINE, ToolType.STRIKE, ToolType.CODE],
+    [ToolType.TEXT_ALIGN_LEFT, ToolType.TEXT_ALIGN_CENTER, ToolType.TEXT_ALIGN_RIGHT],
+    [ToolType.ORDERED_LIST, ToolType.BULLET_LIST],
+    [ToolType.IMAGE, ToolType.LINK, ToolType.TABLE],
+    [ToolType.CLEAR_FORMATTING, ToolType.HARD_BREAK]
+];
+
+export const DefaultToolGroupsTitles = [
+    'Оформление',
+    'Форматирование',
+    'Выравнивание',
+    'Нумерация',
+    'Вставка',
+    ''
+];

package/src/components/ui/WysiwygEditor/extensions/blockquote.js

@@ -1,15 +1,15 @@
-import { Blockquote as BlockquoteToExtend } from '@tiptap/extension-blockquote';
-
-export const Blockquote = BlockquoteToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { Blockquote as BlockquoteToExtend } from '@tiptap/extension-blockquote';
+
+export const Blockquote = BlockquoteToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/bold.js

@@ -1,15 +1,15 @@
-import { Bold as BoldToExtend } from '@tiptap/extension-bold';
-
-export const Bold = BoldToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { Bold as BoldToExtend } from '@tiptap/extension-bold';
+
+export const Bold = BoldToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/bullet-list.js

@@ -1,15 +1,15 @@
-import { BulletList as BulletListToExtend } from '@tiptap/extension-bullet-list';
-
-export const BulletList = BulletListToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: 'list-outside'
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { BulletList as BulletListToExtend } from '@tiptap/extension-bullet-list';
+
+export const BulletList = BulletListToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: 'list-outside'
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/code-block.js

@@ -1,13 +1,13 @@
-import { CodeBlock as CodeBlockToExtend } from '@tiptap/extension-code-block';
-
-export const CodeBlock = CodeBlockToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: null
-        }
-    }
-})
+import { CodeBlock as CodeBlockToExtend } from '@tiptap/extension-code-block';
+
+export const CodeBlock = CodeBlockToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: null
+        }
+    }
+})