fui-material 1.16.2 → 1.16.4

package/src/function-elements/fAlert/fAlert.ts

@@ -0,0 +1,71 @@
+import './fAlert.css'
+
+export interface IfAlert {
+    title?: string,
+    body: string,
+    variant: 'info' | 'error' | 'success' | 'warning'
+}
+
+const fAlert = (
+    {
+        title,
+        body,
+        variant = 'info'
+    }: IfAlert
+) => {
+
+    let ico = ''
+
+    switch (variant) {
+        case 'info':
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>'
+            break
+        case "success":
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/>'
+            break
+        case 'error':
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>'
+            break
+        case 'warning':
+            ico = '<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>'
+            break
+    }
+    const arrBody: string[] = []
+    body.split('\n').map(opt => {
+        arrBody.push(
+            `<span>${opt}</span>`
+        )
+    })
+    window.document.body.insertAdjacentHTML(
+        'afterbegin',
+        `
+            <div class='f-function-block-alert' id='f-function-block-alert'>
+                <div class='f-function-alert'>
+                    <div class='f-function-alert-ico ${variant}-alert'>
+                        <svg width="28" height="28" viewBox="0 0 16 16">
+                            ${ico}
+                        </svg>
+                    </div>
+                    <div class='f-function-alert-inside'>
+                        <div class='f-function-alert-header'>
+                            <h4>${title !== undefined ? title : ''}</h4>
+                        </div>
+                        <div class='f-function-alert-body'>
+                             ${arrBody.join('')}
+                        </div>
+                        <div class='f-function-alert-footer'>
+                            <button
+                                class='btn btn-primary btn-sm'
+                                onclick='document.querySelector("#f-function-block-alert").remove()'
+                            >
+                                Закрыть
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `
+    );
+}
+
+export default fAlert

package/src/function-elements/fAlert/index.ts

@@ -0,0 +1 @@
+export { default } from "./fAlert";

package/src/function-elements/fConfirm/fConfirm.css

@@ -0,0 +1,80 @@
+.f-function-block-confirm {
+    z-index: 9999999999;
+    height: 100vh;
+    width: 100vw;
+    background-color: rgba(47, 128, 237, 0.35);
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: all;
+    transition: 1s;
+}
+
+.f-function-confirm {
+    display: flex;
+    flex-direction: row;
+    width: 625px;
+    min-height: 75px;
+    background-color: white;
+    border-radius: 10px;
+}
+
+.f-function-confirm-ico {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    border-bottom-left-radius: 10px;
+    border-top-left-radius: 10px;
+}
+
+.f-function-confirm-ico.warning {
+    color: #ffc107 !important;
+    background-color: rgba(255, 193, 7, 0.4) !important;
+    fill: #ffc107 !important;
+}
+
+.f-function-confirm-inside {
+    display: flex;
+    flex-direction: column;
+    margin: 16px;
+    gap: 16px;
+    width: 553px;
+}
+
+.f-function-confirm-header {
+    display: flex;
+    align-items: center;
+}
+
+.f-function-confirm-header h4 {
+    font-family: "SF UI Display", sans-serif;
+    color: #000;
+    font-size: 15px;
+}
+
+.f-function-confirm-body {
+    display: flex;
+    align-items: center;
+}
+
+.f-function-confirm-body span {
+    font-size: 12px;
+    font-weight: bold;
+    color: #656565;
+    white-space: normal;
+    -webkit-hyphens: auto;
+    -ms-hyphens: auto;
+    hyphens: auto;
+    word-wrap: anywhere;
+}
+
+.f-function-confirm-footer {
+    display: flex;
+    align-items: center;
+    flex-direction: row-reverse;
+    gap: 8px;
+}

package/src/function-elements/fConfirm/fConfirm.ts

