@draftbit/core 46.4.4-c5d4b3.2 → 46.4.4-c96c31.2

package/lib/module/mappings/CardContainer.js

@@ -44,7 +44,9 @@ const SEED_DATA_PROPS = {
     label: "Icon",
     description: "Icon to display on the top right",
     formType: FORM_TYPES.icon,
-    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,
+    propType: PROP_TYPES.STRING
+    /* OR ASSET TODO TEST ME */
+    ,
     defaultValue: null,
     editable: true,
     required: false,
@@ -79,8 +81,7 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.card,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: null,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: createNumColumnsType({
       defaultValue: 2
     })
@@ -92,11 +93,9 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.card,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   layout: null,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: createNumColumnsType({
       defaultValue: 3
     })
   }
-}];
-//# sourceMappingURL=CardContainer.js.map
+}];

package/lib/module/mappings/CardContainerRating.js

@@ -84,8 +84,7 @@ export const SEED_DATA = [{
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
   supports_list_render: true,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: {
       label: "Number of Columns",
       description: "Numbre of columns",
@@ -106,8 +105,7 @@ export const SEED_DATA = [{
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
   supports_list_render: true,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: {
       label: "Number of Columns",
       description: "Numbre of columns",
@@ -120,5 +118,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=CardContainerRating.js.map
+}];

package/lib/module/mappings/CardContainerShortImage.js

@@ -114,5 +114,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=CardContainerShortImage.js.map
+}];

package/lib/module/mappings/CardInline.js

@@ -49,5 +49,4 @@ export const SEED_DATA = {
     },
     elevation: createElevationType(2)
   }
-};
-//# sourceMappingURL=CardInline.js.map
+};

package/lib/module/mappings/Carousel.js

@@ -14,5 +14,4 @@ export const SEED_DATA = [{
       label: "Dot color"
     })
   }
-}];
-//# sourceMappingURL=Carousel.js.map
+}];

package/lib/module/mappings/Checkbox.js

@@ -43,5 +43,4 @@ export const SEED_DATA = {
       defaultValue: null
     })
   }
-};
-//# sourceMappingURL=Checkbox.js.map
+};

package/lib/module/mappings/CheckboxGroup.js

@@ -23,5 +23,4 @@ export const SEED_DATA = {
       valuePropName: "value"
     })
   }
-};
-//# sourceMappingURL=CheckboxGroup.js.map
+};

package/lib/module/mappings/CheckboxRow.js

@@ -54,5 +54,4 @@ export const SEED_DATA = {
       defaultValue: null
     })
   }
-};
-//# sourceMappingURL=CheckboxRow.js.map
+};

package/lib/module/mappings/CircleImage.js

@@ -22,5 +22,4 @@ export const SEED_DATA = {
       defaultValue: 60
     }
   }
-};
-//# sourceMappingURL=CircleImage.js.map
+};

package/lib/module/mappings/Container.js

@@ -27,5 +27,4 @@ export const SEED_DATA = {
     backgroundImageResizeMode: createResizeModeProp(),
     elevation: createElevationType(0)
   }
-};
-//# sourceMappingURL=Container.js.map
+};

package/lib/module/mappings/CustomCode.js

@@ -5,5 +5,4 @@ export const SEED_DATA = {
   description: "A component that allows usage of custom code",
   category: COMPONENT_TYPES.utility,
   props: {}
-};
-//# sourceMappingURL=CustomCode.js.map
+};

package/lib/module/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   label: {
     label: "Label",
@@ -10,6 +10,12 @@ const SEED_DATA_PROPS = {
     required: true,
     group: GROUPS.data
   },
+  labelSize: createNumberProp({
+    label: "Label Size"
+  }),
+  labelColor: createColorProp({
+    label: "Label Color"
+  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -21,6 +27,12 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic
   },
+  borderColor: createColorProp({
+    label: "Border Color"
+  }),
+  borderColorActive: createColorProp({
+    label: "Border Color"
+  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -124,8 +136,7 @@ const SEED_DATA_PROPS = {
     required: false,
     group: GROUPS.basic
   },
-  fieldName: {
-    ...FIELD_NAME,
+  fieldName: { ...FIELD_NAME,
     handlerPropName: "onDateChange",
     valuePropName: "date",
     defaultValue: "date"
@@ -138,8 +149,8 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.input,
   layout: null,
   triggers: [Triggers.OnDateChange],
-  props: {
-    ...SEED_DATA_PROPS,
+  StylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size, StylesPanelSections.Typography],
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Datepicker",
@@ -152,5 +163,4 @@ export const SEED_DATA = [{
       group: GROUPS.basic
     }
   }
-}];
-//# sourceMappingURL=DatePicker.js.map
+}];

package/lib/module/mappings/Divider.js

@@ -22,5 +22,4 @@ export const SEED_DATA = [{
   layout: {
     height: 1
   }
-}];
-//# sourceMappingURL=Divider.js.map
+}];

