🐛(export) fix export unsupported colors

Some colors bind to a text style are not supported.
If it is the case, we fallback to the default color.

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/paragraphPDF.tsx

@@ -23,8 +23,9 @@ export const blockMappingParagraphPDF: DocsExporterPDF['mappings']['blockMapping
         });
       }
     }
+
     return (
-      <Text key={block.id}>
+      <Text key={'paragraph' + block.id}>
         {exporter.transformInlineContent(block.content)}
       </Text>
     );

src/frontend/apps/impress/src/features/docs/doc-export/mappingDocx.tsx

@@ -39,5 +39,26 @@ export const docxDocsSchemaMappings: DocsExporterDocx['mappings'] = {
             shading: { fill: 'DCDCDC' },
           }
         : {},
+    // If the color is not defined, we fall back to default colors
+    backgroundColor: (val, exporter) => {
+      if (!val) {
+        return {};
+      }
+      return {
+        shading: {
+          fill:
+            exporter.options.colors?.[val]?.background?.slice(1) || '#ffffff',
+        },
+      };
+    },
+    // If the color is not defined, we fall back to default colors
+    textColor: (val, exporter) => {
+      if (!val) {
+        return {};
+      }
+      return {
+        color: exporter.options.colors?.[val]?.text?.slice(1) || '#3c3b38',
+      };
+    },
   },
 };

src/frontend/apps/impress/src/features/docs/doc-export/mappingPDF.tsx

@@ -39,5 +39,25 @@ export const pdfDocsSchemaMappings: DocsExporterPDF['mappings'] = {
     // that is not available in italics
     code: (enabled?: boolean) =>
       enabled ? { fontFamily: 'Courier', backgroundColor: '#dcdcdc' } : {},
+    // If the color is not defined, we fall back to default colors
+    textColor: (val, exporter) => {
+      if (!val) {
+        return {};
+      }
+
+      return {
+        color: exporter.options.colors?.[val]?.text || '#3c3b38',
+      };
+    },
+    // If the color is not defined, we fall back to default colors
+    backgroundColor: (val, exporter) => {
+      if (!val) {
+        return {};
+      }
+      return {
+        backgroundColor:
+          exporter.options.colors?.[val]?.background || '#ffffff',
+      };
+    },
   },
 };