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

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

@@ -124,8 +124,7 @@ const SEED_DATA_PROPS = {
     required: false,
     group: GROUPS.basic
   },
-  fieldName: {
-    ...FIELD_NAME,
+  fieldName: { ...FIELD_NAME,
     handlerPropName: "onDateChange",
     valuePropName: "date",
     defaultValue: "date"
@@ -138,8 +137,7 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.input,
   layout: null,
   triggers: [Triggers.OnDateChange],
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     type: {
       label: "Appearance",
       description: "Type of Datepicker",
@@ -152,5 +150,4 @@ export const SEED_DATA = [{
       group: GROUPS.basic
     }
   }
-}];
-//# sourceMappingURL=DatePicker.js.map
+}];

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: true,
+    formType: FORM_TYPES.flatArray,
+    propType: PROP_TYPES.STRING,
+    options: ["date", "time", "datetime"],
+    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: "onDateChange",
+    valuePropName: "date",
+    defaultValue: "date"
+  }
+};
+export const SEED_DATA = [{
+  name: "Date Picker",
+  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/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

@@ -40,11 +40,9 @@ export const SEED_DATA = [{
       propType: PROP_TYPES.STRING,
       defaultValue: null
     },
-    fieldName: {
-      ...FIELD_NAME,
+    fieldName: { ...FIELD_NAME,
       defaultValue: "searchBarValue"
     }
   },
   layout: {}
-}];
-//# sourceMappingURL=FieldSearchBarFull.js.map
+}];

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

@@ -21,8 +21,8 @@ export const SEED_DATA = {
       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 +43,4 @@ export const SEED_DATA = {
       defaultValue: "divider"
     })
   }
-};
-//# sourceMappingURL=StarRating.js.map
+};

package/lib/module/mappings/Stepper.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: COMPONENT_TYPES.control,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [StylesPanelSections.Typography, ...BLOCK_STYLES_SECTIONS],
   layout: {},
   triggers: [Triggers.OnChange],
   props: {
@@ -28,5 +28,4 @@ export const SEED_DATA = [{
       description: "Maximum Number"
     })
   }
-}];
-//# sourceMappingURL=Stepper.js.map
+}];