@draftbit/core 50.0.2 → 50.0.3-5e5617.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "50.0.2",
+  "version": "50.0.3-5e5617.2+5e56173",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "50.0.2",
+    "@draftbit/types": "^50.0.3-5e5617.2+5e56173",
     "@expo/vector-icons": "^14.0.0",
     "@gorhom/bottom-sheet": "5.0.0-alpha.7",
     "@material-ui/core": "^4.11.0",
@@ -114,5 +114,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "9e22f20c66aac16f2758fdae149f4b6d0e69f47c"
+  "gitHead": "5e561735e52646c219f81cfe1c8cea40dadfe948"
 }

package/src/components/Markdown.js

@@ -1,6 +1,7 @@
 import * as React from "react";
-import { StyleSheet } from "react-native";
+import { Text, StyleSheet, } from "react-native";
 import MarkdownComponent from "react-native-markdown-display";
+import { extractStyles } from "../utilities";
 const childToString = (child) => {
     if (typeof child === "undefined" ||
         child === null ||
@@ -15,10 +16,18 @@ const childToString = (child) => {
 const Markdown = ({ children: childrenProp, style, }) => {
     const children = React.Children.toArray(childrenProp);
     const text = children.map(childToString).join("");
+    const bodyStyle = StyleSheet.flatten(style);
+    const { textStyles } = extractStyles(bodyStyle);
     return (
     //'body' style applies to all markdown components
     //@ts-ignore TS does not like the type of this named style for some reason
-    React.createElement(MarkdownComponent, { style: { body: StyleSheet.flatten(style) } }, text));
+    React.createElement(MarkdownComponent, { style: { body: bodyStyle }, rules: {
+            // By default, strong does not work with custom fonts on iOS. This addresses the issue
+            strong: (node) => (React.createElement(Text, { key: node.key, style: {
+                    ...textStyles,
+                    fontWeight: "bold",
+                } }, node.children[0].content)),
+        } }, text));
 };
 export default Markdown;
 //# sourceMappingURL=Markdown.js.map

package/src/components/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAM9D,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAU,EAAE;IACxD,IACE,OAAO,KAAK,KAAK,WAAW;QAC5B,KAAK,KAAK,IAAI;QACd,OAAO,KAAK,KAAK,SAAS,EAC1B;QACA,OAAO,EAAE,CAAC;KACX;IAED,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;QAClC,OAAO,EAAE,CAAC;KACX;IAED,OAAQ,KAAyB,CAAC,QAAQ,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAqD,CAAC,EAClE,QAAQ,EAAE,YAAY,EACtB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAElD,OAAO;IACL,iDAAiD;IACjD,0EAA0E;IAC1E,oBAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAC1D,IAAI,CACa,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EAIJ,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAM7C,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAU,EAAE;IACxD,IACE,OAAO,KAAK,KAAK,WAAW;QAC5B,KAAK,KAAK,IAAI;QACd,OAAO,KAAK,KAAK,SAAS,EAC1B;QACA,OAAO,EAAE,CAAC;KACX;IAED,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;QAClC,OAAO,EAAE,CAAC;KACX;IAED,OAAQ,KAAyB,CAAC,QAAQ,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAqD,CAAC,EAClE,QAAQ,EAAE,YAAY,EACtB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAEhD,OAAO;IACL,iDAAiD;IACjD,0EAA0E;IAC1E,oBAAC,iBAAiB,IAChB,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAC1B,KAAK,EAAE;YACL,sFAAsF;YACtF,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,oBAAC,IAAI,IACH,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE;oBACL,GAAG,UAAU;oBACb,UAAU,EAAE,MAAM;iBACnB,IAEA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CACpB,CACR;SACF,IAEA,IAAI,CACa,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/Markdown.tsx

@@ -1,9 +1,16 @@
 import * as React from "react";
-import { StyleProp, ViewStyle, StyleSheet } from "react-native";
+import {
+  Text,
+  StyleProp,
+  ViewStyle,
+  TextStyle,
+  StyleSheet,
+} from "react-native";
 import MarkdownComponent from "react-native-markdown-display";
+import { extractStyles } from "../utilities";
 
 type MarkdownProps = {
-  style?: StyleProp<ViewStyle>;
+  style?: StyleProp<ViewStyle & TextStyle>;
 };
 
 const childToString = (child?: React.ReactNode): string => {
@@ -29,10 +36,29 @@ const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>> = ({
   const children = React.Children.toArray(childrenProp);
   const text = children.map(childToString).join("");
 
+  const bodyStyle = StyleSheet.flatten(style);
+  const { textStyles } = extractStyles(bodyStyle);
+
   return (
     //'body' style applies to all markdown components
     //@ts-ignore TS does not like the type of this named style for some reason
-    <MarkdownComponent style={{ body: StyleSheet.flatten(style) }}>
+    <MarkdownComponent
+      style={{ body: bodyStyle }}
+      rules={{
+        // By default, strong does not work with custom fonts on iOS. This addresses the issue
+        strong: (node) => (
+          <Text
+            key={node.key}
+            style={{
+              ...textStyles,
+              fontWeight: "bold",
+            }}
+          >
+            {node.children[0].content}
+          </Text>
+        ),
+      }}
+    >
       {text}
     </MarkdownComponent>
   );