@progress/kendo-editor-common 1.12.2-develop.5 → 1.12.2-develop.7

package/dist/es/DOMSerializer.js

@@ -1,6 +1,5 @@
-import { setAttribute } from './utils.js';
-
-class DOMSerializer {
+import { setAttribute } from './utils';
+export class DOMSerializer {
     /// Render an [output spec](#model.DOMOutputSpec) to a DOM node. If
     /// the spec has a hole (zero) in it, `contentDOM` will point at the
     /// node with the hole.
@@ -21,7 +20,8 @@ class DOMSerializer {
         }
         let contentDOM;
         const dom = (xmlNS ? docum.createElementNS(xmlNS, tagName) : docum.createElement(tagName));
-        let attrs = structure[1], start = 1;
+        const attrs = structure[1];
+        let start = 1;
         if (attrs && typeof attrs === 'object' && attrs.nodeType == null && !Array.isArray(attrs)) {
             start = 2;
             for (const name in attrs) {
@@ -99,7 +99,8 @@ class DOMSerializer {
         if (!target) {
             target = doc(options).createDocumentFragment();
         }
-        let top = target, active = [];
+        let top = target;
+        const active = [];
         fragment.forEach(node => {
             if (active.length || node.marks.length) {
                 let keep = 0, rendered = 0;
@@ -180,5 +181,3 @@ function gatherToDOM(obj) {
 function doc(options) {
     return options.document || window.document;
 }
-
-export { DOMSerializer };

package/dist/es/align.js

@@ -1,11 +1,10 @@
-import { blockNodes, addStyles, changeTextBlock } from './blockNode.js';
-
+import { blockNodes, addStyles, changeTextBlock } from './blockNode';
 /**
  * Aligning block elements in the selection.
  *
  * @returns {boolean} - Returns true if any alignment is applied.
  */
-const alignBlocks = (actions, commandName) => (state, dispatch) => {
+export const alignBlocks = (actions, commandName) => (state, dispatch) => {
     const blocks = blockNodes(state);
     const tr = state.tr;
     tr.setMeta('commandName', commandName);
@@ -24,7 +23,7 @@ const alignBlocks = (actions, commandName) => (state, dispatch) => {
     }
     return result;
 };
-const isAligned = (state, actions) => {
+export const isAligned = (state, actions) => {
     const blocks = blockNodes(state);
     let result = false;
     blocks.forEach(node => {
@@ -39,5 +38,3 @@ const isAligned = (state, actions) => {
     });
     return result;
 };
-
-export { alignBlocks, isAligned };

package/dist/es/blockNode.js

@@ -1,8 +1,7 @@
-import { changeStylesString } from './utils.js';
+import { changeStylesString } from './utils';
 import { ReplaceAroundStep } from 'prosemirror-transform';
-import { Slice, Fragment } from 'prosemirror-model';
+import { Fragment, Slice } from 'prosemirror-model';
 import { NodeSelection } from 'prosemirror-state';
-
 /**
  * @hidden
  */
@@ -16,7 +15,7 @@ const canChangeType = (stateDoc, pos, type) => {
  * @example
  * See `cleanTextBlockFormatting` or `formatBlockElements` function.
  */
-const changeTextBlock = (tr, node, nodeType, attrs) => {
+export const changeTextBlock = (tr, node, nodeType, attrs) => {
     if (!nodeType.isTextblock) {
         return false;
     }
@@ -47,7 +46,7 @@ const changeTextBlock = (tr, node, nodeType, attrs) => {
  * @example
  * See `cleanTextBlockFormatting` function.
  */
-const blockNodes = (state, options = { blocksInSelection: false }) => {
+export const blockNodes = (state, options = { blocksInSelection: false }) => {
     const { doc, selection } = state;
     const { $from, ranges } = selection;
     const { blocksInSelection } = options;
@@ -79,7 +78,7 @@ const blockNodes = (state, options = { blocksInSelection: false }) => {
     }
     return result;
 };
-const formatBlockElements = (value, commandName) => (state, dispatch) => {
+export const formatBlockElements = (value, commandName) => (state, dispatch) => {
     const blocks = blockNodes(state);
     const nodes = state.schema.nodes;
     const tr = state.tr;
@@ -112,7 +111,7 @@ const formatBlockElements = (value, commandName) => (state, dispatch) => {
  * @example
  * See `cleanFormatting` function.
  */
-const cleanTextBlockFormatting = (tr, options = { blocksInSelection: true }) => {
+export const cleanTextBlockFormatting = (tr, options = { blocksInSelection: true }) => {
     const { doc, selection } = tr;
     const { blocksInSelection, blockNodeType } = options;
     const nodes = blockNodes({ doc, selection }, { blocksInSelection });
@@ -125,7 +124,7 @@ const cleanTextBlockFormatting = (tr, options = { blocksInSelection: true }) =>
         }
     });
 };
-const getBlockFormats = (state) => {
+export const getBlockFormats = (state) => {
     const blocks = blockNodes(state);
     const nodes = state.schema.nodes;
     const result = [];
@@ -143,7 +142,7 @@ const getBlockFormats = (state) => {
     });
     return result;
 };
-const addStyles = (node, stylesToApply) => {
+export const addStyles = (node, stylesToApply) => {
     let currentStyles = node.attrs.style, changedStyleResult, toChange;
     if (currentStyles) {
         stylesToApply.forEach(style => {
@@ -156,7 +155,7 @@ const addStyles = (node, stylesToApply) => {
     currentStyles = currentStyles || stylesToApply.reduce(reducer, '');
     return Object.assign({}, node.attrs, { style: currentStyles || null });
 };
-const hasNode = (state, nodeType) => {
+export const hasNode = (state, nodeType) => {
     const { from, to } = state.selection;
     let result = false;
     state.doc.nodesBetween(from, to, node => {
@@ -165,15 +164,13 @@ const hasNode = (state, nodeType) => {
     });
     return result;
 };
-const parentBlockFormat = (state) => {
+export const parentBlockFormat = (state) => {
     const formats = getBlockFormats(state);
     return new Set(formats).size === 1 ? formats[0] : null;
 };
 /**
  * **Deprecated.** Use `parentBlockFormat` function instead.
  */
-const activeNode = (state) => {
+export const activeNode = (state) => {
     return { tag: parentBlockFormat(state) || '' };
 };
-
-export { activeNode, addStyles, blockNodes, changeTextBlock, cleanTextBlockFormatting, formatBlockElements, getBlockFormats, hasNode, parentBlockFormat };

package/dist/es/blockquote.js

@@ -1,9 +1,8 @@
 import { wrapIn } from 'prosemirror-commands';
-
-const blockquote = (state, dispatch) => {
+export const blockquote = (state, dispatch) => {
     return wrapIn(state.schema.nodes.blockquote)(state, dispatch);
 };
-const liftBlockquote = (state, dispatch) => {
+export const liftBlockquote = (state, dispatch) => {
     const { $from, $to } = state.selection;
     const nodeType = state.schema.nodes.blockquote;
     const doc = state.doc;
@@ -22,5 +21,3 @@ const liftBlockquote = (state, dispatch) => {
     }
     return result;
 };
-
-export { blockquote, liftBlockquote };

package/dist/es/cleanFormatting.js

@@ -1,10 +1,9 @@
-import { cleanTextBlockFormatting } from './blockNode.js';
-import { cleanMarks } from './mark.js';
-
+import { cleanTextBlockFormatting } from './blockNode';
+import { cleanMarks } from './mark';
 /**
  * A command which removes the inline formatting, class and style attributes of paragraph and heading elements in the selection.
  */
-const cleanFormatting = (options = { blocksInSelection: true }) => (state, dispatch) => {
+export const cleanFormatting = (options = { blocksInSelection: true }) => (state, dispatch) => {
     const tr = state.tr;
     const { blocksInSelection, blockNodeType, exceptMarks } = options;
     const except = (exceptMarks || [state.schema.marks.link]).filter(Boolean);
@@ -16,5 +15,3 @@ const cleanFormatting = (options = { blocksInSelection: true }) => (state, dispa
     }
     return result;
 };
-
-export { cleanFormatting };

package/dist/es/config/align-rules.js

@@ -1,30 +1,28 @@
 const style = (name, value) => {
     return { name: name, value: value };
 };
-const alignLeftRules = [
+export const alignLeftRules = [
     { node: 'paragraph', style: [style('text-align', 'left')] },
     { node: 'heading', style: [style('text-align', 'left')] },
     { node: 'table_caption_external', style: [style('text-align', 'left')] }
 ];
-const alignRightRules = [
+export const alignRightRules = [
     { node: 'paragraph', style: [style('text-align', 'right')] },
     { node: 'heading', style: [style('text-align', 'right')] },
     { node: 'table_caption_external', style: [style('text-align', 'right')] }
 ];
-const alignCenterRules = [
+export const alignCenterRules = [
     { node: 'paragraph', style: [style('text-align', 'center')] },
     { node: 'heading', style: [style('text-align', 'center')] },
     { node: 'table_caption_external', style: [style('text-align', 'center')] }
 ];
-const alignJustifyRules = [
+export const alignJustifyRules = [
     { node: 'paragraph', style: [style('text-align', 'justify')] },
     { node: 'heading', style: [style('text-align', 'justify')] },
     { node: 'table_caption_external', style: [style('text-align', 'justify')] }
 ];
-const alignRemoveRules = [
+export const alignRemoveRules = [
     { node: 'paragraph', style: [style('text-align', '')] },
     { node: 'heading', style: [style('text-align', '')] },
     { node: 'table_caption_external', style: [style('text-align', '')] }
 ];
-
-export { alignCenterRules, alignJustifyRules, alignLeftRules, alignRemoveRules, alignRightRules };

package/dist/es/config/commands.js

@@ -1,7 +1,7 @@
 /**
  * The object of the Bold command.
  */
-const bold = {
+export const bold = {
     mark: 'strong',
     altMarks: ['b'],
     altStyle: { name: 'font-weight', value: /^(bold(er)?|[5-9]\d{2,})$/ }
@@ -9,7 +9,7 @@ const bold = {
 /**
  * The object of the Italic command.
  */
-const italic = {
+export const italic = {
     mark: 'em',
     altMarks: ['i'],
     altStyle: { name: 'font-style', value: /^italic$/i }
@@ -17,34 +17,38 @@ const italic = {
 /**
  * The object of the Underline command.
  */
-const underline = {
+export const underline = {
     mark: 'u',
     altStyle: { name: 'text-decoration', value: /^underline$/i }
 };
 /**
  * The object of the Strikethrough command.
  */
-const strikethrough = {
+export const strikethrough = {
     mark: 'del',
     altStyle: { name: 'text-decoration', value: /^line-through$/i }
 };
 /**
  * The object of the Subscript command.
  */
-const subscript = {
+export const subscript = {
     mark: 'sub'
 };
 /**
  * The object of the Superscript command.
  */
-const superscript = {
+export const superscript = {
     mark: 'sup'
 };
 /**
  * The object of the Link tool settings.
  */
-const link = {
+export const link = {
+    mark: 'link'
+};
+/**
+ * The object of the Unlink tool settings.
+ */
+export const unlink = {
     mark: 'link'
 };
-
-export { bold, italic, link, strikethrough, subscript, superscript, underline };

package/dist/es/config/constants.js

@@ -1,9 +1,7 @@
-const rowTypeAttr = 'k-parent-node';
-const colgroupAttr = 'k-colgroup-data';
-const resizableAttr = 'k-resizable-node';
-const resizableWrap = 'k-editor-resize-wrap-element';
-const resizeHandle = 'k-editor-resize-handle';
-const dataResizeDirTable = 'data-dir-table-resize';
-const dataResizeDirImage = 'data-dir-image-resize';
-
-export { colgroupAttr, dataResizeDirImage, dataResizeDirTable, resizableAttr, resizableWrap, resizeHandle, rowTypeAttr };
+export const rowTypeAttr = 'k-parent-node';
+export const colgroupAttr = 'k-colgroup-data';
+export const resizableAttr = 'k-resizable-node';
+export const resizableWrap = 'k-editor-resize-wrap-element';
+export const resizeHandle = 'k-editor-resize-handle';
+export const dataResizeDirTable = 'data-dir-table-resize';
+export const dataResizeDirImage = 'data-dir-image-resize';

package/dist/es/config/indent-rules.js

@@ -1,9 +1,8 @@
-import { listsTypes } from './list-settings.js';
-
+import { listsTypes } from './list-settings';
 /**
  * The object of the Indent tool settings.
  */
-const indentRules = {
+export const indentRules = {
     nodes: [{
             node: 'paragraph',
             style: 'margin-left',
@@ -22,7 +21,7 @@ const indentRules = {
 /**
  * The object of the Outdent tool settings.
  */
-const outdentRules = {
+export const outdentRules = {
     nodes: [{
             node: 'paragraph',
             style: 'margin-left',
@@ -38,5 +37,3 @@ const outdentRules = {
         }],
     listsTypes: { ...listsTypes }
 };
-
-export { indentRules, outdentRules };

package/dist/es/config/keymap.js

@@ -1,14 +1,13 @@
-import { chainCommands, deleteSelection, joinBackward, selectNodeBackward, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlockKeepMarks, exitCode } from 'prosemirror-commands';
+import { chainCommands, exitCode, newlineInCode, createParagraphNear, liftEmptyBlock, splitBlockKeepMarks, deleteSelection, joinBackward, selectNodeBackward } from 'prosemirror-commands';
 import { undo, redo } from 'prosemirror-history';
 import { undoInputRule } from 'prosemirror-inputrules';
-import { splitListItemKeepMarks } from '../lists.js';
-import { bold, italic, underline } from './commands.js';
-import { toggleInlineFormat } from '../inline-style.js';
-import { expandToWordWrap } from '../utils.js';
-
+import { splitListItemKeepMarks } from '../lists';
+import { bold, italic, underline } from './commands';
+import { toggleInlineFormat } from './../inline-style';
+import { expandToWordWrap } from '../utils';
 const mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
 // https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/keymap.js
-const buildKeymap = (schema, options) => {
+export const buildKeymap = (schema, options) => {
     const keys = {};
     const applyToWord = (options && options.applyToWord) || false;
     keys['Mod-z'] = undo;
@@ -39,7 +38,7 @@ const buildKeymap = (schema, options) => {
     }
     return keys;
 };
-const buildListKeymap = (schema) => {
+export const buildListKeymap = (schema) => {
     const keys = {};
     if (schema.nodes.list_item) {
         // tslint:disable-next-line:no-string-literal
@@ -47,5 +46,3 @@ const buildListKeymap = (schema) => {
     }
     return keys;
 };
-
-export { buildKeymap, buildListKeymap };

package/dist/es/config/list-settings.js

@@ -1,4 +1,4 @@
-const listsTypes = {
+export const listsTypes = {
     orderedList: 'ordered_list',
     bulletList: 'bullet_list',
     listItem: 'list_item'
@@ -6,16 +6,14 @@ const listsTypes = {
 /**
  * The object of the OrderedList tool settings.
  */
-const orderedList = {
+export const orderedList = {
     listType: listsTypes.orderedList,
     types: { ...listsTypes }
 };
 /**
  * The object of the UnorderedList tool settings.
  */
-const bulletList = {
+export const bulletList = {
     listType: listsTypes.bulletList,
     types: { ...listsTypes }
 };
-
-export { bulletList, listsTypes, orderedList };

package/dist/es/config/schema.js

@@ -1,8 +1,7 @@
 import { Schema } from 'prosemirror-model';
 import { tableNodes } from 'prosemirror-tables';
-import { domToPmDoc, htmlToFragment, pmDocToFragment } from '../source.js';
-import { colgroupAttr, resizableAttr, rowTypeAttr } from './constants.js';
-
+import { domToPmDoc, htmlToFragment, pmDocToFragment } from '../source';
+import { rowTypeAttr, colgroupAttr, resizableAttr } from './constants';
 const hole = 0;
 const blockquoteDOM = ['blockquote', hole], hrDOM = ['hr'], preDOM = ['pre', ['code', hole]];
 const olDOM = ['ol', 0], ulDOM = ['ul', 0], liDOM = ['li', 0];
@@ -132,7 +131,7 @@ const shouldSkipColgroup = (node) => {
     }
     return shouldSkip;
 };
-const parseStrColgroup = (colgroup) => {
+export const parseStrColgroup = (colgroup) => {
     const doc = domToPmDoc(htmlToFragment(colgroup), colgroupSchema, { preserveWhitespace: false });
     const fragment = pmDocToFragment(doc);
     const colgroupEl = fragment.firstChild;
@@ -373,5 +372,4 @@ const nodes = {
     },
     ...tNodes
 };
-
-export { marks, nodes, parseStrColgroup };
+export { nodes, marks };

package/dist/es/find-replace.js

@@ -1,7 +1,7 @@
 import { TextSelection } from 'prosemirror-state';
-
-const findAt = (doc, searchOptions, start, end, exit) => {
-    let result = [], exec, text, from, to, childText, nextSibling;
+export const findAt = (doc, searchOptions, start, end, exit) => {
+    const result = [];
+    let exec, text, from, to, childText, nextSibling;
     const nodes = [];
     const { matchCase, matchWord, useRegExp } = searchOptions;
     let searchText = searchOptions.text;
@@ -56,7 +56,7 @@ const findAt = (doc, searchOptions, start, end, exit) => {
     });
     return result;
 };
-const find = (state, searchOptions) => {
+export const find = (state, searchOptions) => {
     const { backward, matchCyclic, ...options } = searchOptions;
     const exit = backward ? () => false : r => r.length > 0;
     const { doc, selection } = state;
@@ -75,16 +75,16 @@ const find = (state, searchOptions) => {
     }
     return result.length ? result[result.length - 1] : null;
 };
-const findAll = (doc, searchOptions) => {
+export const findAll = (doc, searchOptions) => {
     return findAt(doc, searchOptions, 0, doc.content.size, () => false);
 };
-const replace = (selection, text, transaction) => {
+export const replace = (selection, text, transaction) => {
     const { from, to } = selection;
     transaction.insertText(text, from, to)
         .setSelection(TextSelection.create(transaction.doc, from, from + text.length));
     return transaction;
 };
-const replaceAll = (state, replaceText, searchOptions) => {
+export const replaceAll = (state, replaceText, searchOptions) => {
     const result = findAll(state.doc, searchOptions);
     if (result.length === 0) {
         return null;
@@ -95,7 +95,7 @@ const replaceAll = (state, replaceText, searchOptions) => {
     }
     return transaction;
 };
-const notLetter = /^[\s0-9~`!@#$%\^&*\(\)_\-=+\\|\[\]{};:'"\?/.,<>]?$/;
+const notLetter = /^[\s0-9~`!@#$%^&*()_\-=+\\|[\]{};:'"?/.,<>]?$/;
 const shouldMatchWord = (exec, matchWord) => {
     if (!matchWord) {
         return true;
@@ -117,5 +117,3 @@ const createRegExp = (inputString, flags) => {
         .replace(/\s/g, '\\s');
     return new RegExp(escaped, flags);
 };
-
-export { find, findAll, findAt, replace, replaceAll };

package/dist/es/flatten-spans.js

@@ -1,5 +1,4 @@
-import { htmlToFragment, fragmentToHtml } from './source.js';
-
+import { fragmentToHtml, htmlToFragment } from './source';
 class DomTreeExtractor {
     constructor(top) {
         this.extractBefore = (edgeNode) => {
@@ -61,7 +60,7 @@ const isEmptySpan = (fragment) => {
  * @param content - The HTML content to normalize.
  * @returns The normalized HTML content with flattened <span> elements.
  */
-const flattenNestedSpans = (content) => {
+export const flattenNestedSpans = (content) => {
     const dom = htmlToFragment(content);
     let innerSpan = getInnerSpan(dom);
     while (innerSpan) {
@@ -108,5 +107,3 @@ const flattenNestedSpans = (content) => {
     }
     return fragmentToHtml(dom);
 };
-
-export { flattenNestedSpans };

package/dist/es/image.js

@@ -1,10 +1,7 @@
-import { insertNode } from './utils.js';
-
-const insertImage = (attrs) => (state, dispatch) => {
+import { insertNode } from './utils';
+export const insertImage = (attrs) => (state, dispatch) => {
     const { image } = state.schema.nodes;
     const commandName = 'insertImage';
     const newImage = image.createAndFill(attrs);
     insertNode(newImage)(state, tr => dispatch(tr.setMeta('commandName', commandName).setMeta('args', attrs)));
 };
-
-export { insertImage };

package/dist/es/indent.js

@@ -1,15 +1,14 @@
 import { sinkListItem, liftListItem } from 'prosemirror-schema-list';
-import { indentRules, outdentRules } from './config/indent-rules.js';
-import { hasNode, blockNodes, addStyles, changeTextBlock } from './blockNode.js';
-import { findNthParentNodeOfType } from './utils.js';
-import { liftBlockquote } from './blockquote.js';
-
+import { indentRules, outdentRules } from './config/indent-rules';
+import { blockNodes, addStyles, changeTextBlock, hasNode } from './blockNode';
+import { findNthParentNodeOfType } from './utils';
+import { liftBlockquote } from './blockquote';
 /**
  * Indenting block elements in the selection.
  *
  * @returns {boolean} - Returns true if any indentation is applied.
  */
-const indentBlocks = (actions, command, dir) => (state, dispatch) => {
+export const indentBlocks = (actions, command, dir) => (state, dispatch) => {
     const blocks = blockNodes(state);
     const tr = state.tr;
     tr.setMeta('commandName', command);
@@ -45,7 +44,7 @@ const indentBlocks = (actions, command, dir) => (state, dispatch) => {
     }
     return result;
 };
-const isIndented = (state, rules, dir) => {
+export const isIndented = (state, rules, dir) => {
     const blocks = blockNodes(state);
     let result = false;
     blocks.forEach(node => {
@@ -60,10 +59,10 @@ const isIndented = (state, rules, dir) => {
     });
     return result;
 };
-const canIndentAsListItem = (state, nodeType) => {
+export const canIndentAsListItem = (state, nodeType) => {
     return sinkListItem(nodeType)(state);
 };
-const canOutdentAsListItem = (state, rules) => {
+export const canOutdentAsListItem = (state, rules) => {
     const listItem = state.schema.nodes[rules.listsTypes.listItem];
     const orderedList = state.schema.nodes[rules.listsTypes.orderedList];
     const bulletList = state.schema.nodes[rules.listsTypes.bulletList];
@@ -71,13 +70,13 @@ const canOutdentAsListItem = (state, rules) => {
     const isNestedInUL = !!findNthParentNodeOfType(bulletList, 2)(state.selection);
     return (isNestedInOL || isNestedInUL) && liftListItem(listItem)(state);
 };
-const canBeIndented = (state, rules) => {
+export const canBeIndented = (state, rules) => {
     const nodes = state.schema.nodes;
     const listItem = nodes[indentRules.listsTypes.listItem];
     return ((isIndented(state, rules.nodes) || indentRules.nodes.some(rule => nodes[rule.node] && hasNode(state, nodes[rule.node]))) &&
         !hasNode(state, listItem));
 };
-const indent = (state, dispatch) => {
+export const indent = (state, dispatch) => {
     const listItem = state.schema.nodes[indentRules.listsTypes.listItem];
     const isIndentableBlock = canBeIndented(state, indentRules);
     if (canIndentAsListItem(state, listItem)) {
@@ -87,7 +86,7 @@ const indent = (state, dispatch) => {
         indentBlocks(indentRules.nodes)(state, dispatch);
     }
 };
-const outdent = (state, dispatch) => {
+export const outdent = (state, dispatch) => {
     const nodes = state.schema.nodes;
     const listItem = nodes[outdentRules.listsTypes.listItem];
     const isIndentableBlock = canBeIndented(state, outdentRules);
@@ -101,5 +100,3 @@ const outdent = (state, dispatch) => {
         indentBlocks(outdentRules.nodes)(state, dispatch);
     }
 };
-
-export { canBeIndented, canIndentAsListItem, canOutdentAsListItem, indent, indentBlocks, isIndented, outdent };

package/dist/es/inline-style.js

@@ -1,8 +1,7 @@
-import { RemoveMarkStep, AddMarkStep } from 'prosemirror-transform';
+import { AddMarkStep, RemoveMarkStep } from 'prosemirror-transform';
 import { TextSelection } from 'prosemirror-state';
-import { changeStylesString, shallowEqual } from './utils.js';
-import { markApplies, selectionMarks, styleValue, hasMark, removeMarks, toggleMark } from './mark.js';
-
+import { changeStylesString, shallowEqual } from './utils';
+import { markApplies, hasMark, removeMarks, toggleMark, styleValue, selectionMarks } from './mark';
 const changeStyleFromMark = (marks, toChange) => {
     const styleMark = marks.find(m => m.type.name === 'style');
     const elementStyle = styleMark && styleMark.attrs.style;
@@ -10,7 +9,8 @@ const changeStyleFromMark = (marks, toChange) => {
 };
 const changeStyleMark = (tr, from, to, attrs, markType) => {
     const mark = markType.create({ style: attrs.style });
-    let removed = [], added = [], removing = null, adding = null;
+    const removed = [], added = [];
+    let removing = null, adding = null;
     tr.doc.nodesBetween(from, to, (node, pos, parent) => {
         if (!node.isInline) {
             return;
@@ -21,7 +21,7 @@ const changeStyleMark = (tr, from, to, attrs, markType) => {
             const newStyle = changeStyleFromMark(marks, attrs);
             if (newStyle.changed || attrs.newValue) {
                 const style = newStyle.changed ?
-                    { style: newStyle.style || null } : { style: `${[attrs.style]}: ${attrs.newValue};` };
+                    { style: newStyle.style || null } : { style: `${attrs.style}: ${attrs.newValue};` };
                 const currentMark = markType.isInSet(marks) ? marks.find(m => m.type.name === 'style') : null;
                 const newMarkAttrs = currentMark ? { ...currentMark.attrs, ...style } : style;
                 const newStyleMark = markType.create(newMarkAttrs);
@@ -56,7 +56,7 @@ const changeStyleMark = (tr, from, to, attrs, markType) => {
 /**
  * Used by FontSize and FontName tools for getting their state.
  */
-const getInlineStyles = (state, style) => {
+export const getInlineStyles = (state, style) => {
     const styleMark = state.schema.marks.style;
     const marks = styleMark ? selectionMarks(state, styleMark) : [];
     return marks.map(mark => styleValue(mark, style)).filter(m => m !== null);
@@ -104,7 +104,7 @@ const changeStyle = (markType, attrs) => {
 /**
  * Used by bold, italic, ... and link commands.
  */
-const toggleInlineFormat = (options, tr, markAttrs) => (state, dispatch) => {
+export const toggleInlineFormat = (options, tr, markAttrs) => (state, dispatch) => {
     const marks = state.schema.marks;
     const { altStyle, altMarks = [], mark } = options;
     const transaction = tr || state.tr;
@@ -133,7 +133,7 @@ const toggleInlineFormat = (options, tr, markAttrs) => (state, dispatch) => {
 /**
  * Used by FontSize, FontName, Color and BackColor commands.
  */
-const applyInlineStyle = (options, command) => (state, dispatch) => {
+export const applyInlineStyle = (options, command) => (state, dispatch) => {
     const marks = state.schema.marks;
     const markType = marks.style;
     const attrs = {
@@ -160,7 +160,7 @@ const applyInlineStyle = (options, command) => (state, dispatch) => {
             }
         }
         else if (attrs.newValue) {
-            newStyles.style = `${[attrs.style]}: ${attrs.newValue};`;
+            newStyles.style = `${attrs.style}: ${attrs.newValue};`;
         }
         const newMarkAttrs = currentMark ? { ...currentMark.attrs, ...newStyles } : newStyles;
         if (Object.keys(newMarkAttrs).some(attrName => newMarkAttrs[attrName] !== null)) {
@@ -173,5 +173,3 @@ const applyInlineStyle = (options, command) => (state, dispatch) => {
     }
     return changeStyle(markType, attrs)(state, dispatch, tr);
 };
-
-export { applyInlineStyle, getInlineStyles, toggleInlineFormat };