@draftbit/core 43.4.5-312b1d.1 → 43.4.5-4e19aa.1

package/src/mappings/Table.js

@@ -0,0 +1,102 @@
+import {
+  COMPONENT_TYPES,
+  GROUPS,
+  createBoolProp,
+  createTextProp,
+  createNumberProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = [
+  {
+    name: "Table",
+    tag: "Table",
+    category: COMPONENT_TYPES.container,
+    layout: {
+      width: "100%",
+    },
+    props: {},
+  },
+  {
+    name: "Table Row",
+    tag: "TableRow",
+    category: COMPONENT_TYPES.container,
+    layout: {
+      paddingLeft: 16,
+      paddingRight: 16,
+      borderBottomWidth: 1,
+      borderStyle: "solid",
+    },
+    props: {},
+  },
+  {
+    name: "Table Cell",
+    tag: "TableCell",
+    category: COMPONENT_TYPES.container,
+    layout: {
+      paddingTop: 16,
+      paddingBottom: 16,
+      paddingLeft: 8,
+      paddingRight: 8,
+    },
+    props: {
+      numeric: createBoolProp({
+        label: "Is Numeric Cell?",
+        description: "Does the cell contain a numeric value?",
+        group: GROUPS.data,
+      }),
+      value: createTextProp({
+        label: "Cell Value",
+        description: "Table Cell Value",
+        group: GROUPS.data,
+      }),
+    },
+  },
+  {
+    name: "Table Header",
+    tag: "TableHeader",
+    category: COMPONENT_TYPES.container,
+    layout: {
+      paddingLeft: 16,
+      paddingRight: 16,
+      borderBottomWidth: 1,
+      borderStyle: "solid",
+      backgroundColor: "#EFEFEF",
+    },
+    props: {},
+  },
+  {
+    name: "Table Title",
+    tag: "TableTitle",
+    category: COMPONENT_TYPES.container,
+    layout: {
+      fontSize: 14,
+      fontWeight: "500",
+      paddingTop: 16,
+      paddingBottom: 16,
+      paddingLeft: 8,
+      paddingRight: 8,
+    },
+    props: {
+      numeric: createBoolProp({
+        label: "Is Numeric Cell?",
+        description: "Does the cell contain a numeric value?",
+        group: GROUPS.data,
+      }),
+      value: createTextProp({
+        label: "Cell Value",
+        description: "Table Cell Value",
+        group: GROUPS.data,
+      }),
+      isAscending: createBoolProp({
+        label: "Is Ascending?",
+        description: "Does the cell contain a numeric value?",
+        group: GROUPS.data,
+      }),
+      numberOfLines: createNumberProp({
+        label: "Number of Lines",
+        description: "Number of Lines",
+        group: GROUPS.basic,
+      }),
+    },
+  },
+];

package/src/utilities.js

@@ -1,5 +1,6 @@
 import { StyleSheet } from "react-native";
-import { isString, isNumber } from "lodash";
+import omitBy from "lodash/omitBy";
+import isNil from "lodash/isNil";
 export function extractStyles(style) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
     const textStyles = {
@@ -15,7 +16,10 @@ export function extractStyles(style) {
         textDecorationColor,
         textDecorationStyle,
     };
-    return { viewStyles, textStyles };
+    return {
+        viewStyles: omitBy(viewStyles, isNil),
+        textStyles: omitBy(textStyles, isNil),
+    };
 }
 /**
  * Merges a style object on top of another style object. In React Native,
@@ -41,17 +45,3 @@ export function applyStyles(baseStyles, stylesToApply) {
     }
     return flattenedStyles;
 }
-export function getValueForRadioButton(value) {
-    if (isString(value)) {
-        return value;
-    }
-    else if (isNumber(value)) {
-        return String(value);
-    }
-    else if (value === undefined) {
-        return undefined;
-    }
-    else {
-        throw new Error(`Invalid value: ${value}`);
-    }
-}

package/src/utilities.ts

@@ -1,5 +1,6 @@
 import { StyleSheet, StyleProp, TextStyle } from "react-native";
-import { isString, isNumber } from "lodash";
+import omitBy from "lodash/omitBy";
+import isNil from "lodash/isNil";
 
 export function extractStyles(style: StyleProp<any>) {
   const {
@@ -31,7 +32,10 @@ export function extractStyles(style: StyleProp<any>) {
     textDecorationStyle,
   };
 
-  return { viewStyles, textStyles };
+  return {
+    viewStyles: omitBy(viewStyles, isNil),
+    textStyles: omitBy(textStyles, isNil),
+  };
 }
 
 /**
@@ -64,15 +68,3 @@ export function applyStyles(
 
   return flattenedStyles;
 }
-
-export function getValueForRadioButton(value?: string | number) {
-  if (isString(value)) {
-    return value;
-  } else if (isNumber(value)) {
-    return String(value);
-  } else if (value === undefined) {
-    return undefined;
-  } else {
-    throw new Error(`Invalid value: ${value}`);
-  }
-}