@@ -0,0 +1,66 @@
+import './fConfirm.css'
+
+export interface IfConfirm {
+    title?: string,
+    body: string,
+}
+
+const fConfirm = ({ title, body }: IfConfirm): Promise<boolean> => {
+    return new Promise((resolve) => {
+        window.document.body.insertAdjacentHTML(
+            'afterbegin',
+            `
+            <div class='f-function-block-confirm' id='f-function-block-confirm'>
+                <div class='f-function-confirm'>
+                    <div class='f-function-confirm-ico warning'>
+                        <svg width="28" height="28" viewBox="0 0 16 16">
+                            <path
+                                d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+                            <path
+                                d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
+                        </svg>
+                    </div>
+                    <div class='f-function-confirm-inside'>
+                        <div class='f-function-confirm-header'>
+                            <h4>${title !== undefined ? title : ''}</h4>
+                        </div>
+                        <div class='f-function-confirm-body'>
+                            <span>${body}</span>
+                        </div>
+                        <div class='f-function-confirm-footer'>
+                            <button
+                                id="f-function-confirm-ok"
+                                class='btn btn-success btn-sm'
+                                onclick='document.querySelector("#f-function-block-confirm").remove()'
+                            >
+                                Ок
+                            </button>
+                            <button
+                                id="f-function-confirm-cancellation"
+                                class='btn btn-danger btn-sm'
+                                onclick='document.querySelector("#f-function-block-confirm").remove()'
+                            >
+                                Отменить
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `
+        );
+
+        const ok = document.querySelector('#f-function-confirm-ok')
+        const cancellation = document.querySelector('#f-function-confirm-cancellation')
+
+
+        ok!.addEventListener('click', function () {
+            resolve(true);
+        })
+        cancellation!.addEventListener('click', function () {
+            resolve(false);
+        })
+
+    });
+};
+
+export default fConfirm;

package/src/function-elements/fConfirm/index.ts

@@ -0,0 +1 @@
+export { default } from "./fConfirm";

package/src/function-elements/fExportHtmlOrJsxToWord/fExportHtmlOrJsxToWord.ts

@@ -0,0 +1,90 @@
+import { convertHtmlTbToXml } from "./functions/convertHtmlToXml/convertHtmlTbToXml";
+import { generateDocx } from "./functions/generateDocx";
+import { convertJsxElementToXml } from "./functions/convertHtmlToXml/convertJsxElementToXml";
+import { jsxToHtml } from "./functions/jsxToHtml";
+
+export interface IfExportHtmlOrJsxToWord {
+    tableId?: string,
+    divId?: string,
+    fileName: string,
+    jsxElement?: string,
+    format?: 'A4' | 'A3' | 'A2' | 'A1',
+    orientation?: 'landscape' | 'vertical'
+}
+
+export const fExportHtmlOrJsxToWord = async ({
+    tableId,
+    fileName,
+    jsxElement,
+    format = "A4",
+    orientation = 'landscape',
+    divId
+}: IfExportHtmlOrJsxToWord) => {
+
+    let width = 0
+
+    switch (format) {
+
+        case "A4":
+            width = (orientation === 'landscape' ? 16838 : 11906) - (orientation === 'landscape' ? 851 : 567) - (orientation === 'landscape' ? 1701 : 1701)
+            break;
+        case "A3":
+            width = (orientation === 'landscape' ? 23803 : 16817) - (orientation === 'landscape' ? 851 : 851) - (orientation === 'landscape' ? 1418 : 1418)
+            break;
+        case "A2":
+            width = (orientation === 'landscape' ? 31678 : 23803) - (orientation === 'landscape' ? 1134 : 1134) - (orientation === 'landscape' ? 1701 : 1701)
+            break;
+        case "A1":
+            width = (orientation === 'landscape' ? 31678 : 31678) - (orientation === 'landscape' ? 1701 : 1701) - (orientation === 'landscape' ? 2268 : 2268)
+            break;
+    }
+
+    if (tableId !== undefined && jsxElement === undefined && divId === undefined) {
+        const htmlTable = document.getElementById(tableId);
+        if (htmlTable) {
+            const stringTb = convertHtmlTbToXml(htmlTable, width)
+            await generateDocx({ data: stringTb, format: format, orientation: orientation, fileName: fileName })
+            return true
+        } else {
+            return false
+        }
+    } else if (jsxElement !== undefined && divId === undefined && tableId === undefined) {
+
+        let status: boolean = false
+
+        await jsxToHtml(jsxElement).then(async (element) => {
+            if (element !== null) {
+                await generateDocx({
+                    data: convertJsxElementToXml(element, width),
+                    format: format,
+                    orientation: orientation,
+                    fileName: fileName
+                })
+                status = true
+            } else {
+                status = false
+            }
+        });
+
+        return status
+    } else if (divId !== undefined && jsxElement === undefined && tableId === undefined) {
+
+        const divBlock: HTMLElement | null = document.getElementById(divId);
+
+        if (divBlock !== null) {
+            await generateDocx({
+                data: convertJsxElementToXml(divBlock, width),
+                format: format,
+                orientation: orientation,
+                fileName: fileName
+            })
+            return true
+        } else {
+            return false
+        }
+    } else {
+        return false
+    }
+}
+
+export default fExportHtmlOrJsxToWord

