@draftbit/core 46.2.3 → 46.2.4-2fc21b.3

package/src/mappings/NumberInput.js

@@ -1,166 +1,4 @@
 import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, } from "@draftbit/types";
-const NUMBER_INPUT_PROPS = {
-    allowFontScaling: {
-        group: GROUPS.advanced,
-        label: "Allow Font Scaling",
-        description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    autoFocus: {
-        group: GROUPS.basic,
-        label: "Auto Focus",
-        description: "Focuses the input on load in and brings up the keyboard",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    caretHidden: {
-        group: GROUPS.advanced,
-        label: "Hide Caret",
-        description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    contextMenuHidden: {
-        group: GROUPS.advanced,
-        label: "Hide Context Menu",
-        description: "Hides the system context menu (Default: false)",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    editable: {
-        group: GROUPS.advanced,
-        label: "Editable",
-        description: "If false, the text is not editable",
-        editable: true,
-        required: false,
-        defaultValue: true,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-    keyboardAppearance: {
-        group: GROUPS.advanced,
-        label: "Keyboard Appearance",
-        description: "Determines the color of the keyboard.(iOS Only)",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        options: ["default", "light", "dark"],
-        formType: FORM_TYPES.flatArray,
-        propType: PROP_TYPES.STRING,
-    },
-    keyboardType: {
-        group: GROUPS.advanced,
-        label: "Keyboard Type",
-        description: "Determines what keyboard is given to the user.",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        options: ["numeric", "numbers-and-punctuation", "number-pad"],
-        formType: FORM_TYPES.flatArray,
-        propType: PROP_TYPES.STRING,
-    },
-    maxLength: {
-        group: GROUPS.basic,
-        label: "Max Length",
-        description: "Limits the input to a set number of characters.",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        min: 0,
-        step: 1,
-        precision: 0,
-        formType: FORM_TYPES.number,
-        propType: PROP_TYPES.NUMBER,
-    },
-    placeholder: {
-        group: GROUPS.basic,
-        label: "Placeholder Text",
-        description: "The text that is shown on load when no value is available.",
-        editable: true,
-        required: false,
-        defaultValue: "Enter a number...",
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-    },
-    placeholderTextColor: {
-        group: GROUPS.basic,
-        label: "Placeholder Text Color",
-        description: "The color of the placeholder text.",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.STRING,
-    },
-    returnKeyLabel: {
-        group: GROUPS.advanced,
-        label: "Return Key Label",
-        description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.string,
-        propType: PROP_TYPES.STRING,
-    },
-    returnKeyType: {
-        group: GROUPS.advanced,
-        label: "Return Key Type",
-        description: "Determines how the return key should look like",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        options: [
-            "done",
-            "go",
-            "next",
-            "search",
-            "send",
-            "none",
-            "previous",
-            "default",
-            "emergency-call",
-            "google",
-            "join",
-            "route",
-            "yahoo",
-        ],
-        formType: FORM_TYPES.flatArray,
-        propType: PROP_TYPES.STRING,
-    },
-    selectionColor: {
-        group: GROUPS.advanced,
-        label: "Selection Color",
-        description: "Color of the highlighted portion when selecting.",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.color,
-        propType: PROP_TYPES.STRING,
-    },
-    selectTextOnFocus: {
-        group: GROUPS.advanced,
-        label: "Select Text on Focus",
-        description: "If true, all the text will automatically be selected on focus",
-        editable: true,
-        required: false,
-        defaultValue: null,
-        formType: FORM_TYPES.boolean,
-        propType: PROP_TYPES.BOOLEAN,
-    },
-};
 export const SEED_DATA_PROPS = {
     style: {
         group: GROUPS.basic,
@@ -251,7 +89,166 @@ export const SEED_DATA = [
         triggers: [Triggers.OnChangeText],
         props: {
             ...SEED_DATA_PROPS,
-            ...NUMBER_INPUT_PROPS,
+            allowFontScaling: {
+                group: GROUPS.advanced,
+                label: "Allow Font Scaling",
+                description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
+            autoFocus: {
+                group: GROUPS.basic,
+                label: "Auto Focus",
+                description: "Focuses the input on load in and brings up the keyboard",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
+            caretHidden: {
+                group: GROUPS.advanced,
+                label: "Hide Caret",
+                description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
+            contextMenuHidden: {
+                group: GROUPS.advanced,
+                label: "Hide Context Menu",
+                description: "Hides the system context menu (Default: false)",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
+            editable: {
+                group: GROUPS.advanced,
+                label: "Editable",
+                description: "If false, the text is not editable",
+                editable: true,
+                required: false,
+                defaultValue: true,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
+            keyboardAppearance: {
+                group: GROUPS.advanced,
+                label: "Keyboard Appearance",
+                description: "Determines the color of the keyboard.(iOS Only)",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                options: ["default", "light", "dark"],
+                formType: FORM_TYPES.flatArray,
+                propType: PROP_TYPES.STRING,
+            },
+            keyboardType: {
+                group: GROUPS.advanced,
+                label: "Keyboard Type",
+                description: "Determines what keyboard is given to the user.",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                options: ["numeric", "numbers-and-punctuation", "number-pad"],
+                formType: FORM_TYPES.flatArray,
+                propType: PROP_TYPES.STRING,
+            },
+            maxLength: {
+                group: GROUPS.basic,
+                label: "Max Length",
+                description: "Limits the input to a set number of characters.",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                min: 0,
+                step: 1,
+                precision: 0,
+                formType: FORM_TYPES.number,
+                propType: PROP_TYPES.NUMBER,
+            },
+            placeholder: {
+                group: GROUPS.basic,
+                label: "Placeholder Text",
+                description: "The text that is shown on load when no value is available.",
+                editable: true,
+                required: false,
+                defaultValue: "Enter a number...",
+                formType: FORM_TYPES.string,
+                propType: PROP_TYPES.STRING,
+            },
+            placeholderTextColor: {
+                group: GROUPS.basic,
+                label: "Placeholder Text Color",
+                description: "The color of the placeholder text.",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.color,
+                propType: PROP_TYPES.STRING,
+            },
+            returnKeyLabel: {
+                group: GROUPS.advanced,
+                label: "Return Key Label",
+                description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.string,
+                propType: PROP_TYPES.STRING,
+            },
+            returnKeyType: {
+                group: GROUPS.advanced,
+                label: "Return Key Type",
+                description: "Determines how the return key should look like",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                options: [
+                    "done",
+                    "go",
+                    "next",
+                    "search",
+                    "send",
+                    "none",
+                    "previous",
+                    "default",
+                    "emergency-call",
+                    "google",
+                    "join",
+                    "route",
+                    "yahoo",
+                ],
+                formType: FORM_TYPES.flatArray,
+                propType: PROP_TYPES.STRING,
+            },
+            selectionColor: {
+                group: GROUPS.advanced,
+                label: "Selection Color",
+                description: "Color of the highlighted portion when selecting.",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.color,
+                propType: PROP_TYPES.STRING,
+            },
+            selectTextOnFocus: {
+                group: GROUPS.advanced,
+                label: "Select Text on Focus",
+                description: "If true, all the text will automatically be selected on focus",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
         },
     },
 ];

package/src/mappings/NumberInput.ts

@@ -8,173 +8,6 @@ import {
   StylesPanelSections,
 } from "@draftbit/types";
 
-const NUMBER_INPUT_PROPS = {
-  allowFontScaling: {
-    group: GROUPS.advanced,
-    label: "Allow Font Scaling",
-    description:
-      "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-  },
-  autoFocus: {
-    group: GROUPS.basic,
-    label: "Auto Focus",
-    description: "Focuses the input on load in and brings up the keyboard",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-  },
-  caretHidden: {
-    group: GROUPS.advanced,
-    label: "Hide Caret",
-    description:
-      "Hides the caret(the line small line underneath each showing where you're editing/typing",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-  },
-  contextMenuHidden: {
-    group: GROUPS.advanced,
-    label: "Hide Context Menu",
-    description: "Hides the system context menu (Default: false)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-  },
-  editable: {
-    group: GROUPS.advanced,
-    label: "Editable",
-    description: "If false, the text is not editable",
-    editable: true,
-    required: false,
-    defaultValue: true,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-  },
-  keyboardAppearance: {
-    group: GROUPS.advanced,
-    label: "Keyboard Appearance",
-    description: "Determines the color of the keyboard.(iOS Only)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["default", "light", "dark"],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-  },
-  keyboardType: {
-    group: GROUPS.advanced,
-    label: "Keyboard Type",
-    description: "Determines what keyboard is given to the user.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: ["numeric", "numbers-and-punctuation", "number-pad"],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-  },
-  maxLength: {
-    group: GROUPS.basic,
-    label: "Max Length",
-    description: "Limits the input to a set number of characters.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    min: 0,
-    step: 1,
-    precision: 0,
-    formType: FORM_TYPES.number,
-    propType: PROP_TYPES.NUMBER,
-  },
-  placeholder: {
-    group: GROUPS.basic,
-    label: "Placeholder Text",
-    description: "The text that is shown on load when no value is available.",
-    editable: true,
-    required: false,
-    defaultValue: "Enter a number...",
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-  },
-  placeholderTextColor: {
-    group: GROUPS.basic,
-    label: "Placeholder Text Color",
-    description: "The color of the placeholder text.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.color,
-    propType: PROP_TYPES.STRING,
-  },
-  returnKeyLabel: {
-    group: GROUPS.advanced,
-    label: "Return Key Label",
-    description:
-      "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.string,
-    propType: PROP_TYPES.STRING,
-  },
-  returnKeyType: {
-    group: GROUPS.advanced,
-    label: "Return Key Type",
-    description: "Determines how the return key should look like",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    options: [
-      "done",
-      "go",
-      "next",
-      "search",
-      "send",
-      "none",
-      "previous",
-      "default",
-      "emergency-call",
-      "google",
-      "join",
-      "route",
-      "yahoo",
-    ],
-    formType: FORM_TYPES.flatArray,
-    propType: PROP_TYPES.STRING,
-  },
-  selectionColor: {
-    group: GROUPS.advanced,
-    label: "Selection Color",
-    description: "Color of the highlighted portion when selecting.",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.color,
-    propType: PROP_TYPES.STRING,
-  },
-  selectTextOnFocus: {
-    group: GROUPS.advanced,
-    label: "Select Text on Focus",
-    description:
-      "If true, all the text will automatically be selected on focus",
-    editable: true,
-    required: false,
-    defaultValue: null,
-    formType: FORM_TYPES.boolean,
-    propType: PROP_TYPES.BOOLEAN,
-  },
-};
-
 export const SEED_DATA_PROPS = {
   style: {
     group: GROUPS.basic,
@@ -271,7 +104,171 @@ export const SEED_DATA = [
     triggers: [Triggers.OnChangeText],
     props: {
       ...SEED_DATA_PROPS,
-      ...NUMBER_INPUT_PROPS,
+      allowFontScaling: {
+        group: GROUPS.advanced,
+        label: "Allow Font Scaling",
+        description:
+          "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
+      autoFocus: {
+        group: GROUPS.basic,
+        label: "Auto Focus",
+        description: "Focuses the input on load in and brings up the keyboard",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
+      caretHidden: {
+        group: GROUPS.advanced,
+        label: "Hide Caret",
+        description:
+          "Hides the caret(the line small line underneath each showing where you're editing/typing",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
+      contextMenuHidden: {
+        group: GROUPS.advanced,
+        label: "Hide Context Menu",
+        description: "Hides the system context menu (Default: false)",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
+      editable: {
+        group: GROUPS.advanced,
+        label: "Editable",
+        description: "If false, the text is not editable",
+        editable: true,
+        required: false,
+        defaultValue: true,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
+      keyboardAppearance: {
+        group: GROUPS.advanced,
+        label: "Keyboard Appearance",
+        description: "Determines the color of the keyboard.(iOS Only)",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        options: ["default", "light", "dark"],
+        formType: FORM_TYPES.flatArray,
+        propType: PROP_TYPES.STRING,
+      },
+      keyboardType: {
+        group: GROUPS.advanced,
+        label: "Keyboard Type",
+        description: "Determines what keyboard is given to the user.",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        options: ["numeric", "numbers-and-punctuation", "number-pad"],
+        formType: FORM_TYPES.flatArray,
+        propType: PROP_TYPES.STRING,
+      },
+      maxLength: {
+        group: GROUPS.basic,
+        label: "Max Length",
+        description: "Limits the input to a set number of characters.",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        min: 0,
+        step: 1,
+        precision: 0,
+        formType: FORM_TYPES.number,
+        propType: PROP_TYPES.NUMBER,
+      },
+      placeholder: {
+        group: GROUPS.basic,
+        label: "Placeholder Text",
+        description:
+          "The text that is shown on load when no value is available.",
+        editable: true,
+        required: false,
+        defaultValue: "Enter a number...",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+      },
+      placeholderTextColor: {
+        group: GROUPS.basic,
+        label: "Placeholder Text Color",
+        description: "The color of the placeholder text.",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.color,
+        propType: PROP_TYPES.STRING,
+      },
+      returnKeyLabel: {
+        group: GROUPS.advanced,
+        label: "Return Key Label",
+        description:
+          "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+      },
+      returnKeyType: {
+        group: GROUPS.advanced,
+        label: "Return Key Type",
+        description: "Determines how the return key should look like",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        options: [
+          "done",
+          "go",
+          "next",
+          "search",
+          "send",
+          "none",
+          "previous",
+          "default",
+          "emergency-call",
+          "google",
+          "join",
+          "route",
+          "yahoo",
+        ],
+        formType: FORM_TYPES.flatArray,
+        propType: PROP_TYPES.STRING,
+      },
+      selectionColor: {
+        group: GROUPS.advanced,
+        label: "Selection Color",
+        description: "Color of the highlighted portion when selecting.",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.color,
+        propType: PROP_TYPES.STRING,
+      },
+      selectTextOnFocus: {
+        group: GROUPS.advanced,
+        label: "Select Text on Focus",
+        description:
+          "If true, all the text will automatically be selected on focus",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
     },
   },
 ];

package/src/mappings/SVG.js

@@ -0,0 +1,14 @@
+import { COMPONENT_TYPES, createSvgProp } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "SVG",
+    tag: "SVG",
+    description: "An SVG component",
+    category: COMPONENT_TYPES.media,
+    layout: {
+        width: 100,
+        height: 100,
+    },
+    props: {
+        source: createSvgProp(),
+    },
+};

package/src/mappings/SVG.ts

@@ -0,0 +1,15 @@
+import { COMPONENT_TYPES, createSvgProp } from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "SVG",
+  tag: "SVG",
+  description: "An SVG component",
+  category: COMPONENT_TYPES.media,
+  layout: {
+    width: 100,
+    height: 100,
+  },
+  props: {
+    source: createSvgProp(),
+  },
+};