@draftbit/core 46.4.4-4b8f38.2 → 46.4.4-520686.2

package/lib/commonjs/mappings/FieldSearchBarFull.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Search Bar",
   tag: "FieldSearchBarFull",
@@ -46,8 +48,7 @@ const SEED_DATA = [{
       propType: _types.PROP_TYPES.STRING,
       defaultValue: null
     },
-    fieldName: {
-      ..._types.FIELD_NAME,
+    fieldName: { ..._types.FIELD_NAME,
       defaultValue: "searchBarValue"
     }
   },

package/lib/commonjs/mappings/FlashList.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "FlashList",
   tag: "FlashList",

package/lib/commonjs/mappings/FlatList.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "List",
   tag: "FlatList",

package/lib/commonjs/mappings/HeaderLarge.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Header Large",
   tag: "HeaderLarge",

package/lib/commonjs/mappings/HeaderMedium.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Header Medium",
   tag: "HeaderMedium",

package/lib/commonjs/mappings/HeaderOverline.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Header Overline",
   tag: "HeaderOverline",

package/lib/commonjs/mappings/HtmlElements.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+
+var _types = require("@draftbit/types");
+
+const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
+const ELEMENT_PROPS = {
+  category: _types.COMPONENT_TYPES.element,
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
+  layout: {
+    margin: 0
+  },
+  triggers: SEED_DATA_TRIGGERS
+};
+const HEADING_PROPS = { ...ELEMENT_PROPS
+};
+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",
+  ...ELEMENT_PROPS,
+  props: {
+    href: (0, _types.createTextProp)({
+      label: "href",
+      description: "Specify the URL",
+      defaultValue: ""
+    }),
+    target: {
+      group: _types.GROUPS.basic,
+      label: "target",
+      description: "decide where link should open",
+      formType: _types.FORM_TYPES.flatArray,
+      defaultValue: "_blank",
+      options: ["_blank", "_self", "_parent", "_top"]
+    }
+  }
+}, {
+  name: "Paragraph",
+  tag: "P",
+  ...ELEMENT_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",
+  ...ELEMENT_PROPS
+}, {
+  name: "Pre",
+  tag: "Pre",
+  ...ELEMENT_PROPS
+}, {
+  name: "Mark",
+  tag: "Mark",
+  ...ELEMENT_PROPS
+}, {
+  name: "BR",
+  tag: "BR",
+  ...ELEMENT_PROPS
+}, {
+  name: "BlockQuote",
+  tag: "BlockQuote",
+  ...ELEMENT_PROPS
+}, {
+  name: "Time",
+  tag: "Time",
+  ...ELEMENT_PROPS
+}, {
+  name: "UL",
+  tag: "UL",
+  ...ELEMENT_PROPS
+}, {
+  name: "LI",
+  tag: "LI",
+  ...ELEMENT_PROPS
+}, {
+  name: "HR",
+  tag: "HR",
+  ...ELEMENT_PROPS
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Icon.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Icon",
   tag: "Icon",
@@ -13,8 +15,7 @@ const SEED_DATA = {
   stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Background, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: {},
   props: {
-    name: {
-      ...(0, _types.createIconProp)(),
+    name: { ...(0, _types.createIconProp)(),
       group: _types.GROUPS.data
     },
     color: (0, _types.createColorProp)(),

package/lib/commonjs/mappings/IconButton.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Icon Button",
   tag: "IconButton",

package/lib/commonjs/mappings/Image.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Image",
   tag: "Image",

package/lib/commonjs/mappings/ImageBackground.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Image Background",
   tag: "ImageBackground",

package/lib/commonjs/mappings/KeyboardAvoidingView.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Keyboard Avoiding View",
   tag: "KeyboardAvoidingView",

package/lib/commonjs/mappings/KeyboardAwareScrollView.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Keyboard Aware Scroll View",
   tag: "KeyboardAwareScrollView",

package/lib/commonjs/mappings/Layout.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Row",
   tag: "Row",

package/lib/commonjs/mappings/LinearGradient.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Linear Gradient",
   tag: "LinearGradient",

package/lib/commonjs/mappings/MapCallout.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Map Callout",
   tag: "MapCallout",

package/lib/commonjs/mappings/MapMarker.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Map Marker",
   tag: "MapMarker",

package/lib/commonjs/mappings/MapView.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Map View",
   tag: "MapView",

package/lib/commonjs/mappings/Modal.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Modal",
   tag: "Modal",

package/lib/commonjs/mappings/NumberInput.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA_PROPS = {
   style: {
     group: _types.GROUPS.basic,
@@ -57,8 +59,7 @@ const SEED_DATA_PROPS = {
     formType: _types.FORM_TYPES.color,
     propType: _types.PROP_TYPES.THEME
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     defaultValue: "numberInputValue",
     handlerPropName: "onChangeText"
   }
@@ -85,8 +86,7 @@ const SEED_DATA = [{
     borderRadius: 8
   },
   triggers: [_types.Triggers.OnChangeText],
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     allowFontScaling: {
       group: _types.GROUPS.advanced,
       label: "Allow Font Scaling",

package/lib/commonjs/mappings/Picker.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA_PROPS = {
   label: {
     group: _types.GROUPS.data,
@@ -108,8 +110,7 @@ const SEED_DATA_PROPS = {
     editable: true,
     required: false
   },
-  fieldName: {
-    ..._types.FIELD_NAME,
+  fieldName: { ..._types.FIELD_NAME,
     defaultValue: "pickerValue",
     handlerPropName: "onValueChange"
   }
@@ -124,8 +125,7 @@ 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",

package/lib/commonjs/mappings/ProgressBar.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Progress Bar",
   tag: "ProgressBar",

package/lib/commonjs/mappings/ProgressCircle.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Progress Circle",
   tag: "ProgressCircle",

package/lib/commonjs/mappings/ProgressIndicator.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Progress Indicator",
   tag: "ProgressIndicator",

package/lib/commonjs/mappings/RadioButton.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Radio Button",
   tag: "RadioButton",

package/lib/commonjs/mappings/RadioButtonGroup.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Radio Button Group",
   tag: "RadioButtonGroup",

package/lib/commonjs/mappings/RadioButtonRow.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Radio Button Row",
   tag: "RadioButtonRow",

package/lib/commonjs/mappings/RowBodyIcon.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Row Single Line Body Icon",
   tag: "RowBodyIcon",

package/lib/commonjs/mappings/RowHeadlineImageCaption.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Row Single Line Headline Caption",
   tag: "RowHeadlineImageCaption",

package/lib/commonjs/mappings/RowHeadlineImageIcon.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA_PROPS = {
   title: (0, _types.createTextProp)({
     label: "Title",
@@ -30,8 +32,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS
+  props: { ...SEED_DATA_PROPS
   }
 }, {
   name: "Row Single Line Headline Icon Image",
@@ -39,8 +40,7 @@ const SEED_DATA = [{
   description: "A row with left aligned image and headline text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP
   }
 }, {
@@ -49,8 +49,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and subtitle text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     subtitle: SUBTITLE_PROP
   }
 }, {
@@ -59,8 +58,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and subtitle text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP,
     subtitle: SUBTITLE_PROP
   }
@@ -70,8 +68,7 @@ const SEED_DATA = [{
   description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     multilineSubtitle: MULTILINE_PROP,
     subtitle: (0, _types.createTextProp)({
       label: "Subtitle",
@@ -85,8 +82,7 @@ const SEED_DATA = [{
   description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
   category: _types.COMPONENT_TYPES.row,
   layout: {},
-  props: {
-    ...SEED_DATA_PROPS,
+  props: { ...SEED_DATA_PROPS,
     image: IMAGE_PROP,
     multilineSubtitle: MULTILINE_PROP,
     subtitle: (0, _types.createTextProp)({

package/lib/commonjs/mappings/SVG.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "SVG",
   tag: "SVG",

package/lib/commonjs/mappings/SafeAreaView.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "SafeAreaView",
   tag: "SafeAreaView",

package/lib/commonjs/mappings/ScrollView.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",

package/lib/commonjs/mappings/Slider.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Slider",
   tag: "Slider",

package/lib/commonjs/mappings/StarRating.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Star Rating",
   tag: "StarRating",
@@ -27,8 +29,8 @@ const SEED_DATA = {
       handlerPropName: "onPress",
       // the change handler prop in this component
       valuePropName: "rating" // the value prop in this component
-    }),
 
+    }),
     maxStars: (0, _types.createStaticNumberProp)({
       label: "Max stars",
       description: "The max number of stars",

package/lib/commonjs/mappings/Stepper.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
   description: "A component used to control the quantity of something",
   category: _types.COMPONENT_TYPES.control,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, ..._types.BLOCK_STYLES_SECTIONS],
   layout: {},
   triggers: [_types.Triggers.OnChange],
   props: {

package/lib/commonjs/mappings/Surface.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Surface",
   tag: "Surface",

package/lib/commonjs/mappings/Swiper.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",

package/lib/commonjs/mappings/SwiperItem.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SEED_DATA = void 0;
+
 var _types = require("@draftbit/types");
+
 const SEED_DATA = {
   name: "Swiper Item",
   tag: "SwiperItem",