@draftbit/core 46.4.4-75acde.2 → 46.4.4-75b4aa.2

package/src/mappings/TextArea.ts

@@ -5,6 +5,7 @@ import {
   PROP_TYPES,
   FIELD_NAME,
   Triggers,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -69,6 +70,17 @@ export const SEED_DATA = {
       formType: FORM_TYPES.boolean,
       propType: PROP_TYPES.BOOLEAN,
     },
+    blurOnSubmit: {
+      group: GROUPS.advanced,
+      label: "Blur On Submit",
+      description: "If true, the text field will blur when submitted. ",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+    },
+    disabled: createDisabledProp(),
     caretHidden: {
       group: GROUPS.advanced,
       label: "Hide Caret",
@@ -91,12 +103,12 @@ export const SEED_DATA = {
       propType: PROP_TYPES.BOOLEAN,
     },
     editable: {
-      group: GROUPS.advanced,
-      label: "Editable",
+      group: GROUPS.data,
+      label: "Editable?",
       description: "If false, the text is not editable",
       editable: true,
       required: false,
-      defaultValue: true,
+      defaultValue: null,
       formType: FORM_TYPES.boolean,
       propType: PROP_TYPES.BOOLEAN,
     },

package/src/mappings/TextField.js

@@ -62,7 +62,7 @@ const SEED_DATA_PROPS = {
         propType: PROP_TYPES.BOOLEAN,
     },
     disabled: {
-        group: GROUPS.basic,
+        group: GROUPS.data,
         label: "Disabled",
         description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
         formType: FORM_TYPES.boolean,
@@ -72,12 +72,22 @@ const SEED_DATA_PROPS = {
         required: false,
     },
     editable: {
-        group: GROUPS.advanced,
-        label: "Editable",
+        group: GROUPS.data,
+        label: "Editable?",
         description: "If false, the text is not editable",
         editable: true,
         required: false,
-        defaultValue: true,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+    },
+    blurOnSubmit: {
+        group: GROUPS.advanced,
+        label: "Blur On Submit",
+        description: "If true, the text field will blur when submitted. ",
+        editable: true,
+        required: false,
+        defaultValue: null,
         formType: FORM_TYPES.boolean,
         propType: PROP_TYPES.BOOLEAN,
     },

package/src/mappings/TextField.ts

@@ -77,7 +77,7 @@ const SEED_DATA_PROPS = {
     propType: PROP_TYPES.BOOLEAN,
   },
   disabled: {
-    group: GROUPS.basic,
+    group: GROUPS.data,
     label: "Disabled",
     description:
       "Whether the input should be disabled. Will prevent input and show a greyed out state.",
@@ -88,12 +88,22 @@ const SEED_DATA_PROPS = {
     required: false,
   },
   editable: {
-    group: GROUPS.advanced,
-    label: "Editable",
+    group: GROUPS.data,
+    label: "Editable?",
     description: "If false, the text is not editable",
     editable: true,
     required: false,
-    defaultValue: true,
+    defaultValue: null,
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN,
+  },
+  blurOnSubmit: {
+    group: GROUPS.advanced,
+    label: "Blur On Submit",
+    description: "If true, the text field will blur when submitted. ",
+    editable: true,
+    required: false,
+    defaultValue: null,
     formType: FORM_TYPES.boolean,
     propType: PROP_TYPES.BOOLEAN,
   },

package/src/mappings/TextInput.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA_PROPS = {
     style: {
         group: GROUPS.basic,
@@ -150,12 +150,12 @@ export const SEED_DATA = [
                 propType: PROP_TYPES.BOOLEAN,
             },
             editable: {
-                group: GROUPS.advanced,
-                label: "Editable",
+                group: GROUPS.data,
+                label: "Editable?",
                 description: "If false, the text is not editable",
                 editable: true,
                 required: false,
-                defaultValue: true,
+                defaultValue: null,
                 formType: FORM_TYPES.boolean,
                 propType: PROP_TYPES.BOOLEAN,
             },
@@ -238,6 +238,16 @@ export const SEED_DATA = [
                 formType: FORM_TYPES.string,
                 propType: PROP_TYPES.STRING,
             },
+            blurOnSubmit: {
+                group: GROUPS.advanced,
+                label: "Blur On Submit",
+                description: "If true, the text field will blur when submitted. ",
+                editable: true,
+                required: false,
+                defaultValue: null,
+                formType: FORM_TYPES.boolean,
+                propType: PROP_TYPES.BOOLEAN,
+            },
             returnKeyType: {
                 group: GROUPS.advanced,
                 label: "Return Key Type",
@@ -317,6 +327,7 @@ export const SEED_DATA = [
                 formType: FORM_TYPES.number,
                 propType: PROP_TYPES.NUMBER,
             },
+            disabled: createDisabledProp(),
             scrollEnabled: {
                 group: GROUPS.basic,
                 label: "Scroll Enabled",

package/src/mappings/TextInput.ts

@@ -6,6 +6,7 @@ import {
   FIELD_NAME,
   Triggers,
   StylesPanelSections,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA_PROPS = {
@@ -168,12 +169,12 @@ export const SEED_DATA = [
         propType: PROP_TYPES.BOOLEAN,
       },
       editable: {
-        group: GROUPS.advanced,
-        label: "Editable",
+        group: GROUPS.data,
+        label: "Editable?",
         description: "If false, the text is not editable",
         editable: true,
         required: false,
-        defaultValue: true,
+        defaultValue: null,
         formType: FORM_TYPES.boolean,
         propType: PROP_TYPES.BOOLEAN,
       },
@@ -258,6 +259,16 @@ export const SEED_DATA = [
         formType: FORM_TYPES.string,
         propType: PROP_TYPES.STRING,
       },
+      blurOnSubmit: {
+        group: GROUPS.advanced,
+        label: "Blur On Submit",
+        description: "If true, the text field will blur when submitted. ",
+        editable: true,
+        required: false,
+        defaultValue: null,
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+      },
       returnKeyType: {
         group: GROUPS.advanced,
         label: "Return Key Type",
@@ -341,6 +352,7 @@ export const SEED_DATA = [
         formType: FORM_TYPES.number,
         propType: PROP_TYPES.NUMBER,
       },
+      disabled: createDisabledProp(),
       scrollEnabled: {
         group: GROUPS.basic,
         label: "Scroll Enabled",

package/lib/commonjs/mappings/HtmlElements.js

@@ -1,125 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: _types.COMPONENT_TYPES.element,
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS,
-  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/HtmlElements.js

@@ -1,116 +0,0 @@
-import { COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, StylesPanelSections, Triggers } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-export const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: createTextProp({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS,
-  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-    // strong: createBoolProp({
-    //     label: "Strong",
-    //     description: "Strong",
-    // }),
-    // strike: createBoolProp({
-    //     label: "Strike",
-    //     description: "Strike through",
-    // }),
-    // italic: createBoolProp({
-    //     label: "Italic",
-    //     description: "Italic Fonts",
-    // }),
-    // bold: createBoolProp({
-    //     label: "Bold",
-    //     description: "Bold",
-    // }),
-  }
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];

package/lib/typescript/src/mappings/HtmlElements.d.ts

@@ -1,49 +0,0 @@
-export declare const SEED_DATA: ({
-    category: string;
-    doc_link: string;
-    code_link: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href: any;
-        target: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-    };
-    category: string;
-    doc_link: string;
-    code_link: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href?: undefined;
-        target?: undefined;
-    };
-    category: string;
-    doc_link: string;
-    code_link: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-})[];

package/src/mappings/HtmlElements.js

@@ -1,141 +0,0 @@
-import { COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, StylesPanelSections, Triggers, } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-    category: COMPONENT_TYPES.element,
-    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
-    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
-    stylesPanelSections: [
-        StylesPanelSections.Typography,
-        StylesPanelSections.LayoutSelectedItem,
-        StylesPanelSections.MarginsAndPaddings,
-        StylesPanelSections.Effects,
-    ],
-    layout: {
-        margin: 0,
-    },
-    triggers: SEED_DATA_TRIGGERS,
-};
-const HEADING_PROPS = {
-    ...ELEMENT_PROPS,
-};
-export const SEED_DATA = [
-    {
-        name: "H1",
-        tag: "H1",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H2",
-        tag: "H2",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H3",
-        tag: "H3",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H4",
-        tag: "H4",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H5",
-        tag: "H5",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H6",
-        tag: "H6",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "Anchor",
-        tag: "A",
-        ...ELEMENT_PROPS,
-        props: {
-            href: createTextProp({
-                label: "href",
-                description: "Specify the URL",
-                defaultValue: "",
-            }),
-            target: {
-                group: GROUPS.basic,
-                label: "target",
-                description: "decide where link should open",
-                formType: FORM_TYPES.flatArray,
-                defaultValue: "_blank",
-                options: ["_blank", "_self", "_parent", "_top"],
-            },
-        },
-    },
-    {
-        name: "Paragraph",
-        tag: "P",
-        ...ELEMENT_PROPS,
-        props: {
-        // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
-        // strong: createBoolProp({
-        //     label: "Strong",
-        //     description: "Strong",
-        // }),
-        // strike: createBoolProp({
-        //     label: "Strike",
-        //     description: "Strike through",
-        // }),
-        // italic: createBoolProp({
-        //     label: "Italic",
-        //     description: "Italic Fonts",
-        // }),
-        // bold: createBoolProp({
-        //     label: "Bold",
-        //     description: "Bold",
-        // }),
-        },
-    },
-    {
-        name: "Code",
-        tag: "Code",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Pre",
-        tag: "Pre",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Mark",
-        tag: "Mark",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BR",
-        tag: "BR",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BlockQuote",
-        tag: "BlockQuote",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Time",
-        tag: "Time",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "UL",
-        tag: "UL",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "LI",
-        tag: "LI",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "HR",
-        tag: "HR",
-        ...ELEMENT_PROPS,
-    },
-];