@heartlandone/vega 2.72.0-RTE-table-preview → 2.73.0

package/dist/collection/components/vega-rich-text-editor/test/extensions/table/table-dto.test.js

@@ -1,517 +0,0 @@
-import '../../../dto/setup';
-import { VegaRTETableExtension } from '../../../extensions/table/table-extension';
-import { RTETableBlock } from '../../../extensions/table/dto/table-block';
-import { RTETableBodyBlock } from '../../../extensions/table/dto/table-body-block';
-import { RTETableHeadBlock } from '../../../extensions/table/dto/table-head-block';
-import { RTETableHeadCellBlock } from '../../../extensions/table/dto/table-head-cell-block';
-import { RTETableRowBlock } from '../../../extensions/table/dto/table-row-block';
-import { RTETableCellBlock } from '../../../extensions/table/dto/table-cell-block';
-import { RTETableCaptionBlock, } from '../../../extensions/table/dto/table-caption-block';
-describe('dto', () => {
-  const tableObj = {
-    id: '1764771896966',
-    type: 'table-block',
-    annotations: {
-      table: {
-        alignment: 'center',
-      },
-    },
-    children: [
-      {
-        id: '1764771904874',
-        type: 'table-head',
-        children: [
-          {
-            id: '1764771904632',
-            type: 'table-row',
-            children: [
-              {
-                id: '1764771898285',
-                type: 'table-head-cell',
-                annotations: {
-                  tableCell: {
-                    border: {
-                      color: '#ddd',
-                      style: 'solid',
-                      width: '1px',
-                    },
-                    padding: '12px',
-                    textAlign: 'left',
-                    verticalAlign: 'middle',
-                  },
-                },
-                children: [
-                  {
-                    id: '1764771904876',
-                    annotations: {
-                      textStyle: 'paragraph',
-                      internalWrapper: true,
-                    },
-                    type: 'paragraph',
-                    nodes: [
-                      {
-                        id: '1764771904525',
-                        annotations: {
-                          plainText: true,
-                        },
-                        type: 'text',
-                        text: '',
-                      },
-                    ],
-                  },
-                ],
-              },
-              {
-                id: '1764771899530',
-                type: 'table-head-cell',
-                annotations: {
-                  tableCell: {
-                    border: {
-                      color: '#ddd',
-                      style: 'solid',
-                      width: '1px',
-                    },
-                    padding: '12px',
-                    textAlign: 'left',
-                    verticalAlign: 'middle',
-                  },
-                },
-                children: [
-                  {
-                    id: '1764771896940',
-                    annotations: {
-                      textStyle: 'paragraph',
-                      internalWrapper: true,
-                    },
-                    type: 'paragraph',
-                    nodes: [
-                      {
-                        id: '1764771903833',
-                        annotations: {
-                          plainText: true,
-                        },
-                        type: 'text',
-                        text: '',
-                      },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-      {
-        id: '1764771903981',
-        type: 'table-body',
-        children: [
-          {
-            id: '1764771905293',
-            type: 'table-row',
-            children: [
-              {
-                id: '1764771897032',
-                type: 'table-cell',
-                annotations: {
-                  tableCell: {
-                    border: {
-                      color: '#ddd',
-                      style: 'solid',
-                      width: '1px',
-                    },
-                    padding: '12px',
-                    textAlign: 'left',
-                    verticalAlign: 'middle',
-                  },
-                },
-                children: [
-                  {
-                    id: '1764771897783',
-                    annotations: {
-                      textStyle: 'paragraph',
-                      internalWrapper: true,
-                    },
-                    type: 'paragraph',
-                    nodes: [
-                      {
-                        id: '1764771906044',
-                        annotations: {
-                          plainText: true,
-                        },
-                        type: 'text',
-                        text: '',
-                      },
-                    ],
-                  },
-                ],
-              },
-              {
-                id: '1764771905790',
-                type: 'table-cell',
-                annotations: {
-                  tableCell: {
-                    border: {
-                      color: '#ddd',
-                      style: 'solid',
-                      width: '1px',
-                    },
-                    padding: '12px',
-                    textAlign: 'left',
-                    verticalAlign: 'middle',
-                  },
-                },
-                children: [
-                  {
-                    id: '1764771904845',
-                    annotations: {
-                      textStyle: 'paragraph',
-                      internalWrapper: true,
-                    },
-                    type: 'paragraph',
-                    nodes: [
-                      {
-                        id: '1764771904578',
-                        annotations: {
-                          plainText: true,
-                        },
-                        type: 'text',
-                        text: '',
-                      },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-          {
-            id: '1764771904130',
-            type: 'table-row',
-            children: [
-              {
-                id: '1764771903073',
-                type: 'table-cell',
-                annotations: {
-                  tableCell: {
-                    border: {
-                      color: '#ddd',
-                      style: 'solid',
-                      width: '1px',
-                    },
-                    padding: '12px',
-                    textAlign: 'left',
-                    verticalAlign: 'middle',
-                  },
-                },
-                children: [
-                  {
-                    id: '1764771904171',
-                    annotations: {
-                      textStyle: 'paragraph',
-                      internalWrapper: true,
-                    },
-                    type: 'paragraph',
-                    nodes: [
-                      {
-                        id: '1764771905692',
-                        annotations: {
-                          plainText: true,
-                        },
-                        type: 'text',
-                        text: '',
-                      },
-                    ],
-                  },
-                ],
-              },
-              {
-                id: '1764771897331',
-                type: 'table-cell',
-                annotations: {
-                  tableCell: {
-                    border: {
-                      color: '#ddd',
-                      style: 'solid',
-                      width: '1px',
-                    },
-                    padding: '12px',
-                    textAlign: 'left',
-                    verticalAlign: 'middle',
-                  },
-                },
-                children: [
-                  {
-                    id: '1764771905732',
-                    annotations: {
-                      textStyle: 'paragraph',
-                      internalWrapper: true,
-                    },
-                    type: 'paragraph',
-                    nodes: [
-                      {
-                        id: '1764771903305',
-                        annotations: {
-                          plainText: true,
-                        },
-                        type: 'text',
-                        text: '',
-                      },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  };
-  let tableBlock;
-  beforeAll(() => {
-    new VegaRTETableExtension().initialExtension(null);
-  });
-  beforeEach(() => {
-    tableBlock = RTETableBlock.from(tableObj);
-  });
-  describe('table-block', () => {
-    it('toJSON', () => {
-      expect(tableBlock.toJSON()).toEqual(tableObj);
-    });
-    it('clone', () => {
-      const cloned = tableBlock.clone(undefined);
-      expect(cloned).toEqual(tableBlock);
-      expect(cloned).not.toBe(tableBlock);
-    });
-    it('isNotEmpty', () => {
-      expect(tableBlock.isNotEmpty()).toBe(true);
-    });
-    it('toHtml', () => {
-      const html = tableBlock.toHtml();
-      expect(html).toEqualHtml(`
-		<table class="v-rte--extension-table" style="border-collapse: collapse; margin: 0 auto;">
-		  <thead>
-			<tr>
-			  <th style="padding: 12px; border: solid 1px #ddd; text-align: left; vertical-align: middle; background-color: #f2f2f2;">
-				<p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;"></p>
-			  </th>
-			  <th style="padding: 12px; border: solid 1px #ddd; text-align: left; vertical-align: middle; background-color: #f2f2f2;">
-				<p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;"></p>
-			  </th>
-			</tr>
-		  </thead>
-		  <tbody>
-			<tr>
-			  <td style="padding: 12px; border: solid 1px #ddd; text-align: left; vertical-align: middle;">
-				<p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;"></p>
-			  </td>
-			  <td style="padding: 12px; border: solid 1px #ddd; text-align: left; vertical-align: middle;">
-				<p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;"></p>
-			  </td>
-			</tr>
-			<tr>
-			  <td style="padding: 12px; border: solid 1px #ddd; text-align: left; vertical-align: middle;">
-				<p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;"></p>
-			  </td>
-			  <td style="padding: 12px; border: solid 1px #ddd; text-align: left; vertical-align: middle;">
-				<p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;"></p>
-			  </td>
-			</tr>
-		  </tbody>
-		</table>
-		`);
-    });
-    it('getLastNode', () => {
-      expect(tableBlock.getLastNode().toJSON()).toEqual({
-        id: '1764771903305',
-        annotations: {
-          plainText: true,
-        },
-        type: 'text',
-        text: '',
-      });
-    });
-    it('getFirstNode should return first cell last node when no caption', () => {
-      expect(tableBlock.getFirstNode().toJSON()).toEqual({
-        id: '1764771904525',
-        annotations: {
-          plainText: true,
-        },
-        type: 'text',
-        text: '',
-      });
-    });
-    it('getFirstNode should return caption last node when caption exists', () => {
-      const tableWithCaption = Object.assign(Object.assign({}, tableObj), { children: [
-          {
-            id: 'caption-1',
-            type: 'table-caption',
-            children: [
-              {
-                id: 'paragraph-1',
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: 'text-1',
-                    type: 'text',
-                    text: 'Caption text',
-                  },
-                ],
-              },
-            ],
-          },
-          ...tableObj.children,
-        ] });
-      const tableBlockWithCaption = RTETableBlock.from(tableWithCaption);
-      expect(tableBlockWithCaption.getFirstNode().toJSON()).toEqual(expect.objectContaining({
-        type: 'text',
-        text: 'Caption text',
-      }));
-    });
-  });
-  describe('table-body-block', () => {
-    let tableBodyBlock;
-    beforeAll(() => {
-      tableBodyBlock = tableBlock.children.find((child) => child.type === 'table-body');
-    });
-    it('isNotEmpty', () => {
-      expect(RTETableBodyBlock.from({
-        id: '1',
-        type: 'table-body',
-        children: [],
-      }).isNotEmpty()).toBe(false);
-      expect(tableBodyBlock.isNotEmpty()).toBe(true);
-    });
-  });
-  describe('table-head-block', () => {
-    let tableHeadBlock;
-    beforeAll(() => {
-      tableHeadBlock = tableBlock.children.find((child) => child.type === 'table-head');
-    });
-    it('isNotEmpty', () => {
-      expect(RTETableHeadBlock.from({
-        id: '1',
-        type: 'table-head',
-        children: [],
-      }).isNotEmpty()).toBe(false);
-      expect(tableHeadBlock.isNotEmpty()).toBe(true);
-    });
-    it('getLastNode', () => {
-      expect(tableHeadBlock.getLastNode().toJSON()).toEqual({
-        id: '1764771903833',
-        type: 'text',
-        annotations: { plainText: true },
-        text: '',
-      });
-    });
-  });
-  describe('table-head-cell-block', () => {
-    let tableHeadBlock;
-    beforeAll(() => {
-      tableHeadBlock = tableBlock.children.find((child) => child.type === 'table-head');
-    });
-    it('isNotEmpty', () => {
-      const tableHeadCellBlock = tableHeadBlock.children[0]
-        .children[0];
-      expect(tableHeadCellBlock.isNotEmpty()).toBe(true);
-      expect(RTETableHeadCellBlock.from({
-        id: '1764771899530',
-        type: 'table-head-cell',
-        children: [],
-      }).isNotEmpty()).toBe(false);
-    });
-  });
-  describe('table-row-block', () => {
-    let tableBodyBlock;
-    beforeAll(() => {
-      tableBodyBlock = tableBlock.children.find((child) => child.type === 'table-body');
-    });
-    it('isNotEmpty', () => {
-      expect(tableBodyBlock.children[0].isNotEmpty()).toBe(true);
-      expect(RTETableRowBlock.from({
-        id: '1764771905293',
-        type: 'table-row',
-        children: [],
-      }).isNotEmpty()).toBe(false);
-    });
-  });
-  describe('table-cell-block', () => {
-    let tableBodyBlock;
-    beforeAll(() => {
-      tableBodyBlock = tableBlock.children.find((child) => child.type === 'table-body');
-    });
-    it('isNotEmpty', () => {
-      const tableCellBlock = tableBodyBlock.children[0]
-        .children[0];
-      expect(tableCellBlock.isNotEmpty()).toBe(true);
-      expect(RTETableCellBlock.from({
-        id: '1',
-        type: 'table-cell',
-        children: [],
-      }).isNotEmpty()).toBe(false);
-    });
-  });
-  describe('table-caption-block', () => {
-    it('clone', () => {
-      const captionJson = {
-        id: 'caption-1',
-        type: 'table-caption',
-        children: [
-          {
-            id: 'paragraph-1',
-            type: 'paragraph',
-            nodes: [
-              {
-                id: 'text-1',
-                type: 'text',
-                text: 'Caption text',
-              },
-            ],
-          },
-        ],
-      };
-      const tableWithCaption = Object.assign(Object.assign({}, tableObj), { children: [
-          {
-            id: 'caption-1',
-            type: 'table-caption',
-            children: captionJson.children,
-          },
-          ...tableObj.children,
-        ] });
-      const tableBlockWithCaption = RTETableBlock.from(tableWithCaption);
-      const captionBlock = tableBlockWithCaption.getCaption();
-      const cloned = captionBlock.clone(tableBlockWithCaption);
-      expect(cloned).toEqual(captionBlock);
-      expect(cloned).not.toBe(captionBlock);
-      expect(cloned.parent).toBe(tableBlockWithCaption);
-    });
-    it('toHtml', () => {
-      const captionJson = {
-        id: 'caption-1',
-        type: 'table-caption',
-        children: [
-          {
-            id: 'paragraph-1',
-            type: 'paragraph',
-            nodes: [
-              {
-                id: 'text-1',
-                type: 'text',
-                text: 'Caption text',
-              },
-            ],
-          },
-        ],
-      };
-      const captionBlock = RTETableCaptionBlock.from(captionJson);
-      const html = captionBlock.toHtml();
-      expect(html).toEqualHtml(`
-				<caption style="padding: 8px; border: 1px solid #ddd; border-bottom: none; background-color: #f7f7f7; position: relative; text-align: center; min-height: 22px;">
-				  <p style="font-family: Inter; font-size: 16px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;">
-					<span>
-					  Caption text
-					</span>
-				  </p>
-				</caption>
-			`);
-    });
-  });
-});

package/dist/collection/components/vega-rich-text-editor/test/extensions/table/table-test-utils.js

@@ -1,172 +0,0 @@
-import { generateUUID } from '../../../../../utils/misc';
-/**
- * Generate mock table data for testing purposes.
- *
- * @param {{ withHeader?: boolean }} options - Options for generating the table data.
- * @param {boolean} options.withHeader - Whether to include a table header.
- * @returns {VegaRTETableBlock} The generated mock table block data.
- */
-export const mockRTETableData = ({ withHeader } = {}) => {
-  const tableHead = {
-    id: generateUUID(),
-    type: 'table-head',
-    children: [
-      {
-        id: generateUUID(),
-        type: 'table-row',
-        children: [
-          {
-            id: generateUUID(),
-            type: 'table-head-cell',
-            children: [
-              {
-                id: generateUUID(),
-                annotations: {
-                  textStyle: 'paragraph',
-                },
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: generateUUID(),
-                    type: 'text',
-                    text: 'H-A',
-                  },
-                ],
-              },
-            ],
-          },
-          {
-            id: generateUUID(),
-            type: 'table-head-cell',
-            children: [
-              {
-                id: generateUUID(),
-                annotations: {
-                  textStyle: 'paragraph',
-                },
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: generateUUID(),
-                    type: 'text',
-                    text: 'H-B',
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  };
-  const tableBody = {
-    id: generateUUID(),
-    type: 'table-body',
-    children: [
-      {
-        id: generateUUID(),
-        type: 'table-row',
-        children: [
-          {
-            id: generateUUID(),
-            type: 'table-cell',
-            children: [
-              {
-                id: generateUUID(),
-                annotations: {
-                  textStyle: 'paragraph',
-                },
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: generateUUID(),
-                    type: 'text',
-                    text: 'A',
-                  },
-                ],
-              },
-            ],
-          },
-          {
-            id: generateUUID(),
-            type: 'table-cell',
-            children: [
-              {
-                id: generateUUID(),
-                annotations: {
-                  textStyle: 'paragraph',
-                },
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: generateUUID(),
-                    type: 'text',
-                    text: 'B',
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-      {
-        id: generateUUID(),
-        type: 'table-row',
-        children: [
-          {
-            id: generateUUID(),
-            type: 'table-cell',
-            children: [
-              {
-                id: generateUUID(),
-                annotations: {
-                  textStyle: 'paragraph',
-                },
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: generateUUID(),
-                    type: 'text',
-                    text: 'C',
-                  },
-                ],
-              },
-            ],
-          },
-          {
-            id: generateUUID(),
-            type: 'table-cell',
-            children: [
-              {
-                id: generateUUID(),
-                annotations: {
-                  textStyle: 'paragraph',
-                },
-                type: 'paragraph',
-                nodes: [
-                  {
-                    id: generateUUID(),
-                    type: 'text',
-                    text: 'D',
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  };
-  const children = [];
-  if (withHeader) {
-    children.push(tableHead, tableBody);
-  }
-  else {
-    children.push(tableBody);
-  }
-  return {
-    id: generateUUID(),
-    type: 'table-block',
-    children: children,
-  };
-};