package/src/function-elements/fExportHtmlOrJsxToWord/functions/convertHtmlToXml/convertHtmlTbToXml.ts

@@ -0,0 +1,43 @@
+import { createRow } from "./createRow";
+import { createTagTb } from "../createXmlTags";
+import { getCellData } from "../getCellData";
+
+export const convertHtmlTbToXml = (opt: Element, width: number) => {
+
+    const thead = opt.querySelector('thead');
+    const tbody = opt.querySelector('tbody');
+
+    let theadXml = ''
+    let tbodyXml = ''
+
+    if (thead !== null) {
+        theadXml = createRow(thead)
+    }
+
+    if (tbody !== null) {
+        tbodyXml = createRow(tbody)
+    }
+
+    let countCell = 0
+
+    if (thead !== null) {
+        const rows = thead.querySelectorAll('tr')
+        const firstCell: HTMLTableCellElement[] = Array.from(rows[0].querySelectorAll('th, td'));
+
+        firstCell.forEach((cell) => {
+            const { colspan } = getCellData(cell);
+            countCell += colspan
+        })
+    } else if (tbody !== null) {
+        const rows = tbody.querySelectorAll('tr')
+        const firstCell: HTMLTableCellElement[] = Array.from(rows[0].querySelectorAll('th, td'));
+
+        firstCell.forEach((cell) => {
+            const { colspan } = getCellData(cell);
+            countCell += colspan
+        })
+    }
+
+    return createTagTb(theadXml + tbodyXml, countCell, width)
+
+}

package/src/function-elements/fExportHtmlOrJsxToWord/functions/convertHtmlToXml/convertJsxElementToXml.ts

@@ -0,0 +1,76 @@
+import {
+    createEndSpan,
+    createStartSpan,
+    createTagBr,
+    createTagH1,
+    createTagH1ToH6,
+    createTagP,
+    createTagSpan
+} from "../createXmlTags";
+import {convertHtmlTbToXml} from "./convertHtmlTbToXml";
+
+export const convertJsxElementToXml = (el: HTMLDivElement | HTMLElement, width: number) => {
+
+    let listXmlStr: string[] = []
+
+    const arr = el.querySelectorAll('h1, h2, h3, h4, h5, h6, p, span, br, table')
+
+    let span = ''
+    arr.forEach((opt, index) => {
+        if (opt.textContent !== null) {
+            if (opt.tagName === 'H1') {
+                if (span !== '') {
+                    listXmlStr.push(span += createEndSpan())
+                    span = ''
+                    listXmlStr.push(createTagH1(opt.textContent))
+                } else {
+                    listXmlStr.push(createTagH1(opt.textContent))
+                }
+            } else if (opt.tagName === 'H2' || opt.tagName === 'H3' || opt.tagName === 'H4' || opt.tagName === 'H5' || opt.tagName === 'H6') {
+                if (span !== '') {
+                    listXmlStr.push(span += createEndSpan())
+                    span = ''
+                    listXmlStr.push(createTagH1ToH6(opt.textContent))
+                } else {
+                    listXmlStr.push(createTagH1ToH6(opt.textContent))
+                }
+            } else if (opt.tagName === 'P') {
+                if (span !== '') {
+                    listXmlStr.push(span += createEndSpan())
+                    span = ''
+                    listXmlStr.push(createTagP(opt.textContent))
+                } else {
+                    listXmlStr.push(createTagP(opt.textContent))
+                }
+            } else if (opt.tagName === 'SPAN') {
+                if (span === '') {
+                    span = createStartSpan()
+                    span += createTagSpan(opt.textContent)
+                } else {
+                    span += createTagSpan(opt.textContent)
+                }
+                if (arr.length === index + 1) {
+                    listXmlStr.push(span += createEndSpan())
+                }
+            } else if (opt.tagName === 'BR') {
+                if (span !== '') {
+                    listXmlStr.push(span += createEndSpan())
+                    span = ''
+                    listXmlStr.push(createTagBr())
+                } else {
+                    listXmlStr.push(createTagBr())
+                }
+            } else if (opt.tagName === "TABLE") {
+                if (span !== '') {
+                    listXmlStr.push(span += createEndSpan())
+                    span = ''
+                    listXmlStr.push(convertHtmlTbToXml(opt, width))
+                } else {
+                    listXmlStr.push(convertHtmlTbToXml(opt, width))
+                }
+            }
+        }
+    })
+
+    return listXmlStr.join('')
+}

