@draftbit/core 46.4.4-cc754a.2 → 46.4.4-d53e01.2

package/lib/commonjs/mappings/DatePickerInput.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA_PROPS = {
+  locale: {
+    label: "Locale",
+    description: "Locale for the datepicker. Must be a valid Locale",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "en",
+    editable: true,
+    required: false,
+    group: _types.GROUPS.basic
+  },
+  label: {
+    label: "Label",
+    description: "The label to be displayed on the picker",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "Date",
+    editable: true,
+    required: true,
+    group: _types.GROUPS.data
+  },
+  calendarIcon: {
+    label: "Icon",
+    description: "The icon to display on the right",
+    formType: _types.FORM_TYPES.icon,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "calendar",
+    editable: true,
+    required: false,
+    group: _types.GROUPS.basic
+  },
+  mode: {
+    label: "Mode",
+    description: "Choose between date, time and datetime",
+    defaultValue: "date",
+    editable: true,
+    required: false,
+    formType: _types.FORM_TYPES.flatArray,
+    propType: _types.PROP_TYPES.STRING,
+    options: ["outlined", "flat"],
+    group: _types.GROUPS.basic
+  },
+  disabled: {
+    label: "Disabled",
+    description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false,
+    group: _types.GROUPS.data
+  },
+  fieldName: { ..._types.FIELD_NAME,
+    handlerPropName: "onChange",
+    valuePropName: "value",
+    defaultValue: "date"
+  }
+};
+const SEED_DATA = [{
+  name: "Date Picker Input",
+  tag: "DatePickerInput",
+  packageName: "react-native-paper-dates",
+  description: "A component used to select a date from a visual calendar",
+  category: _types.COMPONENT_TYPES.input,
+  layout: null,
+  triggers: [_types.Triggers.OnDateChange],
+  StylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Size],
+  props: { ...SEED_DATA_PROPS,
+    type: {
+      label: "Appearance",
+      description: "Type of Datepicker",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "solid",
+      options: ["solid", "underline"],
+      editable: true,
+      required: true,
+      group: _types.GROUPS.basic
+    }
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/TextArea.js

@@ -67,6 +67,17 @@ const SEED_DATA = {
       formType: _types.FORM_TYPES.boolean,
       propType: _types.PROP_TYPES.BOOLEAN
     },
+    blurOnSubmit: {
+      group: _types.GROUPS.advanced,
+      label: "Blur On Submit",
+      description: "If true, the text field will blur when submitted. ",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
+    disabled: (0, _types.createDisabledProp)(),
     caretHidden: {
       group: _types.GROUPS.advanced,
       label: "Hide Caret",
@@ -88,12 +99,12 @@ const SEED_DATA = {
       propType: _types.PROP_TYPES.BOOLEAN
     },
     editable: {
-      group: _types.GROUPS.advanced,
-      label: "Editable",
+      group: _types.GROUPS.data,
+      label: "Editable?",
       description: "If false, the text is not editable",
       editable: true,
       required: false,
-      defaultValue: true,
+      defaultValue: null,
       formType: _types.FORM_TYPES.boolean,
       propType: _types.PROP_TYPES.BOOLEAN
     },

package/lib/commonjs/mappings/TextField.js

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

package/lib/commonjs/mappings/TextInput.js

@@ -149,12 +149,12 @@ const SEED_DATA = [{
       propType: _types.PROP_TYPES.BOOLEAN
     },
     editable: {
-      group: _types.GROUPS.advanced,
-      label: "Editable",
+      group: _types.GROUPS.data,
+      label: "Editable?",
       description: "If false, the text is not editable",
       editable: true,
       required: false,
-      defaultValue: true,
+      defaultValue: null,
       formType: _types.FORM_TYPES.boolean,
       propType: _types.PROP_TYPES.BOOLEAN
     },
@@ -223,6 +223,16 @@ const SEED_DATA = [{
       formType: _types.FORM_TYPES.string,
       propType: _types.PROP_TYPES.STRING
     },
+    blurOnSubmit: {
+      group: _types.GROUPS.advanced,
+      label: "Blur On Submit",
+      description: "If true, the text field will blur when submitted. ",
+      editable: true,
+      required: false,
+      defaultValue: null,
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN
+    },
     returnKeyType: {
       group: _types.GROUPS.advanced,
       label: "Return Key Type",
@@ -288,6 +298,7 @@ const SEED_DATA = [{
       formType: _types.FORM_TYPES.number,
       propType: _types.PROP_TYPES.NUMBER
     },
+    disabled: (0, _types.createDisabledProp)(),
     scrollEnabled: {
       group: _types.GROUPS.basic,
       label: "Scroll Enabled",

package/lib/module/mappings/DatePickerInput.js

@@ -0,0 +1,82 @@
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections } from "@draftbit/types";
+const SEED_DATA_PROPS = {
+  locale: {
+    label: "Locale",
+    description: "Locale for the datepicker. Must be a valid Locale",
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: "en",
+    editable: true,
+    required: false,
+    group: GROUPS.basic
+  },
+  label: {
+    label: "Label",
+    description: "The label to be displayed on the picker",
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: "Date",
+    editable: true,
+    required: true,
+    group: GROUPS.data
+  },
+  calendarIcon: {
+    label: "Icon",
+    description: "The icon to display on the right",
+    formType: FORM_TYPES.icon,
+    propType: PROP_TYPES.STRING,
+    defaultValue: "calendar",
+    editable: true,
+    required: false,
+    group: GROUPS.basic
+  },
+  mode: {
+    label: "Mode",
+    description: "Choose between date, time and datetime",
+    defaultValue: "date",
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING,
+    options: ["outlined", "flat"],
+    group: GROUPS.basic
+  },
+  disabled: {
+    label: "Disabled",
+    description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false,
+    group: GROUPS.data
+  },
+  fieldName: { ...FIELD_NAME,
+    handlerPropName: "onChange",
+    valuePropName: "value",
+    defaultValue: "date"
+  }
+};
+export const SEED_DATA = [{
+  name: "Date Picker Input",
+  tag: "DatePickerInput",
+  packageName: "react-native-paper-dates",
+  description: "A component used to select a date from a visual calendar",
+  category: COMPONENT_TYPES.input,
+  layout: null,
+  triggers: [Triggers.OnDateChange],
+  StylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size],
+  props: { ...SEED_DATA_PROPS,
+    type: {
+      label: "Appearance",
+      description: "Type of Datepicker",
+      formType: FORM_TYPES.flatArray,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "solid",
+      options: ["solid", "underline"],
+      editable: true,
+      required: true,
+      group: GROUPS.basic
+    }
+  }
+}];

package/lib/module/mappings/TextArea.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Text Area",
   tag: "TextInput",
@@ -59,6 +59,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",
@@ -80,12 +91,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/lib/module/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/lib/module/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,
@@ -140,12 +140,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
     },
@@ -214,6 +214,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",
@@ -279,6 +289,7 @@ export const SEED_DATA = [{
       formType: FORM_TYPES.number,
       propType: PROP_TYPES.NUMBER
     },
+    disabled: createDisabledProp(),
     scrollEnabled: {
       group: GROUPS.basic,
       label: "Scroll Enabled",

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

@@ -0,0 +1,87 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    packageName: string;
+    description: string;
+    category: string;
+    layout: null;
+    triggers: string[];
+    StylesPanelSections: string[];
+    props: {
+        type: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            options: string[];
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        locale: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        label: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        calendarIcon: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        mode: {
+            label: string;
+            description: string;
+            defaultValue: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            options: string[];
+            group: string;
+        };
+        disabled: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        fieldName: {
+            handlerPropName: string;
+            valuePropName: string;
+            defaultValue: string;
+            group: string;
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            editable: boolean;
+            required: boolean;
+        };
+    };
+}[];
+//# sourceMappingURL=DatePickerInput.d.ts.map

package/lib/typescript/src/mappings/DatePickerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DatePickerInput.ts"],"names":[],"mappings":"AAuEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCrB,CAAC"}

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

@@ -58,6 +58,26 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        blurOnSubmit: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
         caretHidden: {
             group: string;
             label: string;
@@ -84,7 +104,7 @@ export declare const SEED_DATA: {
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: boolean;
+            defaultValue: null;
             formType: string;
             propType: string;
         };

package/lib/typescript/src/mappings/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TextArea.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4QrB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TextArea.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuRrB,CAAC"}

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

@@ -125,7 +125,17 @@ export declare const SEED_DATA: ({
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        blurOnSubmit: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
             formType: string;
             propType: string;
         };
@@ -432,7 +442,17 @@ export declare const SEED_DATA: ({
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        blurOnSubmit: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
             formType: string;
             propType: string;
         };

package/lib/typescript/src/mappings/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TextField.ts"],"names":[],"mappings":"AAmTA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgGrB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TextField.ts"],"names":[],"mappings":"AA6TA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgGrB,CAAC"}

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

@@ -108,6 +108,16 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
         scrollEnabled: {
             group: string;
             label: string;
@@ -280,7 +290,7 @@ export declare const SEED_DATA: {
             description: string;
             editable: boolean;
             required: boolean;
-            defaultValue: boolean;
+            defaultValue: null;
             formType: string;
             propType: string;
         };
@@ -349,6 +359,16 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        blurOnSubmit: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
         returnKeyType: {
             group: string;
             label: string;

package/lib/typescript/src/mappings/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TextInput.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyVrB,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/mappings/TextInput.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoWrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-cc754a.2+cc754a2",
+  "version": "46.4.4-d53e01.2+d53e01d",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-cc754a.2+cc754a2",
+    "@draftbit/types": "^46.4.4-d53e01.2+d53e01d",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "cc754a211fa7c2880e0269a80fab9d492a4eca9a"
+  "gitHead": "d53e01dd396636891c663263eb8f99521888a619"
 }

package/src/mappings/DatePickerInput.js

@@ -0,0 +1,93 @@
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, } from "@draftbit/types";
+const SEED_DATA_PROPS = {
+    locale: {
+        label: "Locale",
+        description: "Locale for the datepicker. Must be a valid Locale",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "en",
+        editable: true,
+        required: false,
+        group: GROUPS.basic,
+    },
+    label: {
+        label: "Label",
+        description: "The label to be displayed on the picker",
+        formType: FORM_TYPES.string,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "Date",
+        editable: true,
+        required: true,
+        group: GROUPS.data,
+    },
+    calendarIcon: {
+        label: "Icon",
+        description: "The icon to display on the right",
+        formType: FORM_TYPES.icon,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "calendar",
+        editable: true,
+        required: false,
+        group: GROUPS.basic,
+    },
+    mode: {
+        label: "Mode",
+        description: "Choose between date, time and datetime",
+        defaultValue: "date",
+        editable: true,
+        required: false,
+        formType: FORM_TYPES.flatArray,
+        propType: PROP_TYPES.STRING,
+        options: ["outlined", "flat"],
+        group: GROUPS.basic,
+    },
+    disabled: {
+        label: "Disabled",
+        description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
+        formType: FORM_TYPES.boolean,
+        propType: PROP_TYPES.BOOLEAN,
+        defaultValue: false,
+        editable: true,
+        required: false,
+        group: GROUPS.data,
+    },
+    fieldName: {
+        ...FIELD_NAME,
+        handlerPropName: "onChange",
+        valuePropName: "value",
+        defaultValue: "date",
+    },
+};
+export const SEED_DATA = [
+    {
+        name: "Date Picker Input",
+        tag: "DatePickerInput",
+        packageName: "react-native-paper-dates",
+        description: "A component used to select a date from a visual calendar",
+        category: COMPONENT_TYPES.input,
+        layout: null,
+        triggers: [Triggers.OnDateChange],
+        StylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Borders,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Size,
+        ],
+        props: {
+            ...SEED_DATA_PROPS,
+            type: {
+                label: "Appearance",
+                description: "Type of Datepicker",
+                formType: FORM_TYPES.flatArray,
+                propType: PROP_TYPES.STRING,
+                defaultValue: "solid",
+                options: ["solid", "underline"],
+                editable: true,
+                required: true,
+                group: GROUPS.basic,
+            },
+        },
+    },
+];

package/src/mappings/DatePickerInput.ts

@@ -0,0 +1,104 @@
+import {
+  COMPONENT_TYPES,
+  FORM_TYPES,
+  PROP_TYPES,
+  FIELD_NAME,
+  GROUPS,
+  Triggers,
+  StylesPanelSections,
+} from "@draftbit/types";
+
+const SEED_DATA_PROPS = {
+  locale: {
+    label: "Locale",
+    description: "Locale for the datepicker. Must be a valid Locale",
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: "en",
+    editable: true,
+    required: false,
+    group: GROUPS.basic,
+  },
+  label: {
+    label: "Label",
+    description: "The label to be displayed on the picker",
+    formType: FORM_TYPES.string,
+    propType: PROP_TYPES.STRING,
+    defaultValue: "Date",
+    editable: true,
+    required: true,
+    group: GROUPS.data,
+  },
+  calendarIcon: {
+    label: "Icon",
+    description: "The icon to display on the right",
+    formType: FORM_TYPES.icon,
+    propType: PROP_TYPES.STRING,
+    defaultValue: "calendar",
+    editable: true,
+    required: false,
+    group: GROUPS.basic,
+  },
+  mode: {
+    label: "Mode",
+    description: "Choose between date, time and datetime",
+    defaultValue: "date",
+    editable: true,
+    required: false,
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING,
+    options: ["outlined", "flat"],
+    group: GROUPS.basic,
+  },
+  disabled: {
+    label: "Disabled",
+    description:
+      "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
+    formType: FORM_TYPES.boolean,
+    propType: PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false,
+    group: GROUPS.data,
+  },
+  fieldName: {
+    ...FIELD_NAME,
+    handlerPropName: "onChange",
+    valuePropName: "value",
+    defaultValue: "date",
+  },
+};
+
+export const SEED_DATA = [
+  {
+    name: "Date Picker Input",
+    tag: "DatePickerInput",
+    packageName: "react-native-paper-dates",
+    description: "A component used to select a date from a visual calendar",
+    category: COMPONENT_TYPES.input,
+    layout: null,
+    triggers: [Triggers.OnDateChange],
+    StylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Borders,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Size,
+    ],
+    props: {
+      ...SEED_DATA_PROPS,
+      type: {
+        label: "Appearance",
+        description: "Type of Datepicker",
+        formType: FORM_TYPES.flatArray,
+        propType: PROP_TYPES.STRING,
+        defaultValue: "solid",
+        options: ["solid", "underline"],
+        editable: true,
+        required: true,
+        group: GROUPS.basic,
+      },
+    },
+  },
+];

package/src/mappings/TextArea.js

@@ -1,4 +1,4 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Text Area",
     tag: "TextInput",
@@ -59,6 +59,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",
@@ -80,12 +91,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/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",