@extend-ai/react-pptx 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @extend-ai/react-pptx
 
+## 0.1.1
+
+### Patch Changes
+
+- Improve PowerPoint import fidelity for word spacing, hyperlink styling, diagonal stripe shapes, and straight connectors, including zero-width vertical timeline stems.
+
 ## Unreleased
 
 - Expose consumer-owned slide thumbnail rails through `usePptxViewerThumbnails`, including stable

package/dist/index.js

@@ -117,8 +117,6 @@ var UNIVERSAL_SANS_FALLBACKS = [
   "Noto Sans Arabic",
   "Noto Sans Hebrew",
   "Segoe UI Symbol",
-  "Apple Color Emoji",
-  "Segoe UI Emoji",
   "sans-serif"
 ];
 function normalizeFamily(value) {
@@ -9407,6 +9405,8 @@ function createTextRunElement(run, paragraph, fontScale) {
     span.href = href;
     span.target = "_blank";
     span.rel = "noreferrer noopener";
+    if (!run.color) span.style.color = "inherit";
+    if (!decorations.length) span.style.textDecoration = "none";
   }
   return span;
 }
@@ -9553,6 +9553,8 @@ function applyLine(element, line) {
 }
 function normalizedPresetGeometryPath(preset) {
   switch (preset) {
+    case "straightConnector1":
+      return "M 0 0 L 1 1";
     case "heart":
       return "M 0.5 0.25 C 0.7083333333 -0.3333333333 1.5208333333 0.25 0.5 1 C -0.5208333333 0.25 0.2916666667 -0.3333333333 0.5 0.25 Z";
     default:
@@ -9579,6 +9581,9 @@ function applyGeometry(element, preset) {
     case "parallelogram":
       element.style.clipPath = "polygon(20% 0, 100% 0, 80% 100%, 0 100%)";
       break;
+    case "diagStripe":
+      element.style.clipPath = "polygon(0 50%, 50% 0, 100% 0, 0 100%)";
+      break;
     case "hexagon":
       element.style.clipPath = "polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)";
       break;
@@ -9964,8 +9969,20 @@ var NormalizedPresentationViewer = class {
     svg.style.height = "100%";
     svg.style.overflow = "visible";
     svg.style.pointerEvents = "none";
+    let renderedPathData = pathData;
+    if (node.geometry.preset === "straightConnector1") {
+      if (node.transform.width === 0 && node.transform.height !== 0) {
+        svg.style.left = "-0.5px";
+        svg.style.width = "1px";
+        renderedPathData = "M 0.5 0 L 0.5 1";
+      } else if (node.transform.height === 0 && node.transform.width !== 0) {
+        svg.style.top = "-0.5px";
+        svg.style.height = "1px";
+        renderedPathData = "M 0 0.5 L 1 0.5";
+      }
+    }
     const path = document.createElementNS(namespace, "path");
-    path.setAttribute("d", pathData);
+    path.setAttribute("d", renderedPathData);
     path.setAttribute("vector-effect", "non-scaling-stroke");
     path.style.fill = "none";
     const fillStyle = node.fill;
@@ -10172,6 +10189,8 @@ var NormalizedPresentationViewer = class {
       element.href = href;
       element.target = "_blank";
       element.rel = "noreferrer noopener";
+      element.style.color = "inherit";
+      element.style.textDecoration = "none";
     }
     if (node.type === "shape") {
       const presetPath = normalizedPresetGeometryPath(node.geometry.preset);