@draftbit/core 46.4.4-131f72.2 → 46.4.4-1c8d6e.2

package/src/mappings/Table.js

@@ -0,0 +1,136 @@
+import { COMPONENT_TYPES, GROUPS, createBoolProp, createTextProp, createNumberProp, StylesPanelSections, } from "@draftbit/types";
+export const SEED_DATA = [
+    {
+        name: "Table",
+        tag: "Table",
+        category: COMPONENT_TYPES.container,
+        stylesPanelSections: [
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        layout: {
+            width: "100%",
+        },
+        props: {},
+    },
+    {
+        name: "Table Row",
+        tag: "TableRow",
+        category: COMPONENT_TYPES.container,
+        stylesPanelSections: [
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        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,
+        },
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        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,
+        stylesPanelSections: [
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        layout: {
+            paddingLeft: 16,
+            paddingRight: 16,
+            borderBottomWidth: 1,
+            borderStyle: "solid",
+            backgroundColor: "#EFEFEF",
+        },
+        props: {},
+    },
+    {
+        name: "Table Title",
+        tag: "TableTitle",
+        category: COMPONENT_TYPES.container,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Effects,
+        ],
+        layout: {
+            fontSize: 14,
+            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/mappings/Table.ts

@@ -0,0 +1,144 @@
+import {
+  COMPONENT_TYPES,
+  GROUPS,
+  createBoolProp,
+  createTextProp,
+  createNumberProp,
+  StylesPanelSections,
+} from "@draftbit/types";
+
+export const SEED_DATA = [
+  {
+    name: "Table",
+    tag: "Table",
+    category: COMPONENT_TYPES.container,
+    stylesPanelSections: [
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    layout: {
+      width: "100%",
+    },
+    props: {},
+  },
+  {
+    name: "Table Row",
+    tag: "TableRow",
+    category: COMPONENT_TYPES.container,
+    stylesPanelSections: [
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    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,
+    },
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    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,
+    stylesPanelSections: [
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    layout: {
+      paddingLeft: 16,
+      paddingRight: 16,
+      borderBottomWidth: 1,
+      borderStyle: "solid",
+      backgroundColor: "#EFEFEF",
+    },
+    props: {},
+  },
+  {
+    name: "Table Title",
+    tag: "TableTitle",
+    category: COMPONENT_TYPES.container,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Effects,
+    ],
+    layout: {
+      fontSize: 14,
+      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/mappings/TextField.js

@@ -16,7 +16,7 @@ const SEED_DATA_PROPS = {
         description: "Can automatically capitalize sentences, words, and characters (Default: none).",
         editable: true,
         required: false,
-        defaultValue: null,
+        defaultValue: "none",
         options: ["none", "sentences", "words", "characters"],
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,

package/src/mappings/TextField.ts

@@ -30,7 +30,7 @@ const SEED_DATA_PROPS = {
       "Can automatically capitalize sentences, words, and characters (Default: none).",
     editable: true,
     required: false,
-    defaultValue: null,
+    defaultValue: "none",
     options: ["none", "sentences", "words", "characters"],
     formType: FORM_TYPES.flatArray,
     propType: PROP_TYPES.STRING,

package/src/mappings/TextInput.js

@@ -104,7 +104,7 @@ export const SEED_DATA = [
                 description: "Can automatically capitalize sentences, words, and characters (Default: none).",
                 editable: true,
                 required: false,
-                defaultValue: null,
+                defaultValue: "none",
                 options: ["none", "sentences", "words", "characters"],
                 formType: FORM_TYPES.flatArray,
                 propType: PROP_TYPES.STRING,

package/src/mappings/TextInput.ts

@@ -121,7 +121,7 @@ export const SEED_DATA = [
           "Can automatically capitalize sentences, words, and characters (Default: none).",
         editable: true,
         required: false,
-        defaultValue: null,
+        defaultValue: "none",
         options: ["none", "sentences", "words", "characters"],
         formType: FORM_TYPES.flatArray,
         propType: PROP_TYPES.STRING,

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 = [