@idealyst/markdown 1.2.56 → 1.2.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/markdown",
-  "version": "1.2.56",
+  "version": "1.2.58",
   "description": "Cross-platform markdown renderer and editor for React and React Native with theme integration",
   "main": "src/index.ts",
   "module": "src/index.ts",
@@ -41,7 +41,7 @@
   },
   "peerDependencies": {
     "@10play/tentap-editor": ">=0.5.0",
-    "@idealyst/theme": "^1.2.56",
+    "@idealyst/theme": "^1.2.58",
     "@tiptap/extension-link": ">=2.0.0",
     "@tiptap/extension-placeholder": ">=2.0.0",
     "@tiptap/extension-task-item": ">=2.0.0",
@@ -114,7 +114,7 @@
   },
   "devDependencies": {
     "@10play/tentap-editor": "^0.5.0",
-    "@idealyst/theme": "^1.2.56",
+    "@idealyst/theme": "^1.2.58",
     "@tiptap/extension-link": "^2.11.0",
     "@tiptap/extension-placeholder": "^2.11.0",
     "@tiptap/extension-task-item": "^2.11.0",

package/src/Markdown/Markdown.web.tsx

@@ -5,6 +5,7 @@ import { getWebProps } from 'react-native-unistyles/web';
 import { markdownStyles } from './Markdown.styles';
 import { createWebRenderers } from '../renderers/web';
 import type { MarkdownProps } from './types';
+import { flattenStyle } from '../flattenStyle';
 
 /**
  * Cross-platform Markdown renderer for web.
@@ -64,7 +65,7 @@ const Markdown = forwardRef<HTMLDivElement, MarkdownProps>(
     // Get web props for the container
     const containerStyleArray = [
       (markdownStyles.container as any)({ size, linkIntent }),
-      style,
+      flattenStyle(style),
     ];
     const webProps = getWebProps(containerStyleArray);
 

package/src/flattenStyle.ts

@@ -0,0 +1,21 @@
+import type { StyleProp } from 'react-native';
+
+/**
+ * Flattens a style prop (which can be a single style, an array of styles,
+ * or nested arrays) into a single style object.
+ */
+export function flattenStyle<T extends object>(
+  style: StyleProp<T> | React.CSSProperties | undefined
+): React.CSSProperties {
+  if (!style) {
+    return {};
+  }
+
+  if (Array.isArray(style)) {
+    return style.reduce<React.CSSProperties>((acc, s) => {
+      return { ...acc, ...flattenStyle(s as StyleProp<T>) };
+    }, {});
+  }
+
+  return style as React.CSSProperties;
+}