@draftbit/core 46.4.4-96e246.2 → 46.4.4-9a4e8b.2

package/lib/module/mappings/ActivityIndicator.js

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

package/lib/module/mappings/AudioPlayer.js

@@ -1,10 +1,20 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Audio Player",
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: GROUPS.data,
@@ -15,7 +25,26 @@ export const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "strong"
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "background"
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remaining Track Color",
+      defaultValue: "light"
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24
+    }),
+    playIconColor: createColorProp({
+      label: "Play Icon Color",
+      defaultValue: "strong"
+    })
   }
-};
-//# sourceMappingURL=AudioPlayer.js.map
+};

package/lib/module/mappings/AvatarEdit.js

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

package/lib/module/mappings/Banner.js

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

package/lib/module/mappings/BlurView.js

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

package/lib/module/mappings/Button.js

@@ -24,8 +24,7 @@ export const SEED_DATA = [{
   tag: "ButtonOutline",
   category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
-  layout: {
-    ...LAYOUT,
+  layout: { ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
     textAlign: "center"
@@ -37,8 +36,7 @@ export const SEED_DATA = [{
   tag: "ButtonSolid",
   category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
-  layout: {
-    ...LAYOUT,
+  layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },
@@ -49,12 +47,10 @@ export const SEED_DATA = [{
   tag: "Button",
   category: COMPONENT_TYPES.button,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
-  layout: {
-    ...LAYOUT,
+  layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },
   triggers: SEED_DATA_TRIGGERS,
   props: SEED_DATA_PROPS
-}];
-//# sourceMappingURL=Button.js.map
+}];

package/lib/module/mappings/Card.js

@@ -24,10 +24,9 @@ export const SEED_DATA = {
     subtitle: createTextProp({
       label: "Subtitle",
       description: "Text underneath the title",
-      defaultValue: null
-      // defaultValue: "Edit me in the props panel on the right",
-    }),
+      defaultValue: null // defaultValue: "Edit me in the props panel on the right",
 
+    }),
     subtitleStyle: createTextStyle({
       label: "Subtitle Style"
     }),
@@ -50,5 +49,4 @@ export const SEED_DATA = {
       description: "Places your title and subtitle in the center"
     })
   }
-};
-//# sourceMappingURL=Card.js.map
+};

package/lib/module/mappings/CardBlock.js

@@ -67,8 +67,7 @@ export const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up one third of its container.",
   category: COMPONENT_TYPES.card,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     numColumns: createNumColumnsType({
       defaultValue: 1
     })
@@ -78,8 +77,7 @@ export const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up one half of its container.",
   category: COMPONENT_TYPES.card,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     icon: {
       group: GROUPS.basic,
       label: "Icon",
@@ -100,8 +98,7 @@ export const SEED_DATA = [{
   description: "An elevated card with a title and description, that takes up the full width its container.",
   category: COMPONENT_TYPES.card,
   stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     icon: {
       group: GROUPS.basic,
       label: "Icon",
@@ -116,5 +113,4 @@ export const SEED_DATA = [{
       defaultValue: 3
     })
   }
-}];
-//# sourceMappingURL=CardBlock.js.map
+}];

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

@@ -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/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
+}];