npm - @draftbit/core - Versions diffs - 46.4.4-33fa1d.2 → 46.4.4-38a1ca.2 - Mend

@draftbit/core 46.4.4-33fa1d.2 → 46.4.4-38a1ca.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (449) hide show

package/lib/commonjs/mappings/MapMarker.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Map Marker",
   tag: "MapMarker",

package/lib/commonjs/mappings/MapView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Map View",
   tag: "MapView",

package/lib/commonjs/mappings/Modal.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Modal",
   tag: "Modal",

package/lib/commonjs/mappings/NumberInput.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   style: {
     group: _types.GROUPS.basic,
@@ -57,8 +59,7 @@ const SEED_DATA_PROPS = {
     formType: _types.FORM_TYPES.color,
     propType: _types.PROP_TYPES.THEME
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     defaultValue: "numberInputValue",
     handlerPropName: "onChangeText"
   }
@@ -85,8 +86,7 @@ const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     allowFontScaling: {
       group: _types.GROUPS.advanced,
       label: "Allow Font Scaling",

package/lib/commonjs/mappings/Picker.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   label: {
     group: _types.GROUPS.data,
@@ -108,8 +110,7 @@ const SEED_DATA_PROPS = {
     editable: true,
     required: false
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     defaultValue: "pickerValue",
     handlerPropName: "onValueChange"
   }
@@ -124,8 +125,7 @@ const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Picker.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Picker",

package/lib/commonjs/mappings/ProgressBar.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Progress Bar",
   tag: "ProgressBar",

package/lib/commonjs/mappings/ProgressCircle.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Progress Circle",
   tag: "ProgressCircle",

package/lib/commonjs/mappings/ProgressIndicator.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Progress Indicator",
   tag: "ProgressIndicator",

package/lib/commonjs/mappings/RadioButton.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",

package/lib/commonjs/mappings/RadioButtonGroup.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",

package/lib/commonjs/mappings/RadioButtonRow.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",

package/lib/commonjs/mappings/RowBodyIcon.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Row Single Line Body Icon",
   tag: "RowBodyIcon",

package/lib/commonjs/mappings/RowHeadlineImageCaption.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Row Single Line Headline Caption",
   tag: "RowHeadlineImageCaption",

package/lib/commonjs/mappings/RowHeadlineImageIcon.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   title: (0, _types.createTextProp)({
     label: "Title",
@@ -30,8 +32,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS
+  props: { ...SEED_DATA_PROPS
   }
 }, {
   name: "Row Single Line Headline Icon Image",
@@ -39,8 +40,7 @@ const SEED_DATA = [{
   description: "A row with left aligned image and headline text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP
   }
 }, {
@@ -49,8 +49,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and subtitle text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     subtitle: SUBTITLE_PROP
   }
 }, {
@@ -59,8 +58,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and subtitle text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP,
     subtitle: SUBTITLE_PROP
   }
@@ -70,8 +68,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     multilineSubtitle: MULTILINE_PROP,
     subtitle: (0, _types.createTextProp)({
       label: "Subtitle",
@@ -85,8 +82,7 @@ const SEED_DATA = [{
   description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP,
     multilineSubtitle: MULTILINE_PROP,
     subtitle: (0, _types.createTextProp)({

package/lib/commonjs/mappings/SVG.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "SVG",
   tag: "SVG",

package/lib/commonjs/mappings/SafeAreaView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "SafeAreaView",
   tag: "SafeAreaView",

package/lib/commonjs/mappings/ScrollView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",

package/lib/commonjs/mappings/Slider.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Slider",
   tag: "Slider",

package/lib/commonjs/mappings/StarRating.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
@@ -27,8 +29,8 @@ const SEED_DATA = {
       handlerPropName: "onPress",
       // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
-    }),
+    }),
     maxStars: (0, _types.createStaticNumberProp)({
       label: "Max stars",
       description: "The max number of stars",

package/lib/commonjs/mappings/Stepper.js CHANGED Viewed

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: _types.COMPONENT_TYPES.control,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, ..._types.BLOCK_STYLES_SECTIONS],
   layout: {},
   triggers: [_types.Triggers.OnChange],
   props: {

package/lib/commonjs/mappings/Surface.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Surface",
   tag: "Surface",

package/lib/commonjs/mappings/Swiper.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",

package/lib/commonjs/mappings/SwiperItem.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Swiper Item",
   tag: "SwiperItem",

package/lib/commonjs/mappings/Switch.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
 const SEED_DATA = [{
   name: "Switch",

package/lib/commonjs/mappings/Text.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   accessibilityLabel: {
     group: _types.GROUPS.accessibility,
@@ -197,10 +199,9 @@ const SEED_DATA = [{
   stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
   layout: {
     color: "strong" // This is translated on collector script run by the extractValueAndType function
-  },
-  props: {
-    ...SEED_DATA_PROPS,
+  },
+  props: { ...SEED_DATA_PROPS,
     children: {
       group: _types.GROUPS.data,
       label: "Text",
@@ -221,8 +222,7 @@ const SEED_DATA = [{
     color: "primary"
   },
   triggers: [_types.Triggers.OnPress],
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     onPress: (0, _types.createActionProp)(),
     title: (0, _types.createTextProp)({
       label: "Title",

package/lib/commonjs/mappings/TextArea.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Text Area",
   tag: "TextInput",
@@ -65,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",
@@ -86,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
     },
@@ -232,8 +245,7 @@ const SEED_DATA = {
       editable: true,
       required: false
     },
-    fieldName: {
-      ..._types.FIELD_NAME,
+    fieldName: { ..._types.FIELD_NAME,
       defaultValue: "textInputValue",
       handlerPropName: "onChangeText"
     }

package/lib/commonjs/mappings/TextField.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   allowFontScaling: {
     group: _types.GROUPS.advanced,
@@ -68,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,
@@ -78,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
   },
@@ -239,7 +251,9 @@ const SEED_DATA_PROPS = {
     description: "The mode of the icon to display on the left. 'inset' or 'outset'.",
     formType: _types.FORM_TYPES.flatArray,
     propType: _types.PROP_TYPES.STRING,
-    defaultValue: null /* inset */,
+    defaultValue: null
+    /* inset */
+    ,
     options: ["inset", "outset"],
     editable: true,
     required: true
@@ -254,8 +268,7 @@ const SEED_DATA_PROPS = {
     editable: true,
     required: false
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     handlerPropName: "onChangeText",
     defaultValue: "textFieldValue"
   }
@@ -269,8 +282,7 @@ const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Datepicker",
@@ -311,8 +323,7 @@ const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/TextArea.png",
   supports_list_render: false,
   triggers: SEED_DATA_TRIGGERS,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Datepicker",

package/lib/commonjs/mappings/TextInput.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
   style: {
     group: _types.GROUPS.basic,
@@ -57,8 +59,7 @@ const SEED_DATA_PROPS = {
     formType: _types.FORM_TYPES.color,
     propType: _types.PROP_TYPES.THEME
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     defaultValue: "textInputValue",
     handlerPropName: "onChangeText"
   }
@@ -148,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
     },
@@ -222,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",
@@ -287,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/commonjs/mappings/ToggleButton.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Toggle Button",
   tag: "ToggleButton",

package/lib/commonjs/mappings/Touchable.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Touchable",
   tag: "Touchable",

package/lib/commonjs/mappings/Video.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Video",
   tag: "Video",

package/lib/commonjs/mappings/View.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "View",
   tag: "View",

package/lib/commonjs/mappings/WebView.js CHANGED Viewed

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA = {
   name: "Web View",
   tag: "WebView",