@draftbit/core 46.2.4-023e4d.5 → 46.2.4-043a09.5

package/src/utilities.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { isString, isNumber, pick, pickBy, identity } from "lodash";
+import { isString, isNumber, pick, pickBy, identity, omitBy, isNil, } from "lodash";
 export function extractStyles(style) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
     const textStyles = {
@@ -15,7 +15,10 @@ export function extractStyles(style) {
         textDecorationColor,
         textDecorationStyle,
     };
-    return { viewStyles, textStyles };
+    return {
+        viewStyles: omitBy(viewStyles, isNil),
+        textStyles: omitBy(textStyles, isNil),
+    };
 }
 export const borderStyleNames = [
     "borderRadius",

package/src/utilities.ts

@@ -1,5 +1,13 @@
 import { StyleSheet, StyleProp, TextStyle } from "react-native";
-import { isString, isNumber, pick, pickBy, identity } from "lodash";
+import {
+  isString,
+  isNumber,
+  pick,
+  pickBy,
+  identity,
+  omitBy,
+  isNil,
+} from "lodash";
 
 export function extractStyles(style: StyleProp<any>) {
   const {
@@ -31,7 +39,10 @@ export function extractStyles(style: StyleProp<any>) {
     textDecorationStyle,
   };
 
-  return { viewStyles, textStyles };
+  return {
+    viewStyles: omitBy(viewStyles, isNil),
+    textStyles: omitBy(textStyles, isNil),
+  };
 }
 
 export const borderStyleNames = [

package/lib/module/mappings/Svg.js

@@ -1,16 +0,0 @@
-import { COMPONENT_TYPES, createSvgProp, StylesPanelSections } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "SVG",
-  tag: "SVG",
-  description: "An SVG component",
-  packageName: "@draftbit/core",
-  category: COMPONENT_TYPES.media,
-  layout: {
-    width: 100,
-    height: 100
-  },
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
-  props: {
-    source: createSvgProp()
-  }
-};

package/lib/typescript/src/components/Svg.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { StyleProp, ImageStyle } from "react-native";
-declare type SvgComponentProps = {
-    source: string;
-    style?: StyleProp<ImageStyle>;
-};
-declare const Svg: React.FC<React.PropsWithChildren<SvgComponentProps>>;
-export default Svg;

package/src/mappings/Svg.js

@@ -1,21 +0,0 @@
-import { COMPONENT_TYPES, createSvgProp, StylesPanelSections, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "SVG",
-    tag: "SVG",
-    description: "An SVG component",
-    packageName: "@draftbit/core",
-    category: COMPONENT_TYPES.media,
-    layout: {
-        width: 100,
-        height: 100,
-    },
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-    ],
-    props: {
-        source: createSvgProp(),
-    },
-};

package/src/mappings/Svg.ts

@@ -1,26 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createSvgProp,
-  StylesPanelSections,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "SVG",
-  tag: "SVG",
-  description: "An SVG component",
-  packageName: "@draftbit/core",
-  category: COMPONENT_TYPES.media,
-  layout: {
-    width: 100,
-    height: 100,
-  },
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-  ],
-  props: {
-    source: createSvgProp(),
-  },
-};