@zipify/wysiwyg 4.11.0 → 4.11.2

package/lib/enums/{ListTypes.ts → ListType.ts}

@@ -21,12 +21,3 @@ export const ListOrderedTypeList = [
     ListType.ROMAN,
     ListType.LATIN
 ];
-
-/**
- * @deprecated Use `ListType` instead.
- */
-export const ListTypes = {
-    ...ListType,
-    values: ListTypeList,
-    ordered: ListOrderedTypeList
-};

package/lib/enums/MarkGroup.ts

@@ -0,0 +1,4 @@
+export enum MarkGroup {
+    SETTINGS = 'settings',
+    ALL = '_'
+}

package/lib/enums/{NodeTypes.ts → NodeType.ts}

@@ -8,11 +8,3 @@ export enum NodeType {
 }
 
 export const NodeBlockTypeList = [NodeType.PARAGRAPH, NodeType.LIST, NodeType.HEADING];
-
-/**
- * @deprecated Use `NodeType` instead.
- */
-export const NodeTypes = Object.freeze({
-    ...NodeType,
-    blocks: NodeBlockTypeList
-});

package/lib/enums/{TextSettings.ts → TextSetting.ts}

@@ -41,14 +41,3 @@ export const TextBlockMarkList = [
     TextSetting.TEXT_DECORATION,
     TextSetting.SUPERSCRIPT
 ];
-
-/**
- * @deprecated Use `TextSetting` instead.
- */
-export const TextSettings = {
-    ...TextSetting,
-    attributes: TextAttributeSettingList,
-    presetAttributes: TextPresetAttributeSettingList,
-    inlineMarks: TextInlineMarkList,
-    marks: TextBlockMarkList
-};

package/lib/enums/index.ts

@@ -1,9 +1,9 @@
-export * from './Devices';
-export * from './CaseStyles';
-export * from './Alignments';
-export * from './NodeTypes';
-export * from './ListTypes';
-export * from './TextSettings';
-export * from './MarkGroups';
-export * from './LinkTargets';
-export * from './LinkDestinations';
+export * from './Device';
+export * from './CaseStyle';
+export * from './Alignment';
+export * from './NodeType';
+export * from './ListType';
+export * from './TextSetting';
+export * from './MarkGroup';
+export * from './LinkTarget';
+export * from './LinkDestination';

package/lib/extensions/Alignment.js

