fix(text indent): parse unit on export

Author: VladaHarbour

packages/super-editor/src/core/super-converter/exporter.js

@@ -4,6 +4,7 @@ import { EditorState } from 'prosemirror-state';
 import { SuperConverter } from './SuperConverter.js';
 import {
   emuToPixels,
+  getTextIndentExportValue,
   inchesToTwips,
   linesToTwips,
   pixelsToEightPoints,
@@ -233,7 +234,7 @@ function generateParagraphProperties(node) {
   const { styleId } = attrs;
   if (styleId) pPrElements.push({ name: 'w:pStyle', attributes: { 'w:val': styleId } });
 
-  const { spacing, indent, textAlign, textIndent, lineHeight, marksAttrs, keepLines, keepNext, dropcap } = attrs;
+  let { spacing, indent, textAlign, textIndent, lineHeight, marksAttrs, keepLines, keepNext, dropcap } = attrs;
   if (spacing) {
     const { lineSpaceBefore, lineSpaceAfter, lineRule } = spacing;
 
@@ -280,7 +281,7 @@ function generateParagraphProperties(node) {
     if (hanging || hanging === 0) attributes['w:hanging'] = pixelsToTwips(hanging);
 
     if (textIndent && !attributes['w:left']) {
-      attributes['w:left'] = inchesToTwips(textIndent);
+      attributes['w:left'] = getTextIndentExportValue(textIndent);
     }
 
     const indentElement = {
@@ -292,7 +293,7 @@ function generateParagraphProperties(node) {
     const indentElement = {
       name: 'w:ind',
       attributes: {
-        'w:left': inchesToTwips(textIndent),
+        'w:left': getTextIndentExportValue(textIndent),
       },
     };
     pPrElements.push(indentElement);

packages/super-editor/src/core/super-converter/helpers.js

@@ -84,6 +84,18 @@ function ptToTwips(pt) {
   return pt * 20;
 }
 
+// There is an indent value in Whalar template which appears with pt unit and cause issues on export
+const getTextIndentExportValue = (indent) => {
+  const [value, unit] = parseSizeUnit(indent);
+  const functionsMap = {
+    pt: ptToTwips,
+    in: inchesToTwips,
+  };
+
+  const exportValue = functionsMap[unit] ? functionsMap[unit](value) : pixelsToTwips(value);
+  return exportValue;
+};
+
 const getArrayBufferFromUrl = async (input, isHeadless) => {
   // Check if it's a full URL or blob/file/data URI
   const isLikelyUrl = /^https?:|^blob:|^file:|^data:/i.test(input);
@@ -230,4 +242,5 @@ export {
   getLineHeightValueString,
   deobfuscateFont,
   hasSomeParentWithClass,
+  getTextIndentExportValue,
 };