@draftbit/core 47.0.0-eae99e.2 → 47.0.1-9fd6f2.2

package/lib/commonjs/mappings/ProgressBar.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Progress Bar",
+  tag: "ProgressBar",
+  description: "A horizontal bar used to show completed progress",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
+  supports_list_render: false,
+  props: {
+    progress: {
+      group: _types.GROUPS.data,
+      label: "Progress",
+      description: "The amount of progress to display. A number 0-1.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 0.5,
+      min: 0,
+      max: 1,
+      step: 0.01,
+      precision: 2,
+      editable: true,
+      required: true
+    },
+    color: {
+      group: _types.GROUPS.basic,
+      label: "Progress Color",
+      description: "Custom color for the progress shown",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    unfilledColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfilled Color",
+      description: "The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    borderRadius: {
+      group: _types.GROUPS.basic,
+      label: "Border Radius",
+      description: "The border radius of the bar",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 10,
+      min: 0,
+      max: 100,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    borderWidth: {
+      group: _types.GROUPS.basic,
+      label: "Border Width",
+      description: "The width of the border that surrounds the bar.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 1,
+      min: 0,
+      max: 15,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    borderColor: {
+      group: _types.GROUPS.basic,
+      label: "Border Color",
+      description: "Custom color for border of the entire bar",
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    animationType: {
+      group: _types.GROUPS.basic,
+      label: "Animation Type",
+      description: "The type of animation that occurs when the bar is filled(Default is Spring)",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "spring",
+      options: ["decay", "timing", "spring"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 200,
+    height: 20
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ProgressCircle.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Progress Circle",
+  tag: "ProgressCircle",
+  description: "A circle used to show completed progress",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Status_Progress.png",
+  supports_list_render: false,
+  props: {
+    progress: {
+      group: _types.GROUPS.data,
+      label: "Progress",
+      description: "The amount of progress to display. A number 0-1.",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 0.5,
+      min: 0,
+      max: 1,
+      step: 0.01,
+      precision: 2,
+      editable: true,
+      required: true
+    },
+    color: {
+      group: _types.GROUPS.basic,
+      label: "Color",
+      description: "Color for the progress shown",
+      editable: true,
+      defaultValue: "primary",
+      required: true,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME
+    },
+    unfilledColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfilled Color",
+      description: "The color of the unfilled portion of the progress bar(eg. if at 50% then this is the color of the other 50%)",
+      editable: true,
+      defaultValue: null,
+      required: true,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME
+    },
+    size: {
+      group: _types.GROUPS.basic,
+      label: "Size",
+      description: "The size of the circle",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 100,
+      min: 0,
+      max: 300,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    showsText: {
+      group: _types.GROUPS.basic,
+      label: "Show Progress Text",
+      description: "Shows progress in the middle of the circle",
+      formType: _types.FORM_TYPES.boolean,
+      propType: _types.PROP_TYPES.BOOLEAN,
+      defaultValue: true,
+      editable: true,
+      required: true
+    },
+    textStyle: {
+      group: _types.GROUPS.basic,
+      label: "Text Style",
+      description: "Text Style of the inner circle",
+      editable: true,
+      required: true,
+      formType: _types.FORM_TYPES.typeStyle,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    thickness: {
+      group: _types.GROUPS.basic,
+      label: "Thickness",
+      description: "Thickness of the inner circle",
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 1,
+      min: 0,
+      max: 15,
+      step: 1,
+      precision: 1,
+      editable: true,
+      required: true
+    },
+    strokeCap: {
+      group: _types.GROUPS.basic,
+      label: "Stroke Cap",
+      description: "The style of the stroke",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "butt",
+      options: ["butt", "square", "round"],
+      editable: true,
+      required: true
+    }
+  },
+  layout: {
+    width: 250,
+    height: 250
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/ProgressIndicator.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Progress Indicator",
+  tag: "ProgressIndicator",
+  description: "A component used to show current Step in a process",
+  category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Control_Slider.png",
+  supports_list_render: false,
+  layout: {},
+  props: {
+    numberOfSteps: {
+      group: _types.GROUPS.data,
+      label: "Number of Steps",
+      description: "The border radius for the thumb",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 0,
+      max: 10,
+      step: 1,
+      precision: 0,
+      defaultValue: 5
+    },
+    currentStep: {
+      group: _types.GROUPS.data,
+      label: "Current Step",
+      description: "The step that the user is on",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 0,
+      max: 10,
+      step: 1,
+      precision: 0,
+      defaultValue: 5
+    },
+    stepIndicatorSize: {
+      group: _types.GROUPS.basic,
+      label: "Step Size",
+      description: "The size of the step circle",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 10,
+      max: 100,
+      step: 5,
+      precision: 0,
+      defaultValue: 25
+    },
+    stepIndicatorLabelFontSize: {
+      group: _types.GROUPS.basic,
+      label: "Step Font Size",
+      description: "The font size of the step number",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 6,
+      max: 36,
+      step: 1,
+      precision: 0,
+      defaultValue: 15
+    },
+    currentStepIndicatorLabelFontSize: {
+      group: _types.GROUPS.basic,
+      label: "Current Step Font Size",
+      description: "The font size of the current step number",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 6,
+      max: 36,
+      step: 1,
+      precision: 0,
+      defaultValue: 15
+    },
+    unfinishedColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfinished Color",
+      description: "The color of the step and divider when the step is either not the current step or not finished",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    finishedColor: {
+      group: _types.GROUPS.basic,
+      label: "Finished Color",
+      description: "The color of the step and divider when the step is the current step or finished",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepNumberUnfinishedColor: {
+      group: _types.GROUPS.basic,
+      label: "Unfinished Number Color",
+      description: "The color of the number within the step when unfinished",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepNumberFinishedColor: {
+      group: _types.GROUPS.basic,
+      label: "Finished Number Color",
+      description: "The color of the number within the step when finished",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepIndicatorCurrentColor: {
+      group: _types.GROUPS.basic,
+      label: "Current Step Color",
+      description: "The color of current step circle",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepIndicatorLabelCurrentColor: {
+      group: _types.GROUPS.basic,
+      label: "Current Step Number Color",
+      description: "The color of current number within the step circle",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    stepStrokeCurrentColor: {
+      group: _types.GROUPS.basic,
+      label: "Current Step Border Color",
+      description: "The color of current border color of the step",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.color,
+      propType: _types.PROP_TYPES.THEME,
+      defaultValue: null
+    },
+    currentStepStrokeWidth: {
+      group: _types.GROUPS.basic,
+      label: "Current Step Border Width",
+      description: "The width of the border for the current step",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 1,
+      max: 20,
+      step: 1,
+      precision: 0,
+      defaultValue: 0
+    },
+    currentStepIndicatorSize: {
+      group: _types.GROUPS.basic,
+      label: "Current Step Size",
+      description: "The size of the current step circle",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 10,
+      max: 100,
+      step: 5,
+      precision: 0,
+      defaultValue: null
+    }
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RadioButton.js

@@ -55,5 +55,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=RadioButton.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RadioButtonGroup.js

@@ -21,5 +21,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=RadioButtonGroup.js.map
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/RadioButtonRow.js

@@ -42,5 +42,4 @@ const SEED_DATA = {
     })
   }
 };
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=RadioButtonRow.js.map
+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;