@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
-import { convertAlignment, createCommand, createKeyboardShortcut, renderInlineSetting } from '../utils';
-import { Alignments, NodeTypes, TextSettings } from '../enums';
+import { convertAlignment, createCommand, createKeyboardShortcut, renderInlineSetting } from '@/utils';
+import { Alignment, NodeType, TextSetting } from '@/enums';
 
 const DEFAULTS = {
     mobile: null,
@@ -9,14 +9,14 @@ const DEFAULTS = {
     desktop: null
 };
 
-export const Alignment = Extension.create({
-    name: TextSettings.ALIGNMENT,
+export const AlignmentExtension = Extension.create({
+    name: TextSetting.ALIGNMENT,
 
     addGlobalAttributes: () => [
         {
-            types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+            types: [NodeType.PARAGRAPH, NodeType.HEADING],
             attributes: {
-                [TextSettings.ALIGNMENT]: {
+                [TextSetting.ALIGNMENT]: {
                     isRequired: false,
 
                     parseHTML({ style }) {
@@ -71,15 +71,17 @@ export const Alignment = Extension.create({
                 const device = commands.getDevice();
                 const preset = commands.getPreset();
 
-                return computed(() => unref(preset)[unref(device)].alignment ?? Alignments.LEFT);
+                return computed(() => unref(preset)[unref(device)].alignment ?? Alignment.LEFT);
             })
         };
     },
 
     addKeyboardShortcuts: () => ({
-        'Mod-Shift-l': createKeyboardShortcut('applyAlignment', Alignments.LEFT),
-        'Mod-Shift-e': createKeyboardShortcut('applyAlignment', Alignments.CENTER),
-        'Mod-Shift-r': createKeyboardShortcut('applyAlignment', Alignments.RIGHT),
-        'Mod-Shift-j': createKeyboardShortcut('applyAlignment', Alignments.JUSTIFY)
+        'Mod-Shift-l': createKeyboardShortcut('applyAlignment', Alignment.LEFT),
+        'Mod-Shift-e': createKeyboardShortcut('applyAlignment', Alignment.CENTER),
+        'Mod-Shift-r': createKeyboardShortcut('applyAlignment', Alignment.RIGHT),
+        'Mod-Shift-j': createKeyboardShortcut('applyAlignment', Alignment.JUSTIFY)
     })
 });
+
+export { AlignmentExtension as Alignment };

package/lib/extensions/BackgroundColor.js

@@ -1,9 +1,9 @@
 import { Mark } from '@tiptap/vue-3';
 import { convertColor, createCommand, renderMark } from '../utils';
-import { TextSettings } from '../enums';
+import { TextSetting } from '../enums';
 
 export const BackgroundColor = Mark.create({
-    name: TextSettings.BACKGROUND_COLOR,
+    name: TextSetting.BACKGROUND_COLOR,
 
     addAttributes: () => ({
         value: { required: true }

package/lib/extensions/CaseStyle.js

@@ -1,21 +1,21 @@
 import { Extension } from '@tiptap/vue-3';
-import { capitalize, createCommand } from '../utils';
-import { CaseStyles } from '../enums';
+import { capitalize, createCommand } from '@/utils';
+import { CaseStyle } from '@/enums';
 
-export const CaseStyle = Extension.create({
+export const CaseStyleExtension = Extension.create({
     name: 'case_style',
 
     addCommands() {
         return {
             applyCaseStyle: createCommand(({ commands }, value) => {
                 switch (value) {
-                    case CaseStyles.CAPITALIZE:
+                    case CaseStyle.CAPITALIZE:
                         return commands.applyCapitalize();
 
-                    case CaseStyles.LOWERCASE:
+                    case CaseStyle.LOWERCASE:
                         return commands.applyLowerCase();
 
-                    case CaseStyles.UPPERCASE:
+                    case CaseStyle.UPPERCASE:
                         return commands.applyUpperCase();
                 }
             }),
@@ -34,3 +34,5 @@ export const CaseStyle = Extension.create({
         };
     }
 });
+
+export { CaseStyleExtension as CaseStyle };

package/lib/extensions/FontColor.js

@@ -1,11 +1,11 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
-import { convertColor, createCommand, renderMark } from '../utils';
-import { MarkGroups, TextSettings } from '../enums';
+import { convertColor, createCommand, renderMark } from '@/utils';
+import { MarkGroup, TextSetting } from '@/enums';
 
 export const FontColor = Mark.create({
-    name: TextSettings.FONT_COLOR,
-    group: MarkGroups.SETTINGS,
+    name: TextSetting.FONT_COLOR,
+    group: MarkGroup.SETTINGS,
 
     addAttributes: () => ({
         value: { required: true }

package/lib/extensions/FontFamily.js

@@ -1,11 +1,11 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
-import { createCommand, renderMark } from '../utils';
-import { MarkGroups, TextSettings } from '../enums';
+import { createCommand, renderMark } from '@/utils';
+import { MarkGroup, TextSetting } from '@/enums';
 
 export const FontFamily = Mark.create({
-    name: TextSettings.FONT_FAMILY,
-    group: MarkGroups.SETTINGS,
+    name: TextSetting.FONT_FAMILY,
+    group: MarkGroup.SETTINGS,
 
     addOptions: () => ({
         fonts: []
@@ -28,9 +28,11 @@ export const FontFamily = Mark.create({
                     commands.applyFontWeight(fontWeight);
                 }
 
-                const isItalicCustomized = commands.isSettingCustomized(TextSettings.FONT_STYLE).value;
+                const isItalicCustomized = commands.isSettingCustomized(TextSetting.FONT_STYLE).value;
 
-                if (!font.isItalicSupported(fontWeight) && isItalicCustomized) {
+                if (font.isItalicOnly) {
+                    commands.applyItalic();
+                } else if (!font.isItalicSupported(fontWeight) && isItalicCustomized) {
                     commands.removeItalic();
                 }
             }),

package/lib/extensions/FontSize.js

@@ -1,11 +1,11 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { convertFontSize, createCommand, createKeyboardShortcut, renderMark } from '../utils';
-import { MarkGroups, TextSettings } from '../enums';
+import { MarkGroup, TextSetting } from '../enums';
 
 export const FontSize = Mark.create({
-    name: TextSettings.FONT_SIZE,
-    group: MarkGroups.SETTINGS,
+    name: TextSetting.FONT_SIZE,
+    group: MarkGroup.SETTINGS,
 
     addOptions: () => ({
         minSize: 1,

package/lib/extensions/FontStyle.js

@@ -1,11 +1,11 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand, createKeyboardShortcut, renderMark } from '@/utils';
-import { MarkGroups, TextSettings } from '@/enums';
+import { MarkGroup, TextSetting } from '@/enums';
 
 export const FontStyle = Mark.create({
-    name: TextSettings.FONT_STYLE,
-    group: MarkGroups.SETTINGS,
+    name: TextSetting.FONT_STYLE,
+    group: MarkGroup.SETTINGS,
 
     addAttributes: () => ({
         italic: { required: true }

package/lib/extensions/FontWeight.js

@@ -1,11 +1,11 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand, createKeyboardShortcut, renderMark } from '../utils';
-import { MarkGroups, TextSettings } from '../enums';
+import { MarkGroup, TextSetting } from '../enums';
 
 export const FontWeight = Mark.create({
-    name: TextSettings.FONT_WEIGHT,
-    group: MarkGroups.SETTINGS,
+    name: TextSetting.FONT_WEIGHT,
+    group: MarkGroup.SETTINGS,
 
     addAttributes: () => ({
         value: { required: true }

package/lib/extensions/LineHeight.js

@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand, renderInlineSetting, convertLineHeight } from '../utils';
-import { NodeTypes, TextSettings } from '../enums';
+import { NodeType, TextSetting } from '../enums';
 
 const DEFAULTS = {
     mobile: null,
@@ -10,14 +10,14 @@ const DEFAULTS = {
 };
 
 export const LineHeight = Extension.create({
-    name: TextSettings.LINE_HEIGHT,
+    name: TextSetting.LINE_HEIGHT,
 
     addGlobalAttributes() {
         return [
             {
-                types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+                types: [NodeType.PARAGRAPH, NodeType.HEADING],
                 attributes: {
-                    [TextSettings.LINE_HEIGHT]: {
+                    [TextSetting.LINE_HEIGHT]: {
                         isRequired: false,
 
                         parseHTML: (element) => {

package/lib/extensions/Link.js

@@ -1,12 +1,12 @@
 import Base from '@tiptap/extension-link';
 import { computed, unref } from 'vue';
-import { createCommand } from '../utils';
-import { LinkDestinations, LinkTargets, TextSettings } from '../enums';
-import { NodeFactory } from '../services';
+import { createCommand } from '@/utils';
+import { LinkDestination, LinkTarget, TextSetting } from '@/enums';
+import { NodeFactory } from '@/services';
 import { PasteLinkPlugin } from './proseMirror';
 
 export const Link = Base.extend({
-    name: TextSettings.LINK,
+    name: TextSetting.LINK,
 
     addOptions() {
         return {
@@ -30,23 +30,23 @@ export const Link = Base.extend({
             },
 
             target: {
-                default: LinkTargets.SELF,
-                parseHTML: (element) => element.getAttribute('target') || LinkTargets.SELF
+                default: LinkTarget.SELF,
+                parseHTML: (element) => element.getAttribute('target') || LinkTarget.SELF
             },
 
             destination: {
-                default: LinkDestinations.URL,
+                default: LinkDestination.URL,
 
                 parseHTML: (element) => {
                     const href = element.getAttribute('href');
 
-                    if (!href.startsWith('#')) return LinkDestinations.URL;
+                    if (!href.startsWith('#')) return LinkDestination.URL;
 
                     const id = href.replace('#', '');
                     const blocks = unref(this.options.pageBlocks);
                     const block = blocks.find((block) => block.id === parseInt(id));
 
-                    return block ? LinkDestinations.BLOCK : LinkDestinations.URL;
+                    return block ? LinkDestination.BLOCK : LinkDestination.URL;
                 }
             }
         };
@@ -63,7 +63,7 @@ export const Link = Base.extend({
 
                 if (!commands.getSelectedText()) {
                     return commands.insertContent(NodeFactory.text(attributes.text, [
-                        NodeFactory.mark(TextSettings.LINK, attributes)
+                        NodeFactory.mark(TextSetting.LINK, attributes)
                     ]));
                 }
 
@@ -96,7 +96,7 @@ export const Link = Base.extend({
     },
 
     renderHTML({ HTMLAttributes: attrs }) {
-        const href = attrs.destination === LinkDestinations.BLOCK ? `#${attrs.href}` : attrs.href;
+        const href = attrs.destination === LinkDestination.BLOCK ? `#${attrs.href}` : attrs.href;
         const presetClass = unref(this.options.basePresetClass) + unref(this.options.preset).id;
         const linkAttrs = { href, target: attrs.target, class: `${presetClass} zw-style` };
 

package/lib/extensions/Margin.js

@@ -1,17 +1,17 @@
 import { Extension } from '@tiptap/vue-3';
-import { NodeTypes, TextSettings } from '../enums';
+import { NodeType, TextSetting } from '../enums';
 import { renderInlineSetting } from '../utils';
 
 // Fallback margins in old wysiwyg content
 export const Margin = Extension.create({
-    name: TextSettings.MARGIN,
+    name: TextSetting.MARGIN,
 
     addGlobalAttributes: () => [
         {
-            types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+            types: [NodeType.PARAGRAPH, NodeType.HEADING],
 
             attributes: {
-                [TextSettings.MARGIN]: {
+                [TextSetting.MARGIN]: {
                     isRequired: false,
 
                     parseHTML(el) {

package/lib/extensions/StylePreset.js

@@ -1,16 +1,22 @@
 import { Extension } from '@tiptap/vue-3';
 import { computed, toRef, unref } from 'vue';
 import { createCommand } from '@/utils';
-import { NodeTypes, TextSettings } from '@/enums';
+import {
+    NodeType,
+    TextAttributeSettingList,
+    TextBlockMarkList,
+    TextPresetAttributeSettingList,
+    TextSetting
+} from '@/enums';
 import { ContextWindow } from '@/services';
 
 export const StylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addGlobalAttributes() {
         return [
             {
-                types: [NodeTypes.PARAGRAPH, NodeTypes.HEADING],
+                types: [NodeType.PARAGRAPH, NodeType.HEADING],
                 attributes: {
                     preset: {
                         isRequired: false,
@@ -97,7 +103,7 @@ export const StylePreset = Extension.create({
             applyPreset: createCommand(({ commands, chain }, presetId) => {
                 const presets = unref(commands.getPresetList());
                 const preset = findPresetById(presets, presetId);
-                const nodeType = preset.node?.type ?? NodeTypes.PARAGRAPH;
+                const nodeType = preset.node?.type ?? NodeType.PARAGRAPH;
 
                 const attrs = {
                     preset: { id: presetId }
@@ -107,7 +113,7 @@ export const StylePreset = Extension.create({
                     attrs.level = preset.node.level;
                 }
 
-                for (const textAttribute of TextSettings.attributes) {
+                for (const textAttribute of TextAttributeSettingList) {
                     attrs[textAttribute] = unref(commands.getBlockAttributes(textAttribute));
                 }
 
@@ -119,7 +125,7 @@ export const StylePreset = Extension.create({
             }),
 
             removePreset: createCommand(({ commands }) => {
-                commands.setNode(NodeTypes.PARAGRAPH, { preset: null });
+                commands.setNode(NodeType.PARAGRAPH, { preset: null });
             }),
 
             getPresetCustomization: createCommand(({ editor, commands }) => {
@@ -135,7 +141,7 @@ export const StylePreset = Extension.create({
 
             isSettingCustomized: createCommand(({ commands }, name) => {
                 const customization = commands.getPresetCustomization();
-                const group = TextSettings.presetAttributes.includes(name) ? 'attributes' : 'marks';
+                const group = TextPresetAttributeSettingList.includes(name) ? 'attributes' : 'marks';
 
                 return computed(() => unref(customization)[group]?.includes(name) ?? false);
             }),
@@ -156,13 +162,13 @@ export const StylePreset = Extension.create({
 
                 doc.nodesBetween(from, to, (node) => {
                     for (const [name, value] of Object.entries(node.attrs)) {
-                        const isSetting = TextSettings.presetAttributes.includes(name);
+                        const isSetting = TextPresetAttributeSettingList.includes(name);
 
                         if (isSetting && value) attributes.add(name);
                     }
 
                     for (const { type } of node.marks) {
-                        if (TextSettings.marks.includes(type.name)) {
+                        if (TextBlockMarkList.includes(type.name)) {
                             marks.add(type.name);
                         }
                     }
@@ -178,9 +184,9 @@ export const StylePreset = Extension.create({
                 chain()
                     .storeSelection()
                     .expandSelectionToBlock()
-                    .removeMarks(TextSettings.marks)
-                    .resetAttributes(NodeTypes.PARAGRAPH, TextSettings.presetAttributes)
-                    .resetAttributes(NodeTypes.HEADING, TextSettings.presetAttributes)
+                    .removeMarks(TextBlockMarkList)
+                    .resetAttributes(NodeType.PARAGRAPH, TextPresetAttributeSettingList)
+                    .resetAttributes(NodeType.HEADING, TextPresetAttributeSettingList)
                     .restoreSelection()
                     .run();
             }),

package/lib/extensions/Superscript.js

@@ -1,10 +1,10 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand } from '../utils';
-import { TextSettings } from '../enums';
+import { TextSetting } from '../enums';
 
 export const Superscript = Mark.create({
-    name: TextSettings.SUPERSCRIPT,
+    name: TextSetting.SUPERSCRIPT,
 
     addCommands() {
         return {

package/lib/extensions/TextDecoration.js

@@ -1,10 +1,10 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
 import { createCommand, createKeyboardShortcut, renderMark } from '../utils';
-import { TextSettings } from '../enums';
+import { TextSetting } from '../enums';
 
 export const TextDecoration = Mark.create({
-    name: TextSettings.TEXT_DECORATION,
+    name: TextSetting.TEXT_DECORATION,
     priority: 1000,
 
     addAttributes: () => ({

package/lib/extensions/__tests__/Alignment.test.js

@@ -1,21 +1,21 @@
 import { Editor, Extension } from '@tiptap/vue-3';
 import { ref } from 'vue';
-import { buildTestExtensions } from '../../__tests__/utils';
-import { createCommand } from '../../utils';
-import { Alignment } from '../Alignment';
+import { buildTestExtensions } from '@/__tests__/utils';
+import { createCommand } from '@/utils';
+import { Alignment, TextSetting } from '@/enums';
+import { ContentNormalizer, NodeFactory } from '@/services';
+import { AlignmentExtension } from '../Alignment';
 import { DeviceManager } from '../DeviceManager';
-import { Alignments, TextSettings } from '../../enums';
-import { ContentNormalizer, NodeFactory } from '../../services';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
             getPreset: createCommand(() => ref({
-                mobile: { alignment: Alignments.JUSTIFY },
-                tablet: { alignment: Alignments.JUSTIFY },
-                desktop: { alignment: Alignments.JUSTIFY }
+                mobile: { alignment: Alignment.JUSTIFY },
+                tablet: { alignment: Alignment.JUSTIFY },
+                desktop: { alignment: Alignment.JUSTIFY }
             }))
         };
     }
@@ -28,7 +28,7 @@ function createEditor({ content }) {
             include: [
                 MockStylePreset,
                 DeviceManager.configure({ device: ref('desktop') }),
-                Alignment
+                AlignmentExtension
             ]
         })
     });
@@ -44,13 +44,13 @@ describe('get value', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent({
-                alignment: { desktop: Alignments.CENTER }
+                alignment: { desktop: Alignment.CENTER }
             })
         });
 
         editor.commands.selectAll();
 
-        expect(editor.commands.getAlignment().value).toEqual(Alignments.CENTER);
+        expect(editor.commands.getAlignment().value).toEqual(Alignment.CENTER);
     });
 
     test('should get default value', () => {
@@ -58,7 +58,7 @@ describe('get value', () => {
             content: createContent({ alignment: null })
         });
 
-        expect(editor.commands.getDefaultAlignment().value).toEqual(Alignments.JUSTIFY);
+        expect(editor.commands.getDefaultAlignment().value).toEqual(Alignment.JUSTIFY);
     });
 
     test('should get from preset', () => {
@@ -66,7 +66,7 @@ describe('get value', () => {
             content: createContent({ alignment: null })
         });
 
-        expect(editor.commands.getAlignment().value).toEqual(Alignments.JUSTIFY);
+        expect(editor.commands.getAlignment().value).toEqual(Alignment.JUSTIFY);
     });
 });
 
@@ -77,7 +77,7 @@ describe('change value', () => {
         });
 
         editor.commands.selectAll();
-        editor.commands.applyAlignment(Alignments.RIGHT);
+        editor.commands.applyAlignment(Alignment.RIGHT);
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -85,12 +85,12 @@ describe('change value', () => {
     test('should remove value', () => {
         const editor = createEditor({
             content: createContent({
-                alignment: { desktop: Alignments.CENTER }
+                alignment: { desktop: Alignment.CENTER }
             })
         });
 
         editor.commands.selectAll();
-        editor.commands.removeAlignment(TextSettings.ALIGNMENT);
+        editor.commands.removeAlignment(TextSetting.ALIGNMENT);
 
         expect(editor.getJSON()).toMatchSnapshot();
     });
@@ -100,7 +100,7 @@ describe('rendering', () => {
     test('should render only desktop', () => {
         const editor = createEditor({
             content: createContent({
-                alignment: { desktop: Alignments.CENTER }
+                alignment: { desktop: Alignment.CENTER }
             })
         });
 
@@ -111,9 +111,9 @@ describe('rendering', () => {
         const editor = createEditor({
             content: createContent({
                 alignment: {
-                    desktop: Alignments.CENTER,
-                    tablet: Alignments.RIGHT,
-                    mobile: Alignments.LEFT
+                    desktop: Alignment.CENTER,
+                    tablet: Alignment.RIGHT,
+                    mobile: Alignment.LEFT
                 }
             })
         });

package/lib/extensions/__tests__/BackgroundColor.test.js

@@ -4,10 +4,10 @@ import { buildTestExtensions } from '../../__tests__/utils';
 import { createCommand } from '../../utils';
 import { BackgroundColor } from '../BackgroundColor';
 import { ContentNormalizer, NodeFactory } from '../../services';
-import { TextSettings } from '../../enums';
+import { TextSetting } from '../../enums';
 
 const MockStylePreset = Extension.create({
-    name: TextSettings.STYLE_PRESET,
+    name: TextSetting.STYLE_PRESET,
 
     addCommands() {
         return {
@@ -35,7 +35,7 @@ describe('get background color', () => {
     test('should get from selection', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.BACKGROUND_COLOR, { value: 'green' })
+                NodeFactory.mark(TextSetting.BACKGROUND_COLOR, { value: 'green' })
             ]))
         });
 
@@ -70,7 +70,7 @@ describe('rendering', () => {
     test('should render html', () => {
         const editor = createEditor({
             content: createContent(NodeFactory.text('hello world', [
-                NodeFactory.mark(TextSettings.BACKGROUND_COLOR, { value: 'green' })
+                NodeFactory.mark(TextSetting.BACKGROUND_COLOR, { value: 'green' })
             ]))
         });