@draftbit/core 47.0.0-df8093.2 → 47.0.1-9fd6f2.2

package/lib/commonjs/mappings/DatePicker.js

@@ -6,16 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.SEED_DATA = void 0;
 var _types = require("@draftbit/types");
 const SEED_DATA_PROPS = {
-  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
-  },
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -27,6 +17,28 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     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
+  },
+  labelSize: (0, _types.createNumberProp)({
+    label: "Label Size"
+  }),
+  labelColor: (0, _types.createColorProp)({
+    label: "Label Color"
+  }),
+  borderColor: (0, _types.createColorProp)({
+    label: "Border Color"
+  }),
+  borderColorActive: (0, _types.createColorProp)({
+    label: "Border Color"
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -144,6 +156,7 @@ const SEED_DATA = [{
   category: _types.COMPONENT_TYPES.input,
   layout: null,
   triggers: [_types.Triggers.OnDateChange],
+  StylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
   props: {
     ...SEED_DATA_PROPS,
     type: {
@@ -159,5 +172,4 @@ const SEED_DATA = [{
     }
   }
 }];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=DatePicker.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Divider.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Divider",
+  tag: "Divider",
+  category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  description: "A horizontal line used to divide content",
+  preview_image_url: "{CLOUDINARY_URL}/Divider.png",
+  supports_list_render: false,
+  props: {
+    color: {
+      group: _types.GROUPS.basic,
+      label: "Color",
+      description: "The color of the divider",
+      editable: true,
+      required: false,
+      defaultValue: "divider",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME
+    }
+  },
+  layout: {
+    height: 1
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/FAB.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "FAB",
+  tag: "FAB",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  description: "A mini round icon FAB",
+  layout: {},
+  triggers: [_types.Triggers.OnPress],
+  props: {
+    onPress: (0, _types.createActionProp)(),
+    disabled: (0, _types.createBoolProp)({
+      label: "Disabled",
+      group: _types.GROUPS.basic
+    }),
+    loading: (0, _types.createBoolProp)({
+      label: "Loading",
+      group: _types.GROUPS.basic
+    }),
+    iconName: (0, _types.createIconProp)({
+      label: "Icon",
+      defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    iconColor: (0, _types.createColorProp)({
+      label: "Icon color",
+      defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    bgColor: (0, _types.createColorProp)({
+      label: "Background color",
+      defaultValue: null,
+      group: _types.GROUPS.basic
+    }),
+    size: (0, _types.createIconSizeProp)()
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Fetch.js

@@ -17,5 +17,4 @@ const SEED_DATA = {
   },
   props: {}
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Fetch.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/FieldSearchBarFull.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Search Bar",
+  tag: "FieldSearchBarFull",
+  description: "A search bar with accompanying search icon and clear button.",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
+  supports_list_render: false,
+  triggers: [_types.Triggers.OnChange],
+  // TODO Triggers.OnSubmit for multiple triggers
+  props: {
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Left icon to display",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    placeholder: {
+      group: _types.GROUPS.basic,
+      label: "Placeholder",
+      description: "Input placeholder text",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "Search for...",
+      editable: true,
+      required: false
+    },
+    onSubmit: {
+      group: _types.GROUPS.basic,
+      label: "Submit action",
+      description: "Action to execute on submission",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.action,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    fieldName: {
+      ..._types.FIELD_NAME,
+      defaultValue: "searchBarValue"
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/FlashList.js

@@ -37,5 +37,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=FlashList.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/FlatList.js

@@ -28,5 +28,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=FlatList.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/HeaderLarge.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Header Large",
+  tag: "HeaderLarge",
+  description: "A large header with an optional touchable right aligned text and icon.",
+  category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: {},
+  triggers: [_types.Triggers.OnPress],
+  props: {
+    onPress: (0, _types.createActionProp)(),
+    title: (0, _types.createTextProp)({
+      label: "Title",
+      description: "Text to display",
+      defaultValue: "Title"
+    }),
+    buttonText: (0, _types.createTextProp)({
+      label: "Button text",
+      description: "Right aligned button text to display",
+      defaultValue: "See All"
+    }),
+    icon: (0, _types.createIconProp)({
+      defaultValue: null,
+      required: false
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/HeaderMedium.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Header Medium",
+  tag: "HeaderMedium",
+  description: "A medium header with an optional touchable right aligned text and icon.",
+  category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
+  supports_list_render: false,
+  props: {
+    title: {
+      group: _types.GROUPS.data,
+      label: "Title",
+      description: "Text to display",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "Title",
+      editable: true,
+      required: false
+    },
+    buttonText: {
+      group: _types.GROUPS.data,
+      label: "Button text",
+      description: "Right aligned button text to display",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "See All",
+      editable: true,
+      required: false
+    },
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Name of icon to display",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    onPress: {
+      group: _types.GROUPS.basic,
+      label: "Action",
+      description: "Action to execute when button pressed",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.action,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/HeaderOverline.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Header Overline",
+  tag: "HeaderOverline",
+  description: "A small header with an optional touchable right aligned text and icon.",
+  category: _types.COMPONENT_TYPES.header,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
+  supports_list_render: false,
+  props: {
+    title: {
+      group: _types.GROUPS.data,
+      label: "Title",
+      description: "Text to display",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "Title",
+      editable: true,
+      required: false
+    },
+    buttonText: {
+      group: _types.GROUPS.data,
+      label: "Button text",
+      description: "Right aligned button text to display",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "See All",
+      editable: true,
+      required: false
+    },
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Name of icon to display",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    onPress: {
+      group: _types.GROUPS.basic,
+      label: "Action",
+      description: "Action to execute when button pressed",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.action,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Icon.js

@@ -30,5 +30,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Icon.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/IconButton.js

@@ -35,5 +35,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=IconButton.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Image.js

@@ -33,5 +33,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Image.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ImageBackground.js

@@ -33,5 +33,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=ImageBackground.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/KeyboardAvoidingView.js

@@ -45,5 +45,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=KeyboardAvoidingView.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/KeyboardAwareScrollView.js

@@ -54,5 +54,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=KeyboardAwareScrollView.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Layout.js

@@ -197,5 +197,4 @@ const SEED_DATA = [{
     }
   }
 }];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Layout.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/LinearGradient.js

@@ -84,5 +84,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=LinearGradient.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapCallout.js

@@ -25,5 +25,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=MapCallout.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapMarker.js

@@ -51,5 +51,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=MapMarker.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/MapView.js

@@ -136,5 +136,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=MapView.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Modal.js

@@ -46,5 +46,4 @@ const SEED_DATA = {
     }
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Modal.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/NumberInput.js

@@ -235,5 +235,4 @@ const SEED_DATA = [{
     }
   }
 }];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=NumberInput.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Picker.js

@@ -146,5 +146,4 @@ const SEED_DATA = [{
   },
   layout: {}
 }];
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Picker.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ProgressBar.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Progress Bar",
+  tag: "ProgressBar",
+  description: "A horizontal bar used to show completed progress",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
+  supports_list_render: false,
+  props: {
+    progress: {
+      group: _types.GROUPS.data,
+      label: "Progress",
+      description: "The amount of progress to display. A number 0-1.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 0.5,
+      min: 0,
+      max: 1,
+      step: 0.01,
+      precision: 2,
+      editable: true,
+      required: true
+    },
+    color: {
+      group: _types.GROUPS.basic,
+      label: "Progress Color",
+      description: "Custom color for the progress shown",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    unfilledColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfilled Color",
+      description: "The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    borderRadius: {
+      group: _types.GROUPS.basic,
+      label: "Border Radius",
+      description: "The border radius of the bar",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 10,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    borderWidth: {
+      group: _types.GROUPS.basic,
+      label: "Border Width",
+      description: "The width of the border that surrounds the bar.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 1,
+      min: 0,
+      max: 15,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    borderColor: {
+      group: _types.GROUPS.basic,
+      label: "Border Color",
+      description: "Custom color for border of the entire bar",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    animationType: {
+      group: _types.GROUPS.basic,
+      label: "Animation Type",
+      description: "The type of animation that occurs when the bar is filled(Default is Spring)",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "spring",
+      options: ["decay", "timing", "spring"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 200,
+    height: 20
+  }
+}];
+exports.SEED_DATA = SEED_DATA;