package/src/function-elements/fExportHtmlOrJsxToWord/functions/convertHtmlToXml/createRow.ts

@@ -0,0 +1,108 @@
+import { getCellData } from "../getCellData";
+import { createTagTbBodyCell, createTagTbHeaderCell, createTagTbRow } from "../createXmlTags";
+
+export const createRow = (elTb: HTMLTableSectionElement) => {
+
+    const rows = Array.from(elTb.querySelectorAll('tr'));
+
+    const listRow: { [key: number]: { [key: string]: string | null | undefined } } = {}
+
+    let countCell = 0
+    const defaultRow: { [key: number]: null } = {}
+
+    const firstCell: HTMLTableCellElement[] = Array.from(rows[0].querySelectorAll('th, td'));
+
+    firstCell.forEach((cell) => {
+        const { colspan } = getCellData(cell);
+        countCell += colspan
+    })
+
+    for (let i = 0; i < countCell; i++) {
+        defaultRow[i] = null
+    }
+
+    for (let i = 0; i < rows.length; i++) {
+        listRow[i] = Object.assign({}, defaultRow)
+    }
+
+    const deleteCellFromRow: { [key: number]: number[] } = {}
+
+    rows.forEach((row, iRow) => {
+
+        const nullCell: number[] = []
+
+        Object.values(listRow[iRow]).forEach((opt, index) => {
+            if (opt === null) {
+                nullCell.push(index)
+            }
+        })
+
+        const cells: HTMLTableCellElement[] = Array.from(row.querySelectorAll('th, td'));
+
+        let countEditCel = 0
+
+        cells.forEach((cell) => {
+
+            const { content, rowspan, colspan } = getCellData(cell);
+
+            const listCellNull = nullCell.slice(countEditCel, countEditCel + colspan).reverse()
+            let indexCellOnObj: number = 0
+
+            listCellNull.map((nullCel, indexNullCel) => {
+                if (indexNullCel === listCellNull.length - 1) {
+                    indexCellOnObj = nullCel
+                } else {
+                    delete listRow[iRow][nullCel]
+                }
+            })
+
+            if (rowspan > 1 && colspan < 2) {
+                for (let i = 1; i < rowspan; i++) {
+                    if (cell.tagName === 'TH') {
+                        listRow[iRow + i][indexCellOnObj] = createTagTbHeaderCell(undefined, 'continue')
+                    } else if (cell.tagName === 'TD') {
+                        listRow[iRow + i][indexCellOnObj] = createTagTbBodyCell(undefined, 'continue')
+                    }
+
+                }
+            } else if (rowspan > 1 && colspan > 1) {
+                for (let i = 1; i < rowspan; i++) {
+                    deleteCellFromRow[iRow + i] = []
+                    listCellNull.map((nullCel, indexNullCel) => {
+                        if (indexNullCel === listCellNull.length - 1) {
+                            if (cell.tagName === 'TH') {
+                                listRow[iRow + i][nullCel] = createTagTbHeaderCell(undefined, 'continue', colspan)
+                            } else if (cell.tagName === 'TD') {
+                                listRow[iRow + i][nullCel] = createTagTbBodyCell(undefined, 'continue', colspan)
+                            }
+                        } else {
+                            deleteCellFromRow[i].push(nullCel)
+                            listRow[iRow + i][nullCel] = undefined
+                        }
+                    })
+                }
+            }
+
+            if (cell.tagName === 'TH') {
+                listRow[iRow][indexCellOnObj] = createTagTbHeaderCell(content, rowspan > 1 ? 'restart' : undefined, colspan > 1 ? colspan : undefined)
+            } else if (cell.tagName === 'TD') {
+                listRow[iRow][indexCellOnObj] = createTagTbBodyCell(content, rowspan > 1 ? 'restart' : undefined, colspan > 1 ? colspan : undefined)
+            }
+
+            countEditCel += colspan
+        })
+    })
+
+    Object.entries(deleteCellFromRow).map(([key, value]) => {
+        value.map(opt => {
+            delete listRow[+key][opt]
+        })
+    })
+
+    const render: string[] = []
+    Object.values(listRow).forEach((opt) => {
+        render.push(createTagTbRow(Object.values(opt).join('')))
+    })
+
+    return render.join('')
+}

package/src/function-elements/fExportHtmlOrJsxToWord/functions/createXmlTags.ts

