@globalpayments/vega 2.55.0 → 2.56.0

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/delete-content-handler.js

@@ -43,7 +43,7 @@ export class DeleteContentHandler extends BaseHandler {
       else if (deleteAction.nextNode) {
         this.selectionController.enqueueSelectionRangeFutureState(deleteAction.nextNode, 0);
       }
-      else if (this.currentState.blocks.length === 0) {
+      else if (this.currentState.children.length === 0) {
         // Add a empty paragraph if delete all content to make sure the caret position
         this.insertDefaultParagraph();
       }
@@ -59,9 +59,9 @@ export class DeleteContentHandler extends BaseHandler {
     if (selectedNodes.length > 1 &&
       lastSelectedNode instanceof RTETextNode &&
       lastSelectedNode.isEmpty()) {
-      lastSelectedNode.parentBlock.apply(new RemoveChildAction(lastSelectedNode));
+      lastSelectedNode.parent.apply(new RemoveChildAction(lastSelectedNode));
     }
-    this.convertFirstBlockToParagraph(cursorNode.parentBlock);
+    this.convertFirstBlockToParagraph(cursorNode.parent);
   }
   /**
    * If the first block is not paragraph, convert the block to paragraph after delete all text
@@ -69,14 +69,14 @@ export class DeleteContentHandler extends BaseHandler {
    * @param {RTEBlock} block - The first block instance
    */
   convertFirstBlockToParagraph(block) {
-    const firstBlock = this.currentState.blocks[0];
+    const firstBlock = this.currentState.children[0];
     if (firstBlock === block &&
       block instanceof RTETextBlock &&
-      block.nodes.length === 1 &&
-      block.nodes[0].isEmpty() &&
+      block.children.length === 1 &&
+      block.children[0].isEmpty() &&
       block.type !== 'paragraph') {
       const paragraph = this.createEmptyParagraph();
-      paragraph.apply(new ReplaceChildNodesAction(block.nodes));
+      paragraph.apply(new ReplaceChildNodesAction(block.children));
       block.parent.apply(new InsertBlocksBeforeAction(block, paragraph));
       block.parent.apply(new RemoveChildAction(block));
     }
@@ -87,7 +87,7 @@ export class DeleteContentHandler extends BaseHandler {
   insertDefaultParagraph() {
     const paragraph = this.createEmptyParagraph();
     this.currentState.apply(new AppendChildNodesAction([paragraph]));
-    this.selectionController.enqueueSelectionRangeFutureState(paragraph.nodes[0], 1);
+    this.selectionController.enqueueSelectionRangeFutureState(paragraph.children[0], 1);
   }
   /**
    * Returns the end offset of a given node in a Rich Text Editor based on its type and text content.

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-line-break-handler.js

@@ -31,10 +31,10 @@ export class InsertLineBreakHandler extends BaseHandler {
    */
   breakNewBlock() {
     if (this.currentState &&
-      this.currentState.blocks[0] &&
-      this.currentState.blocks[0] instanceof RTETextBlock) {
-      const lineBreakAction = new LineBreakSingleBlockAction(this.currentState.blocks[0].nodes[0], 0);
-      this.currentState.blocks[0].apply(lineBreakAction);
+      this.currentState.children[0] &&
+      this.currentState.children[0] instanceof RTETextBlock) {
+      const lineBreakAction = new LineBreakSingleBlockAction(this.currentState.children[0].children[0], 0);
+      this.currentState.children[0].apply(lineBreakAction);
       this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
     }
   }
@@ -53,7 +53,7 @@ export class InsertLineBreakHandler extends BaseHandler {
   breakSingleBlock() {
     const range = this.selectionController.getCurrentRange();
     const cursorNode = this.removeSelectionRange();
-    const currentBlock = cursorNode.parentBlock;
+    const currentBlock = cursorNode.parent;
     if (currentBlock) {
       const lineBreakAction = new LineBreakSingleBlockAction(cursorNode, range.startOffset);
       currentBlock.apply(lineBreakAction);
@@ -67,7 +67,7 @@ export class InsertLineBreakHandler extends BaseHandler {
     const selectedBlocks = this.selectionController.getSelectedBlocks();
     const cursorNode = this.removeSelectionRange();
     const lineBreakAction = new lineBreakMultipleBlocksAction(selectedBlocks);
-    cursorNode.parentBlock.apply(lineBreakAction);
+    cursorNode.parent.apply(lineBreakAction);
     this.switchCaretPositionToSpecifiedNode(lineBreakAction.lineBreakNode);
   }
   /**
@@ -85,8 +85,8 @@ export class InsertLineBreakHandler extends BaseHandler {
    * @returns {RTENode} The next sibling node of the current line break element, or the current node if next node is not exists.
    */
   getNextRTENode(lineBreakNode) {
-    const index = lineBreakNode.parentBlock['nodes'].indexOf(lineBreakNode);
-    const nextNode = lineBreakNode.parentBlock['nodes'][index + 1];
+    const index = lineBreakNode.parent.children.indexOf(lineBreakNode);
+    const nextNode = lineBreakNode.parent.children[index + 1];
     return nextNode || lineBreakNode;
   }
 }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-paragraph-handler.js

@@ -28,7 +28,7 @@ export class InsertParagraphHandler extends BaseHandler {
     // If the start or end block contains a list item block, it needs to be processed separately
     if ((selectedBlocks.length && selectedBlocks[0].type === 'list-item') ||
       selectedBlocks[selectedBlocks.length - 1].type === 'list-item') {
-      const firstBlock = cursorNode.parentBlock;
+      const firstBlock = cursorNode.parent;
       const lastBlock = selectedBlocks[selectedBlocks.length - 1];
       /**
        * First block is list item
@@ -71,7 +71,7 @@ export class InsertParagraphHandler extends BaseHandler {
    */
   breakSingleBlock() {
     const cursorNode = this.removeSelectionRange();
-    const currentBlock = cursorNode.parentBlock;
+    const currentBlock = cursorNode.parent;
     const { startOffset } = this.selectionController.getCurrentRange();
     if (currentBlock) {
       const breakAction = new BreakSingleBlockAction(cursorNode, startOffset);
@@ -85,8 +85,8 @@ export class InsertParagraphHandler extends BaseHandler {
    * @param {RTEBlock} newBlock - Represents a new create block element in a rich text editor.
    */
   switchCaretPositionToNextElement(newBlock) {
-    if (newBlock && newBlock['nodes']) {
-      this.selectionController.enqueueSelectionRangeFutureState(newBlock['nodes'][0], 0);
+    if (newBlock && newBlock.children) {
+      this.selectionController.enqueueSelectionRangeFutureState(newBlock.children[0], 0);
     }
   }
 }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-paste-handler.js

@@ -45,8 +45,8 @@ export class InsertPasteHandler extends BaseHandler {
    */
   insertBlocksToContent(blocks) {
     const cursorNode = this.removeSelectionRange();
-    if (cursorNode && cursorNode.parentBlock) {
-      const currentBlock = cursorNode.parentBlock;
+    if (cursorNode && cursorNode.parent) {
+      const currentBlock = cursorNode.parent;
       const { startOffset } = this.selectionController.getCurrentRange();
       const breakAction = new SplitBlockWithNodeAction(cursorNode, startOffset);
       currentBlock.apply(breakAction);
@@ -62,7 +62,7 @@ export class InsertPasteHandler extends BaseHandler {
   insertBlocksBeforeEmptyBlock(blocks) {
     const cursorNode = this.removeSelectionRange();
     /* istanbul ignore next */
-    const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parentBlock;
+    const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parent;
     if (currentBlock) {
       currentBlock.parent.apply(new InsertBlocksBeforeAction(currentBlock, ...blocks));
       this.switchCaretPositionToNextElement(currentBlock);
@@ -95,8 +95,8 @@ export class InsertPasteHandler extends BaseHandler {
    * @param {RTEBlock} newBlock - Represents a new create block element in a rich text editor.
    */
   switchCaretPositionToNextElement(newBlock) {
-    if (newBlock && newBlock['nodes']) {
-      this.selectionController.enqueueSelectionRangeFutureState(newBlock['nodes'][0], 0);
+    if (newBlock && newBlock.children) {
+      this.selectionController.enqueueSelectionRangeFutureState(newBlock.children[0], 0);
     }
   }
   /**

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-text-handler.js

@@ -63,9 +63,9 @@ export class InsertTextHandler extends BaseHandler {
    */
   insertTextToRoot(text) {
     if (this.currentState &&
-      this.currentState.blocks[0] &&
-      this.currentState.blocks[0] instanceof RTETextBlock) {
-      const firstNode = this.currentState.blocks[0].nodes[0];
+      this.currentState.children[0] &&
+      this.currentState.children[0] instanceof RTETextBlock) {
+      const firstNode = this.currentState.children[0].children[0];
       firstNode.apply(new UpdateTextAction(text));
       return firstNode;
     }
@@ -79,9 +79,9 @@ export class InsertTextHandler extends BaseHandler {
    */
   insertTextToLineBreakNode(lineBreakNode, text) {
     const { startOffset, endOffset } = this.selectionController.getCurrentRange();
-    const textBlock = lineBreakNode.parentBlock;
-    const index = textBlock.nodes.indexOf(lineBreakNode);
-    if (startOffset === 0 && startOffset === endOffset && textBlock.nodes[index + 1]) {
+    const textBlock = lineBreakNode.parent;
+    const index = textBlock.children.indexOf(lineBreakNode);
+    if (startOffset === 0 && startOffset === endOffset && textBlock.children[index + 1]) {
       const newTextNode = lineBreakNode.cloneWithText(text);
       textBlock.apply(new InsertNodesBeforeAction(lineBreakNode, newTextNode));
       return newTextNode;

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/insert-composition-text-controller.js

@@ -147,11 +147,11 @@ export class InsertCompositionTextController extends VegaSlimmer {
    * @param {RTETextNode} currentNode The current line break node, the text value is \n
    */
   appendLineBreakNode(currentNode) {
-    const textBlock = currentNode.parentBlock;
-    const index = textBlock.nodes.indexOf(currentNode);
-    if (textBlock.nodes[index + 1]) {
+    const textBlock = currentNode.parent;
+    const index = textBlock.children.indexOf(currentNode);
+    if (textBlock.children[index + 1]) {
       const newTextNode = currentNode.cloneWithText('\n');
-      textBlock.apply(new InsertNodesBeforeAction(textBlock.nodes[index + 1], newTextNode));
+      textBlock.apply(new InsertNodesBeforeAction(textBlock.children[index + 1], newTextNode));
     }
   }
   /**

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/insert-image-controller.js

@@ -28,7 +28,7 @@ export class InsertImageController extends VegaSlimmer {
     const newImageNode = new RTEImageNode(generateUUID(), imageUrl, imageBlock);
     newImageNode.apply(new ImageAnnotationAction('md', ''));
     imageBlock.apply(new AppendChildNodesAction([newImageNode]));
-    if (selectedBlocks.length < 1 || this.value.blocks.length < 1) {
+    if (selectedBlocks.length < 1 || this.value.children.length < 1) {
       this.value.apply(new AppendChildNodesAction([imageBlock]));
       void this.valueController.flushChanges(this.value);
     }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/internal-code-block-selection-controller.js

@@ -42,7 +42,7 @@ export class InternalCodeBlockSelectionController extends AutoRunWhenReRenderTas
    * @returns {boolean} - The boolean result.
    */
   isCodeBlockSelected(codeBlock, range) {
-    const codeBlockNode = codeBlock.nodes[0];
+    const codeBlockNode = codeBlock.children[0];
     const entityDom = stateEntityRenderingRegistry.getDOMByEntity(codeBlockNode);
     return (codeBlock.isSelected() ||
       (entityDom &&

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/selection-controller.js

@@ -216,7 +216,7 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
         const nodeEntity = stateEntityRenderingRegistry.getEntityByDOM(entityElement);
         if (nodeEntity instanceof RTECodeBlock) {
           if (this.internalCodeBlockSelectionController.isCodeBlockSelected(nodeEntity, range)) {
-            selectedNodes.push(nodeEntity.nodes[0]);
+            selectedNodes.push(nodeEntity.children[0]);
           }
           return;
         }
@@ -229,11 +229,11 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
     };
     filterNode(commonAncestor);
     selectedNodes.forEach((node) => {
-      if (this.selectionMap.has(node.parentBlock)) {
-        this.selectionMap.get(node.parentBlock).push(node);
+      if (this.selectionMap.has(node.parent)) {
+        this.selectionMap.get(node.parent).push(node);
       }
       else {
-        this.selectionMap.set(node.parentBlock, [node]);
+        this.selectionMap.set(node.parent, [node]);
       }
     });
     this.getSelectedNodes().forEach((node) => node.apply(new SelectionChangeAction(range)));

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/value-controller.js

@@ -51,7 +51,7 @@ export class ValueController extends VegaSlimmer {
     if (this.value && !(this.value instanceof VegaRTEContent)) {
       this.value = VegaRTEContent.fromJSON(this.value);
     }
-    else if (!this.value || this.value.blocks.length === 0) {
+    else if (!this.value || this.value.children.length === 0) {
       this.value = VegaRTEContent.createEmptyContent();
     }
     else {

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/code-block-toolbar-button-slimmer.js

@@ -30,7 +30,7 @@ export class CodeBlockToolbarButtonSlimmer extends ToolbarButtonSlimmer {
       const transformToCodeBlockAction = new TransformToCodeBlockAction(selectedBlocks);
       parentBlock.apply(transformToCodeBlockAction);
       void this.valueController.flushChanges(this.value);
-      this.selectionController.enqueueSelectionRangeFutureState(transformToCodeBlockAction.newCodeBlock.nodes[0], 0);
+      this.selectionController.enqueueSelectionRangeFutureState(transformToCodeBlockAction.newCodeBlock.children[0], 0);
     }
   }
   /**

package/dist/collection/components/vega-rich-text-editor/test/dto/action-handle-strategies/block-insert-line-break-with-blocks-strategy.test.js

@@ -18,7 +18,7 @@ test('BlockInsertLineBreakWithBlocksStrategy should work properly', () => {
       nodes: [],
     },
   ]);
-  const action = new lineBreakMultipleBlocksAction(contentState.blocks);
-  strategy.execute(action, contentState.blocks[0]);
-  expect(contentState.blocks[0]['nodes'].length).toEqual(4);
+  const action = new lineBreakMultipleBlocksAction(contentState.children);
+  strategy.execute(action, contentState.children[0]);
+  expect(contentState.children[0]['children'].length).toEqual(4);
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/action-handle-strategies/list-item-strategy-register.test.js

@@ -13,7 +13,9 @@ import { ListItemRemoveNestListStrategy } from '../../../dto/action-handle-strat
 import { ListItemRemoveNodeStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/list-item-remove-node-strategy';
 import { ListItemReplaceNestListStrategy } from '../../../dto/action-handle-strategies/modify-content-strategies/list-item-replace-nest-list-strategy';
 import { ModifyContentActionType } from '../../../dto/actions/modify-content-action.abstract';
+import { RemoveChildAction } from '../../../dto/actions/remove-child-action';
 import { RTEListItemBlock } from '../../../dto/blocks/list-item-block';
+import { VegaRTEContent } from '../../../dto/content-state';
 test('RTEListItemBlock should register action handle strategy properly', () => {
   expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEListItemBlock.name) instanceof ListItemDeleteTextContentStrategy).toBeTruthy();
   expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.LINE_BREAK_SINGLE_BLOCK, RTEListItemBlock.name) instanceof BlockInsertLineBreakStrategy).toBeTruthy();
@@ -29,3 +31,57 @@ test('RTEListItemBlock should register action handle strategy properly', () => {
   expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.INSERT_IMAGE_TO_BLOCK, RTEListItemBlock.name) instanceof ListItemInsertImageStrategy).toBeTruthy();
   expect(ActionHandleStrategyRegistry.get(ModifyContentActionType.INSERT_NODES_BEFORE, RTEListItemBlock.name) instanceof BlockInsertNodesBeforeNodeStrategy).toBeTruthy();
 });
+describe('ListItemRemoveNodeStrategy', () => {
+  it('should remove child node from the list item', () => {
+    const content = VegaRTEContent.fromJSON([
+      {
+        id: '1',
+        type: 'number-list',
+        blocks: [
+          {
+            id: '1-1',
+            type: 'list-item',
+            nodes: [{ id: '1-1-1', type: 'text', text: 'Item 1' }],
+            children: [],
+          },
+        ],
+      },
+    ]);
+    const li = content.children[0].children[0];
+    const action = new RemoveChildAction(li.children[0]);
+    li.apply(action);
+    expect(content.children).toHaveLength(0);
+  });
+  it('should not remove ul if the list item has nest list', () => {
+    const content = VegaRTEContent.fromJSON([
+      {
+        id: '1',
+        type: 'number-list',
+        blocks: [
+          {
+            id: '1-1',
+            type: 'list-item',
+            nodes: [{ id: '1-1-1', type: 'text', text: 'Item 1' }],
+            children: [
+              {
+                id: '2',
+                type: 'bullet-list',
+                blocks: [
+                  {
+                    id: '2-2',
+                    type: 'list-item',
+                    nodes: [{ id: '2-2-1', type: 'text', text: 'Item 2' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    ]);
+    const li = content.children[0].children[0];
+    const action = new RemoveChildAction(li.children[0]);
+    li.apply(action);
+    expect(content.children).toHaveLength(1);
+  });
+});

package/dist/collection/components/vega-rich-text-editor/test/dto/action-handle-strategies/node-split-text-strategy.test.js

@@ -26,6 +26,6 @@ test('NodeSplitTextStrategy execute method should return value properly', () =>
   textNode.annotationMap.set('SELECTION_RANGE', new SelectionRangeAnnotation(getMockSelectionRange(span.firstChild, span.firstChild, 1, 1)));
   stateEntityRenderingRegistry.register(span, textNode);
   result = splitTextStrategy.execute(new BoldAnnotationAction(true), textNode);
-  expect(block.nodes.length).toEqual(3);
+  expect(block.children.length).toEqual(3);
   expect(result instanceof RTETextNode).toBeTruthy();
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/action-handle-strategies/text-block-strategy-register.test.js

@@ -30,12 +30,12 @@ test('RTETextBlock apply annotation action should work properly', () => {
     type: 'subtitle',
     nodes: [{ id: '1-1', type: 'text', text: 'Paragraph' }],
   });
-  expect(textBlock.nodes[0].annotationMap.has('BOLD')).toBeFalsy();
+  expect(textBlock.children[0].annotationMap.has('BOLD')).toBeFalsy();
   textBlock.apply(new TextStyleAnnotationAction('paragraph', true));
   expect(textBlock.type).toEqual('paragraph');
-  expect(textBlock.nodes[0].getAnnotationByType('BOLD')['toJSON']()['bold']).toBeTruthy();
+  expect(textBlock.children[0].getAnnotationByType('BOLD')['toJSON']()['bold']).toBeTruthy();
   expect(textBlock.annotationMap.has(InternalAnnotationTypeEnum.LINK_GROUP)).toBeFalsy();
-  textBlock.apply(new LinkGroupAnnotationAction('1', textBlock.nodes));
+  textBlock.apply(new LinkGroupAnnotationAction('1', textBlock.children));
   expect(textBlock.annotationMap.has(InternalAnnotationTypeEnum.LINK_GROUP)).toBeTruthy();
 });
 test('RTETextBlock should register action handle strategy properly', () => {

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/code-block.test.js

@@ -19,7 +19,7 @@ describe('RTECodeBlock', () => {
       language: 'js',
       content: 'const',
     });
-    expect(codeBlock.nodes[0].toJSON()).toEqual({
+    expect(codeBlock.children[0].toJSON()).toEqual({
       id: '1-1',
       type: 'text',
       language: 'js',
@@ -44,11 +44,11 @@ describe('RTECodeBlock', () => {
       content: 'const',
     });
     const cloneBlock = codeBlock.clone();
-    const cloneNode = codeBlock.nodes[0].clone();
+    const cloneNode = codeBlock.children[0].clone();
     expect(cloneBlock.id).toEqual(codeBlock.id);
     expect(cloneBlock.type).toEqual(codeBlock.type);
-    expect(cloneNode.type).toEqual(codeBlock.nodes[0].type);
-    expect(cloneNode.text).toEqual(codeBlock.nodes[0].text);
-    expect(cloneNode.language).toEqual(codeBlock.nodes[0].language);
+    expect(cloneNode.type).toEqual(codeBlock.children[0].type);
+    expect(cloneNode.text).toEqual(codeBlock.children[0].text);
+    expect(cloneNode.language).toEqual(codeBlock.children[0].language);
   });
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/image-block.test.js

@@ -4,7 +4,7 @@ describe('image block', () => {
   it('new RTEImageBlock should work as expect', () => {
     const imageBlock = new RTEImageBlock('block-1');
     const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
-    imageBlock.nodes = [imageNode];
+    imageBlock.children = [imageNode];
     expect(imageBlock.toJSON()).toEqual({
       id: 'block-1',
       type: 'image',
@@ -65,7 +65,7 @@ describe('image block', () => {
   it('isNotEmpty should work as expect', () => {
     const imageBlock = new RTEImageBlock('block-1');
     const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
-    imageBlock.nodes = [imageNode];
+    imageBlock.children = [imageNode];
     expect(imageBlock.isNotEmpty()).toEqual(true);
     imageNode.url = '';
     expect(imageBlock.isNotEmpty()).toEqual(false);
@@ -74,7 +74,7 @@ describe('image block', () => {
     const imageBlock = new RTEImageBlock('block-1');
     const imageNode1 = new RTEImageNode('1', 'mock-url', imageBlock);
     const imageNode2 = new RTEImageNode('2', 'mock-url', imageBlock);
-    imageBlock.nodes = [imageNode1, imageNode2];
+    imageBlock.children = [imageNode1, imageNode2];
     expect(imageBlock.getLastNode()).toEqual(imageNode2);
   });
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/list-block.test.js

@@ -79,7 +79,7 @@ describe('bullet list', () => {
       ],
     });
     expect(bulletListBlock.isNotEmpty()).toEqual(true);
-    bulletListBlock.blocks[0].nodes[0].text = '';
+    bulletListBlock.children[0].children[0].text = '';
     expect(bulletListBlock.isNotEmpty()).toEqual(true);
     const childrenListBlock = RTEListBlock.from({
       id: '1-1-2',
@@ -98,9 +98,9 @@ describe('bullet list', () => {
         },
       ],
     });
-    bulletListBlock.blocks[0].children = [childrenListBlock];
+    bulletListBlock.children[0].nestList = [childrenListBlock];
     expect(bulletListBlock.isNotEmpty()).toEqual(true);
-    childrenListBlock.blocks[0].nodes[0].text = '';
+    childrenListBlock.children[0].children[0].text = '';
     expect(bulletListBlock.isNotEmpty()).toEqual(true);
   });
 });
@@ -124,7 +124,7 @@ describe('number list', () => {
       ],
     });
     expect(listBlock.isNotEmpty()).toEqual(true);
-    listBlock.blocks[0].nodes[0].text = '';
+    listBlock.children[0].children[0].text = '';
     expect(listBlock.isNotEmpty()).toEqual(true);
     const childrenListBlock = RTEListBlock.from({
       id: '1-1-2',
@@ -143,9 +143,9 @@ describe('number list', () => {
         },
       ],
     });
-    listBlock.blocks[0].children = [childrenListBlock];
+    listBlock.children[0].nestList = [childrenListBlock];
     expect(listBlock.isNotEmpty()).toEqual(true);
-    childrenListBlock.blocks[0].nodes[0].text = '';
+    childrenListBlock.children[0].children[0].text = '';
     expect(listBlock.isNotEmpty()).toEqual(true);
   });
   it('getLastNode should work as expect', () => {
@@ -171,6 +171,6 @@ describe('number list', () => {
         },
       ],
     });
-    expect(listBlock.getLastNode()).toEqual(listBlock.blocks[0].nodes[1]);
+    expect(listBlock.getLastNode()).toEqual(listBlock.children[0].children[1]);
   });
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/list-item.test.js

@@ -4,7 +4,7 @@ describe('bullet list item', () => {
   it('new RTEBulletListItemBlock should work as expect', () => {
     const bulletListItemBlock = new RTEListItemBlock('1');
     const textNode = new RTETextNode('1', 'This is a text.', bulletListItemBlock);
-    bulletListItemBlock.nodes = [textNode];
+    bulletListItemBlock.children = [textNode];
     expect(bulletListItemBlock).toBeDefined();
   });
   it('from method should work as expect', () => {
@@ -145,7 +145,7 @@ describe('bullet list item', () => {
         },
       ],
     });
-    expect(listItemBlock.getLastNode()).toEqual(listItemBlock.nodes[1]);
+    expect(listItemBlock.getLastNode()).toEqual(listItemBlock.children[1]);
   });
   it('getLastNode should work as expect with children', () => {
     const listItemBlock = RTEListItemBlock.from({
@@ -183,6 +183,6 @@ describe('bullet list item', () => {
         },
       ],
     });
-    expect(listItemBlock.getLastNode()).toEqual(listItemBlock.children[0].blocks[0].nodes[1]);
+    expect(listItemBlock.getLastNode()).toEqual(listItemBlock.nestList[0].children[0].children[1]);
   });
 });

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/text-block.test.js

@@ -6,7 +6,7 @@ describe('text block', () => {
   it('new RTETextBlock should work as expect', () => {
     const textBlock = new RTETextBlock('block-1', 'paragraph');
     const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textBlock.nodes = [textNode];
+    textBlock.children = [textNode];
     expect(textBlock.toJSON()).toEqual({
       id: 'block-1',
       type: 'paragraph',
@@ -82,7 +82,7 @@ describe('text block', () => {
   it('apply method should work as expect', () => {
     const titleBlock = new RTETextBlock('block-1', 'title');
     const textNode = new RTETextNode('1', 'This is a text.', titleBlock);
-    titleBlock.nodes = [textNode];
+    titleBlock.children = [textNode];
     const mockDiv = document.createElement('div');
     const mockHost = document.createElement('div');
     const mockSpan = document.createElement('span');
@@ -126,7 +126,7 @@ describe('text block', () => {
   it('isNotEmpty should work as expect', () => {
     const textBlock = new RTETextBlock('block-1', 'paragraph');
     const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textBlock.nodes = [textNode];
+    textBlock.children = [textNode];
     expect(textBlock.isNotEmpty()).toEqual(true);
     textNode.text = '';
     expect(textBlock.isNotEmpty()).toEqual(false);

package/dist/collection/components/vega-rich-text-editor/test/dto/content-state.test.js

@@ -19,45 +19,45 @@ describe('content state', () => {
         type: 'paragraph',
         nodes: [{ id: '1-1', type: 'text', text: 'This is a paragraph' }],
       },
-    ]).blocks[0] instanceof RTETextBlock).toBeTruthy();
+    ]).children[0] instanceof RTETextBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       { id: '2', type: 'title', nodes: [{ id: '2-1', type: 'text', text: 'This is a title' }] },
-    ]).blocks[0] instanceof RTETextBlock).toBeTruthy();
+    ]).children[0] instanceof RTETextBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       {
         id: '3',
         type: 'subtitle',
         nodes: [{ id: '3-1', type: 'text', text: 'This is a subtitle' }],
       },
-    ]).blocks[0] instanceof RTETextBlock).toBeTruthy();
+    ]).children[0] instanceof RTETextBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       {
         id: '4',
         type: 'heading-1',
         nodes: [{ id: '4-1', type: 'text', text: 'This is a heading-1' }],
       },
-    ]).blocks[0] instanceof RTETextBlock).toBeTruthy();
+    ]).children[0] instanceof RTETextBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       {
         id: '5',
         type: 'heading-2',
         nodes: [{ id: '5-1', type: 'text', text: 'This is a heading-2' }],
       },
-    ]).blocks[0] instanceof RTETextBlock).toBeTruthy();
+    ]).children[0] instanceof RTETextBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       {
         id: '6',
         type: 'heading-3',
         nodes: [{ id: '6-1', type: 'text', text: 'This is a heading-3' }],
       },
-    ]).blocks[0] instanceof RTETextBlock).toBeTruthy();
+    ]).children[0] instanceof RTETextBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       {
         id: '7',
         type: 'image',
         nodes: [{ id: '7-1', type: 'image', url: 'mock-url' }],
       },
-    ]).blocks[0] instanceof RTEImageBlock).toBeTruthy();
+    ]).children[0] instanceof RTEImageBlock).toBeTruthy();
     expect(VegaRTEContent.fromJSON([
       {
         id: '8',
@@ -76,7 +76,7 @@ describe('content state', () => {
           },
         ],
       },
-    ]).blocks[0] instanceof RTEListBlock).toBeTruthy();
+    ]).children[0] instanceof RTEListBlock).toBeTruthy();
   });
   it('toJSON method should work as expect', () => {
     expect(VegaRTEContent.fromJSON([
@@ -143,12 +143,12 @@ describe('content state', () => {
     const clonedContentState = contentState.clone(true);
     expect(clonedContentState).not.toBe(contentState);
     expect(clonedContentState).toEqual(contentState);
-    const block = contentState.blocks[0];
-    const clonedBlock = clonedContentState.blocks[0];
+    const block = contentState.children[0];
+    const clonedBlock = clonedContentState.children[0];
     expect(clonedBlock).toEqual(block);
     expect(clonedBlock).not.toBe(block);
-    const node = block.nodes[0];
-    const clonedNode = clonedBlock.nodes[0];
+    const node = block.children[0];
+    const clonedNode = clonedBlock.children[0];
     expect(clonedNode).toEqual(node);
     expect(clonedNode).not.toBe(node);
     const blockAnnotations = block.annotationMap;
@@ -195,12 +195,12 @@ describe('content state', () => {
         ],
       },
     ]);
-    const paragraphBlock = contentState.blocks[0];
-    const imageBlock = contentState.blocks[1];
-    const listBlock = contentState.blocks[2];
-    const listItemBlock = listBlock.blocks[0];
-    const nestedListBlock = listItemBlock.children[0];
-    const nestedListItemBlock = nestedListBlock.blocks[0];
+    const paragraphBlock = contentState.children[0];
+    const imageBlock = contentState.children[1];
+    const listBlock = contentState.children[2];
+    const listItemBlock = listBlock.children[0];
+    const nestedListBlock = listItemBlock.nestList[0];
+    const nestedListItemBlock = nestedListBlock.children[0];
     expect(paragraphBlock.parent).toEqual(contentState);
     expect(imageBlock.parent).toEqual(contentState);
     expect(listBlock.parent).toEqual(contentState);