@draftbit/core 46.10.3-47314f.2 → 46.10.3-6c7505.2

package/lib/commonjs/mappings/RowBodyIcon.js

@@ -1,79 +0,0 @@
-"use strict";
-
-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",
-  description: "A row with left aligned body text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    icon: {
-      group: _types.GROUPS.basic,
-      label: "Icon",
-      description: "Icon to display",
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Double Line Body Icon",
-  tag: "RowBodyIcon",
-  description: "A row with left aligned body text and subtitle text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    subtitle: {
-      group: _types.GROUPS.data,
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "San Diego",
-      editable: true,
-      required: false
-    },
-    icon: {
-      group: _types.GROUPS.basic,
-      label: "Icon",
-      description: "Icon to display",
-      formType: _types.FORM_TYPES.icon,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RowHeadlineImageCaption.js

@@ -1,169 +0,0 @@
-"use strict";
-
-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",
-  description: "A row with left aligned headline text and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Single Line Headline Image Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned image and headline text and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_SingleLine_HeadlineImageCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    },
-    image: {
-      group: _types.GROUPS.data,
-      label: "Image",
-      description: "Image to display",
-      formType: _types.FORM_TYPES.image,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Double Line Headline Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned headline text and subtitle text and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    subtitle: {
-      group: _types.GROUPS.data,
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "San Diego",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}, {
-  name: "Row Double Line Headline Image Caption",
-  tag: "RowHeadlineImageCaption",
-  description: "A row with left aligned image, headline text, and subtitle text, and right aligned caption text",
-  category: _types.COMPONENT_TYPES.row,
-  preview_image_url: "{CLOUDINARY_URL}/Row_DoubleLine_HeadlineCaption.png",
-  supports_list_render: true,
-  props: {
-    title: {
-      group: _types.GROUPS.data,
-      label: "Title",
-      description: "Headline text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "Beautiful West Coast Villa",
-      editable: true,
-      required: false
-    },
-    subtitle: {
-      group: _types.GROUPS.data,
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "San Diego",
-      editable: true,
-      required: false
-    },
-    caption: {
-      group: _types.GROUPS.data,
-      label: "Caption",
-      description: "Caption text to display",
-      formType: _types.FORM_TYPES.string,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "$100",
-      editable: true,
-      required: false
-    },
-    image: {
-      group: _types.GROUPS.data,
-      label: "Image",
-      description: "Image to display",
-      formType: _types.FORM_TYPES.image,
-      propType: _types.PROP_TYPES.ASSET,
-      defaultValue: null,
-      editable: true,
-      required: false
-    }
-  },
-  layout: {}
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RowHeadlineImageIcon.js

@@ -1,99 +0,0 @@
-"use strict";
-
-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",
-    description: "Headline text to display"
-  }),
-  icon: (0, _types.createIconProp)({
-    defaultValue: null
-  })
-};
-const IMAGE_PROP = (0, _types.createImageProp)();
-const MULTILINE_PROP = (0, _types.createStaticBoolProp)({
-  defaultValue: true,
-  editable: false
-});
-const SUBTITLE_PROP = (0, _types.createTextProp)({
-  label: "Subtitle",
-  description: "Subtitle text to display",
-  defaultValue: "San Diego"
-});
-const SEED_DATA = [{
-  name: "Row Single Line Headline Icon",
-  tag: "RowHeadlineImageIcon",
-  description: "A row with left aligned headline text and a right aligned icon",
-  category: _types.COMPONENT_TYPES.row,
-  layout: {},
-  props: {
-    ...SEED_DATA_PROPS
-  }
-}, {
-  name: "Row Single Line Headline Icon Image",
-  tag: "RowHeadlineImageIcon",
-  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,
-    image: IMAGE_PROP
-  }
-}, {
-  name: "Row Double Line Headline Icon",
-  tag: "RowHeadlineImageIcon",
-  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,
-    subtitle: SUBTITLE_PROP
-  }
-}, {
-  name: "Row Double Line Headline Image Icon",
-  tag: "RowHeadlineImageIcon",
-  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,
-    image: IMAGE_PROP,
-    subtitle: SUBTITLE_PROP
-  }
-}, {
-  name: "Row Multiline Headline Icon",
-  tag: "RowHeadlineImageIcon",
-  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,
-    multilineSubtitle: MULTILINE_PROP,
-    subtitle: (0, _types.createTextProp)({
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
-    })
-  }
-}, {
-  name: "Row Multiline Headline Image Icon",
-  tag: "RowHeadlineImageIcon",
-  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,
-    image: IMAGE_PROP,
-    multilineSubtitle: MULTILINE_PROP,
-    subtitle: (0, _types.createTextProp)({
-      label: "Subtitle",
-      description: "Subtitle text to display",
-      defaultValue: "San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate"
-    })
-  }
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/SVG.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "SVG",
-  tag: "SVG",
-  description: "An SVG component",
-  category: _types.COMPONENT_TYPES.media,
-  layout: {
-    width: 100,
-    height: 100
-  },
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
-  props: {
-    source: (0, _types.createSVGProp)()
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/SafeAreaView.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "SafeAreaView",
-  tag: "SafeAreaView",
-  description: "A basic View that handles safe area",
-  category: _types.COMPONENT_TYPES.deprecated,
-  props: {
-    edges: {
-      group: _types.GROUPS.basic,
-      name: "edges",
-      label: "edges",
-      description: "Provides edges to be used by safe area view",
-      editable: true,
-      required: false,
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING,
-      options: ["right", "bottom", "left", "top"],
-      defaultValue: ["right", "bottom", "left", "top"]
-    },
-    mode: {
-      group: _types.GROUPS.basic,
-      name: "mode",
-      label: "mode",
-      description: "Mode used by safe area view",
-      editable: true,
-      required: false,
-      options: ["padding", "margin"],
-      formType: _types.FORM_TYPES.flatArray,
-      propType: _types.PROP_TYPES.STRING,
-      defaultValue: "padding"
-    }
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ScrollView.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Scroll View",
-  tag: "ScrollView",
-  description: "A basic ScrollView component",
-  category: _types.COMPONENT_TYPES.view,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {},
-  triggers: [_types.Triggers.OnRefresh],
-  props: {
-    onRefresh: (0, _types.createActionProp)(),
-    horizontal: (0, _types.createStaticBoolProp)({
-      label: "Horizontal",
-      description: "Render your list horizontally",
-      defaultValue: false
-    }),
-    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
-      label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: true
-    }),
-    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
-      label: "Show Vertical Scroll Indicator",
-      description: "When true, shows a vertical scroll indicator. The default value is true.",
-      defaultValue: true
-    }),
-    bounces: (0, _types.createStaticBoolProp)({
-      label: "Bounce",
-      description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
-      defaultValue: true
-    }),
-    refreshColor: (0, _types.createColorProp)({
-      label: "Refreshing Color",
-      description: "Color of the refresh indicator"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Shadow.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow",
-  description: "A cross-platform, universal shadow.",
-  category: _types.COMPONENT_TYPES.view,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  props: {
-    disabled: (0, _types.createDisabledProp)({
-      description: "Disables the shadow."
-    }),
-    startColor: (0, _types.createColorProp)({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null
-    }),
-    endColor: (0, _types.createColorProp)({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null
-    }),
-    distance: (0, _types.createStaticNumberProp)({
-      label: "Distance",
-      description: "The distance of the shadow."
-    }),
-    paintInside: (0, _types.createStaticBoolProp)({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: false
-    }),
-    stretch: (0, _types.createStaticBoolProp)({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null
-    }),
-    offsetX: (0, _types.createStaticNumberProp)({
-      label: "Offset X",
-      description: "Moves the shadow in the x direction",
-      defeaultValue: 0
-    }),
-    offsetY: (0, _types.createStaticNumberProp)({
-      label: "Offset Y",
-      description: "Moves the shadow in the y direction",
-      defeaultValue: 0
-    }),
-    showShadowSideStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Start",
-      description: "Whether to show shadow on the start side or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowSideEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow End",
-      description: "Whether to show shadow on the end side or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowSideTop: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top",
-      description: "Whether to show shadow on the top side or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowSideBottom: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom",
-      description: "Whether to show shadow on the bottom side or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowCornerTopStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top Start Corner",
-      description: "Whether to show shadow on the top start corner or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowCornerTopEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top End Corner",
-      description: "Whether to show shadow on the top end corner or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowCornerBottomStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom Start Corner",
-      description: "Whether to show shadow on the bottom start corner or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    }),
-    showShadowCornerBottomEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom End Corner",
-      description: "Whether to show shadow on the bottom end corner or not",
-      defaultValue: true,
-      group: _types.GROUPS.advanced
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Slider.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Slider",
-  tag: "Slider",
-  description: "A component used to set a value in a range",
-  category: _types.COMPONENT_TYPES.control,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    marginLeft: 12,
-    marginRight: 12
-  },
-  triggers: [_types.Triggers.OnValueChange],
-  props: {
-    fieldName: (0, _types.createFieldNameProp)({
-      defaultValue: "sliderValue",
-      handlerPropName: "onValueChange",
-      valuePropName: "value"
-    }),
-    minimumValue: (0, _types.createNumberProp)({
-      group: _types.GROUPS.basic,
-      label: "Min Value",
-      min: 0,
-      max: 1000
-    }),
-    maximumValue: (0, _types.createNumberProp)({
-      group: _types.GROUPS.basic,
-      label: "Max Value",
-      min: 1,
-      max: 10000
-    }),
-    step: (0, _types.createNumberProp)({
-      group: _types.GROUPS.basic,
-      label: "Step",
-      min: 0,
-      max: 100,
-      step: 0.01,
-      precision: 2
-    }),
-    leftIcon: (0, _types.createIconProp)({
-      label: "Left Icon",
-      defaultValue: null
-    }),
-    rightIcon: (0, _types.createIconProp)({
-      label: "Right Icon",
-      defaultValue: null
-    }),
-    minimumTrackTintColor: (0, _types.createColorProp)({
-      label: "Min Track Color",
-      defaultValue: null
-    }),
-    maximumTrackTintColor: (0, _types.createColorProp)({
-      label: "Max Track Color",
-      defaultValue: null
-    }),
-    thumbTintColor: (0, _types.createColorProp)({
-      label: "Thumb Color",
-      defaultValue: null
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/StarRating.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Star Rating",
-  tag: "StarRating",
-  description: "A star rating component",
-  category: _types.COMPONENT_TYPES.control,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  triggers: [_types.Triggers.OnPress],
-  props: {
-    starSize: (0, _types.createStaticNumberProp)({
-      label: "Star size",
-      description: "Size of each individual star",
-      defaultValue: 16,
-      min: 8,
-      max: 36,
-      step: 1
-    }),
-    fieldName: (0, _types.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: (0, _types.createStaticNumberProp)({
-      label: "Max stars",
-      description: "The max number of stars",
-      defaultValue: 5,
-      min: 0,
-      max: 10,
-      step: 1
-    }),
-    isEditable: (0, _types.createStaticBoolProp)({
-      label: "Editable"
-    }),
-    activeColor: (0, _types.createColorProp)({
-      label: "Active Color",
-      defaultValue: "primary"
-    }),
-    inactiveColor: (0, _types.createColorProp)({
-      label: "Inactive Color",
-      defaultValue: "divider"
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;