package/lib/module/mappings/FAB.js

@@ -34,5 +34,4 @@ export const SEED_DATA = {
     }),
     size: createIconSizeProp()
   }
-};
-//# sourceMappingURL=FAB.js.map
+};

package/lib/module/mappings/Fetch.js

@@ -1,5 +1,6 @@
 import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
 /* TODO remove, still used inside the builder in a weird way */
+
 export const SEED_DATA = {
   name: "Fetch",
   tag: "Fetch",
@@ -10,5 +11,4 @@ export const SEED_DATA = {
     minHeight: 40
   },
   props: {}
-};
-//# sourceMappingURL=Fetch.js.map
+};

package/lib/module/mappings/FieldSearchBarFull.js

@@ -8,7 +8,6 @@ export const SEED_DATA = [{
   preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
   supports_list_render: false,
   triggers: [Triggers.OnChange],
-  // TODO Triggers.OnSubmit for multiple triggers
   props: {
     icon: {
       group: GROUPS.basic,
@@ -40,11 +39,13 @@ export const SEED_DATA = [{
       propType: PROP_TYPES.STRING,
       defaultValue: null
     },
-    fieldName: {
-      ...FIELD_NAME,
+    fieldName: { ...FIELD_NAME,
       defaultValue: "searchBarValue"
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=FieldSearchBarFull.js.map
+}];alue: "searchBarValue"
+    }
+  },
+  layout: {}
+}];

package/lib/module/mappings/FlashList.js

@@ -30,5 +30,4 @@ export const SEED_DATA = {
       editable: true
     })
   }
-};
-//# sourceMappingURL=FlashList.js.map
+};

package/lib/module/mappings/FlatList.js

@@ -21,5 +21,4 @@ export const SEED_DATA = {
       editable: true
     })
   }
-};
-//# sourceMappingURL=FlatList.js.map
+};

package/lib/module/mappings/HeaderLarge.js

@@ -24,5 +24,4 @@ export const SEED_DATA = [{
       required: false
     })
   }
-}];
-//# sourceMappingURL=HeaderLarge.js.map
+}];

package/lib/module/mappings/HeaderMedium.js

@@ -50,5 +50,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=HeaderMedium.js.map
+}];

package/lib/module/mappings/HeaderOverline.js

@@ -50,5 +50,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=HeaderOverline.js.map
+}];

package/lib/module/mappings/Icon.js

@@ -7,8 +7,7 @@ export const SEED_DATA = {
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Background, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: {},
   props: {
-    name: {
-      ...createIconProp(),
+    name: { ...createIconProp(),
       group: GROUPS.data
     },
     color: createColorProp(),
@@ -23,5 +22,4 @@ export const SEED_DATA = {
       precision: 0
     })
   }
-};
-//# sourceMappingURL=Icon.js.map
+};

package/lib/module/mappings/IconButton.js

@@ -28,5 +28,4 @@ export const SEED_DATA = {
       precision: 0
     })
   }
-};
-//# sourceMappingURL=IconButton.js.map
+};

package/lib/module/mappings/Image.js

@@ -26,5 +26,4 @@ export const SEED_DATA = {
       precision: 1
     }
   }
-};
-//# sourceMappingURL=Image.js.map
+};

package/lib/module/mappings/ImageBackground.js

@@ -26,5 +26,4 @@ export const SEED_DATA = {
       options: ["visible", "hidden"]
     })
   }
-};
-//# sourceMappingURL=ImageBackground.js.map
+};

