@draftbit/core 46.4.4-c5d4b3.2 → 46.4.4-c73f9e.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/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/HtmlElements.js

@@ -0,0 +1,177 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, PROP_TYPES, GROUPS, StylesPanelSections, Triggers } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+const ELEMENT_PROPS = {
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  packageName: "@expo/html-elements",
+  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS
+};
+const HEADING_PROPS = {
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS,
+  props: {
+    accessibilityLabel: {
+      group: GROUPS.accessibility,
+      name: "accessibilityLabel",
+      label: "accessibilityLabel",
+      description: "Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: null
+    },
+    selectable: {
+      group: GROUPS.advanced,
+      name: "selectable",
+      label: "selectable",
+      description: "Lets the user select text, to use the native copy and paste functionality.",
+      editable: true,
+      required: false,
+      formType: FORM_TYPES.boolean,
+      propType: PROP_TYPES.BOOLEAN,
+      defaultValue: null
+    },
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING,
+      defaultValue: "Your Headline Here"
+    }
+  }
+};
+const TEXT_PROPS = {
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS,
+  props: {
+    children: {
+      group: GROUPS.data,
+      label: "Text",
+      description: "Text",
+      defaultValue: "Your Text Here",
+      editable: true,
+      required: true,
+      formType: FORM_TYPES.string,
+      propType: PROP_TYPES.STRING
+    }
+  }
+};
+export const SEED_DATA = [{
+  name: "H1",
+  tag: "H1",
+  ...HEADING_PROPS
+}, {
+  name: "H2",
+  tag: "H2",
+  ...HEADING_PROPS
+}, {
+  name: "H3",
+  tag: "H3",
+  ...HEADING_PROPS
+}, {
+  name: "H4",
+  tag: "H4",
+  ...HEADING_PROPS
+}, {
+  name: "H5",
+  tag: "H5",
+  ...HEADING_PROPS
+}, {
+  name: "H6",
+  tag: "H6",
+  ...HEADING_PROPS
+}, {
+  name: "Anchor",
+  tag: "A",
+  ...TEXT_PROPS,
+  props: {
+    href: createTextProp({
+      label: "href",
+      description: "Specify the URL",
+      defaultValue: ""
+    }),
+    target: {
+      group: GROUPS.basic,
+      label: "target",
+      description: "decide where link should open",
+      formType: FORM_TYPES.flatArray,
+      defaultValue: "_blank",
+      options: ["_blank", "_self", "_parent", "_top"]
+    }
+  }
+}, {
+  name: "Paragraph",
+  tag: "P",
+  ...TEXT_PROPS,
+  props: {// NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
+    // strong: createBoolProp({
+    //     label: "Strong",
+    //     description: "Strong",
+    // }),
+    // strike: createBoolProp({
+    //     label: "Strike",
+    //     description: "Strike through",
+    // }),
+    // italic: createBoolProp({
+    //     label: "Italic",
+    //     description: "Italic Fonts",
+    // }),
+    // bold: createBoolProp({
+    //     label: "Bold",
+    //     description: "Bold",
+    // }),
+  }
+}, {
+  name: "Code",
+  tag: "Code",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "Pre",
+  tag: "Pre",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "Mark",
+  tag: "Mark",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "BR",
+  tag: "BR",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "Time",
+  tag: "Time",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "UL",
+  tag: "UL",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "LI",
+  tag: "LI",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}, {
+  name: "HR",
+  tag: "HR",
+  category: COMPONENT_TYPES.text,
+  ...ELEMENT_PROPS
+}];

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