@@ -0,0 +1,72 @@
+export const createTagH1 = (text: string): string => {
+    return `<w:p><w:pPr><w:pStyle w:val="a4"/></w:pPr><w:r><w:t>${text}</w:t></w:r></w:p>`
+}
+
+export const createTagH1ToH6 = (text: string): string => {
+    return `<w:p><w:pPr><w:pStyle w:val="a6"/></w:pPr><w:r><w:t>${text}</w:t></w:r></w:p>`
+}
+
+export const createTagP = (text: string): string => {
+    return `<w:p><w:pPr><w:ind w:firstLine="708"/></w:pPr><w:r><w:t>${text}</w:t></w:r></w:p>`
+}
+
+export const createStartSpan = (): string => {
+    return `<w:p><w:pPr><w:ind w:firstLine="708"/></w:pPr><w:r>`
+}
+
+export const createEndSpan = () => {
+    return `</w:r></w:p>`
+}
+
+export const createTagSpan = (text: string) => {
+    return `<w:t>${text}</w:t><w:t xml:space="preserve"> </w:t>`
+}
+
+export const createTagBr = () => {
+    return `<w:p></w:p>`
+}
+
+export const createTagTb = (table: string, rows: number, width: number): string => {
+
+    const arr: string[] = ['<w:tblGrid>']
+
+    for (let i = 0; i < rows; i++) {
+        arr.push(`<w:gridCol w:w="${Math.floor(width/rows)}"/>`)
+    }
+
+    arr.push('</w:tblGrid>')
+
+    return `<w:tbl><w:tblPr><w:tblStyle w:val="a7"/><w:tblW w:w="1" w:type="auto"/><w:tblLook w:val="04A0" w:firstRow="1" w:lastRow="0" w:firstColumn="1" w:lastColumn="0" w:noHBand="0" w:noVBand="1"/></w:tblPr>${arr.join('')}${table}</w:tbl>`
+}
+
+export const createTagTbRow = (listCel: string) => {
+    return `<w:tr>${listCel}</w:tr>`
+}
+
+const addTextTbHead = (text: string | undefined,) => {
+    let newText = ''
+
+    if (text !== undefined) {
+        newText = `<w:r><w:rPr><w:rFonts w:cs="Times New Roman"/><w:b/><w:bCs/><w:color w:val="000000"/><w:szCs w:val="28"/></w:rPr><w:t>${text}</w:t></w:r>`
+    }
+
+    return newText
+}
+
+const addTextTbBody = (text: string | undefined,) => {
+    let newText = ''
+
+    if (text !== undefined) {
+        newText = `<w:r><w:rPr><w:rFonts w:cs="Times New Roman"/><w:color w:val="000000"/><w:szCs w:val="28"/></w:rPr><w:t>${text}</w:t></w:r>`
+    }
+
+    return newText
+}
+
+export const createTagTbHeaderCell = (text?: string, rowSpan?: 'restart' | 'continue', colSpan?: number) => {
+    return `<w:tc><w:tcPr><w:tcW w:w="1" w:type="dxa"/>${colSpan !== undefined ? `<w:gridSpan w:val="${colSpan}"/>` : ''}${rowSpan !== undefined ? `<w:vMerge ${rowSpan === 'restart' ? 'w:val="restart"' : 'w:val="continue"'}/>` : ''}<w:vAlign w:val="center"/></w:tcPr><w:p><w:pPr><w:ind w:firstLine="0"/><w:jc w:val="center"/><w:rPr><w:rFonts w:cs="Times New Roman"/><w:b/><w:bCs/><w:color w:val="000000"/><w:szCs w:val="28"/></w:rPr></w:pPr>${addTextTbHead(text)}</w:p></w:tc>`
+}
+
+export const createTagTbBodyCell = (text?: string, rowSpan?: 'restart' | 'continue', colSpan?: number) => {
+    return `<w:tc><w:tcPr><w:tcW w:w="1" w:type="dxa"/>${colSpan !== undefined ? `<w:gridSpan w:val="${colSpan}"/>` : ''}${rowSpan !== undefined ? `<w:vMerge ${rowSpan === 'restart' ? 'w:val="restart"' : 'w:val="continue"'}/>` : ''}<w:vAlign w:val="center"/></w:tcPr><w:p><w:pPr><w:ind w:firstLine="0"/><w:rPr><w:rFonts w:cs="Times New Roman"/><w:color w:val="000000"/><w:szCs w:val="28"/></w:rPr></w:pPr>${addTextTbBody(text)}</w:p></w:tc>`
+}