package/lib/module/mappings/KeyboardAvoidingView.js

@@ -38,5 +38,4 @@ export const SEED_DATA = {
       group: GROUPS.basic
     }
   }
-};
-//# sourceMappingURL=KeyboardAvoidingView.js.map
+};

package/lib/module/mappings/KeyboardAwareScrollView.js

@@ -47,5 +47,4 @@ export const SEED_DATA = {
       options: ["never", "always"]
     })
   }
-};
-//# sourceMappingURL=KeyboardAwareScrollView.js.map
+};

package/lib/module/mappings/Layout.js

@@ -190,5 +190,4 @@ export const SEED_DATA = [{
       group: GROUPS.style
     }
   }
-}];
-//# sourceMappingURL=Layout.js.map
+}];

package/lib/module/mappings/LinearGradient.js

@@ -77,5 +77,4 @@ export const SEED_DATA = {
       defaultValue: "primary"
     })
   }
-};
-//# sourceMappingURL=LinearGradient.js.map
+};

package/lib/module/mappings/MapCallout.js

@@ -18,5 +18,4 @@ export const SEED_DATA = {
       defaultValue: false
     })
   }
-};
-//# sourceMappingURL=MapCallout.js.map
+};

package/lib/module/mappings/MapMarker.js

@@ -44,5 +44,4 @@ export const SEED_DATA = {
       description: "Sets the color of the marker"
     })
   }
-};
-//# sourceMappingURL=MapMarker.js.map
+};

package/lib/module/mappings/MapView.js

@@ -129,5 +129,4 @@ export const SEED_DATA = {
       editable: false
     })
   }
-};
-//# sourceMappingURL=MapView.js.map
+};

package/lib/module/mappings/Modal.js

@@ -39,5 +39,4 @@ export const SEED_DATA = {
       defaultValue: null
     }
   }
-};
-//# sourceMappingURL=Modal.js.map
+};

package/lib/module/mappings/NumberInput.js

@@ -51,8 +51,7 @@ export const SEED_DATA_PROPS = {
     formType: FORM_TYPES.color,
     propType: PROP_TYPES.THEME
   },
-  fieldName: {
-    ...FIELD_NAME,
+  fieldName: { ...FIELD_NAME,
     defaultValue: "numberInputValue",
     handlerPropName: "onChangeText"
   }
@@ -78,8 +77,7 @@ export const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [Triggers.OnChangeText],
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     allowFontScaling: {
       group: GROUPS.advanced,
       label: "Allow Font Scaling",
@@ -227,5 +225,4 @@ export const SEED_DATA = [{
       propType: PROP_TYPES.BOOLEAN
     }
   }
-}];
-//# sourceMappingURL=NumberInput.js.map
+}];

package/lib/module/mappings/Picker.js

@@ -102,8 +102,7 @@ const SEED_DATA_PROPS = {
     editable: true,
     required: false
   },
-  fieldName: {
-    ...FIELD_NAME,
+  fieldName: { ...FIELD_NAME,
     defaultValue: "pickerValue",
     handlerPropName: "onValueChange"
   }
@@ -118,8 +117,7 @@ export 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",
@@ -139,5 +137,4 @@ export const SEED_DATA = [{
     })
   },
   layout: {}
-}];
-//# sourceMappingURL=Picker.js.map
+}];

package/lib/module/mappings/ProgressBar.js

@@ -96,5 +96,4 @@ export const SEED_DATA = [{
     width: 200,
     height: 20
   }
-}];
-//# sourceMappingURL=ProgressBar.js.map
+}];

package/lib/module/mappings/ProgressCircle.js

@@ -106,5 +106,4 @@ export const SEED_DATA = {
     width: 250,
     height: 250
   }
-};
-//# sourceMappingURL=ProgressCircle.js.map
+};

package/lib/module/mappings/ProgressIndicator.js

@@ -178,5 +178,4 @@ export const SEED_DATA = {
       defaultValue: null
     }
   }
-};
-//# sourceMappingURL=ProgressIndicator.js.map
+};

package/lib/module/mappings/RadioButton.js

@@ -48,5 +48,4 @@ export const SEED_DATA = {
       defaultValue: "MaterialIcons/radio-button-unchecked"
     })
   }
