@draftbit/core 46.10.3-6c7505.2 → 46.10.3-7476ab.2

package/lib/commonjs/mappings/RadioButtonRow.js

@@ -0,0 +1,45 @@
+"use strict";
+
+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",
+  category: _types.COMPONENT_TYPES.control,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
+  layout: {},
+  props: {
+    label: (0, _types.createTextProp)({
+      label: "Label",
+      description: "Label to show with the radio button",
+      required: true,
+      defaultValue: "First Option"
+    }),
+    direction: (0, _types.createTextEnumProp)({
+      label: "Direction",
+      description: "Whether the checkbox will appear on the left or on the right",
+      options: ["row", "row-reverse"]
+    }),
+    value: (0, _types.createTextProp)({
+      label: "Value",
+      description: "Value of the radio button",
+      defaultValue: null,
+      required: true
+    }),
+    color: (0, _types.createColorProp)({
+      group: _types.GROUPS.basic,
+      description: "Color for the button",
+      defaultValue: "primary"
+    }),
+    unselectedColor: (0, _types.createColorProp)({
+      group: _types.GROUPS.basic,
+      label: "Unselected Color",
+      description: "Unselected Color for the button",
+      defaultValue: "primary"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RowBodyIcon.js

@@ -0,0 +1,79 @@
+"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

@@ -0,0 +1,169 @@
+"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

@@ -0,0 +1,99 @@
+"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

@@ -0,0 +1,22 @@
+"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

@@ -0,0 +1,40 @@
+"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

@@ -0,0 +1,44 @@
+"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

@@ -0,0 +1,102 @@
+"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

@@ -0,0 +1,67 @@
+"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;