-};
-//# sourceMappingURL=RadioButton.js.map
+};

package/lib/module/mappings/RadioButtonGroup.js

@@ -14,5 +14,4 @@ export const SEED_DATA = {
       defaultValue: "radioButtonGroupValue"
     })
   }
-};
-//# sourceMappingURL=RadioButtonGroup.js.map
+};

package/lib/module/mappings/RadioButtonRow.js

@@ -35,5 +35,4 @@ export const SEED_DATA = {
       defaultValue: "primary"
     })
   }
-};
-//# sourceMappingURL=RadioButtonRow.js.map
+};

package/lib/module/mappings/RowBodyIcon.js

@@ -69,5 +69,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=RowBodyIcon.js.map
+}];

package/lib/module/mappings/RowHeadlineImageCaption.js

@@ -159,5 +159,4 @@ export const SEED_DATA = [{
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=RowHeadlineImageCaption.js.map
+}];

package/lib/module/mappings/RowHeadlineImageIcon.js

@@ -24,8 +24,7 @@ export const SEED_DATA = [{
   description: "A row with left aligned headline text and a right aligned icon",
   category: COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS
+  props: { ...SEED_DATA_PROPS
   }
 }, {
   name: "Row Single Line Headline Icon Image",
@@ -33,8 +32,7 @@ export const SEED_DATA = [{
   description: "A row with left aligned image and headline text and a right aligned icon",
   category: COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP
   }
 }, {
@@ -43,8 +41,7 @@ export const SEED_DATA = [{
   description: "A row with left aligned headline text and subtitle text and a right aligned icon",
   category: COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     subtitle: SUBTITLE_PROP
   }
 }, {
@@ -53,8 +50,7 @@ export const SEED_DATA = [{
   description: "A row with left aligned headline text and subtitle text and a right aligned icon",
   category: COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP,
     subtitle: SUBTITLE_PROP
   }
@@ -64,8 +60,7 @@ export const SEED_DATA = [{
   description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
   category: COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     multilineSubtitle: MULTILINE_PROP,
     subtitle: createTextProp({
       label: "Subtitle",
@@ -79,8 +74,7 @@ export const SEED_DATA = [{
   description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
   category: COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP,
     multilineSubtitle: MULTILINE_PROP,
     subtitle: createTextProp({
@@ -89,5 +83,4 @@ export const SEED_DATA = [{
       defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
     })
   }
-}];
-//# sourceMappingURL=RowHeadlineImageIcon.js.map
+}];

package/lib/module/mappings/SVG.js

@@ -12,5 +12,4 @@ export const SEED_DATA = {
   props: {
     source: createSVGProp()
   }
-};
-//# sourceMappingURL=SVG.js.map
+};

package/lib/module/mappings/SafeAreaView.js

@@ -30,5 +30,4 @@ export const SEED_DATA = {
       defaultValue: "padding"
     }
   }
-};
-//# sourceMappingURL=SafeAreaView.js.map
+};

package/lib/module/mappings/ScrollView.js

@@ -28,5 +28,4 @@ export const SEED_DATA = {
       defaultValue: true
     })
   }
-};
-//# sourceMappingURL=ScrollView.js.map
+};

package/lib/module/mappings/Slider.js

@@ -57,5 +57,4 @@ export const SEED_DATA = {
       defaultValue: null
     })
   }
-};
-//# sourceMappingURL=Slider.js.map
+};

package/lib/module/mappings/StarRating.js

@@ -17,12 +17,10 @@ export const SEED_DATA = {
     }),
     fieldName: createFieldNameProp({
       defaultValue: "ratingValue",
-      // this is the name of the variable declared on the screen in Draftbit
       handlerPropName: "onPress",
-      // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
-    }),
 
+    }),
     maxStars: createStaticNumberProp({
       label: "Max stars",
       description: "The max number of stars",
@@ -43,5 +41,11 @@ export const SEED_DATA = {
       defaultValue: "divider"
     })
   }
-};
-//# sourceMappingURL=StarRating.js.map
+};primary"
+    }),
+    inactiveColor: createColorProp({
+      label: "Inactive Color",
+      defaultValue: "divider"
+    })
+  }
+};