@draftbit/core 46.10.3-a5cf6b.2 → 46.10.3-af3058.2

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -14,8 +14,7 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-let Direction;
+var Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Row"] = "row";
@@ -58,7 +57,6 @@ const CheckboxRow = _ref => {
       setInternalValue(status);
     }
   }, [status]);
-
   // This special logic is to handle weird APIs like Airtable that return
   // true or undefined for a boolean
   const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -82,13 +80,14 @@ const CheckboxRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
     onPress: handlePress,
     style: [viewStyles, styles.mainParent, {
       flexDirection: direction
     }],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -125,4 +124,22 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = CheckboxRow;
+exports.default = _default;ems: "center",
+    justifyContent: "space-around",
+    paddingStart: 20,
+    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+var _default = CheckboxRow;
 exports.default = _default;

package/lib/commonjs/components/Checkbox/context.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.checkboxGroupContext = exports.Direction = void 0;
 exports.useCheckboxGroupContext = useCheckboxGroupContext;
 var _react = require("react");
-let Direction;
+var Direction;
 exports.Direction = Direction;
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";

package/lib/commonjs/components/DeprecatedButton.js

@@ -13,6 +13,7 @@ var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Button = _ref => {
   let {
     Icon,
@@ -83,8 +84,7 @@ const Button = _ref => {
       elevation,
       alignSelf: "stretch"
     }
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    ...rest,
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -92,7 +92,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -124,21 +124,4 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Button);
-exports.default = _default;;
-};
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: _Config.default.buttonIconSize
-  }
-});
-var _default = (0, _theming.withTheme)(Button);
 exports.default = _default;

package/lib/commonjs/mappings/CardBlock.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA_PROPS = {
+  image: {
+    group: _types.GROUPS.data,
+    label: "Image",
+    description: "Image",
+    formType: _types.FORM_TYPES.image,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  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
+  },
+  leftDescription: {
+    group: _types.GROUPS.data,
+    label: "Left description",
+    description: "Text to display on the left",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "San Diego",
+    editable: true,
+    required: false
+  },
+  rightDescription: {
+    group: _types.GROUPS.data,
+    label: "Right description",
+    description: "Text to display on the right",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "$100",
+    editable: true,
+    required: false
+  },
+  aspectRatio: {
+    group: _types.GROUPS.basic,
+    label: "Aspect ratio",
+    description: "Aspect ratio of the image",
+    formType: _types.FORM_TYPES.aspectRatio,
+    propType: _types.PROP_TYPES.NUMBER,
+    defaultValue: 1.5,
+    editable: true,
+    required: false
+  },
+  titleCentered: {
+    group: _types.GROUPS.basic,
+    label: "Title centered",
+    description: "Whether to center the title",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false
+  },
+  elevation: (0, _types.createElevationType)(2)
+};
+const SEED_DATA = [{
+  name: "Small Card",
+  tag: "CardBlock",
+  description: "An elevated card with a title and description, that takes up one third of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  props: {
+    ...SEED_DATA_PROPS,
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 1
+    })
+  }
+}, {
+  name: "Medium Block Card",
+  tag: "CardBlock",
+  description: "An elevated card with a title and description, that takes up one half of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  props: {
+    ...SEED_DATA_PROPS,
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Icon to display on the top right",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 2
+    })
+  }
+}, {
+  name: "Large Block Card",
+  tag: "CardBlock",
+  description: "An elevated card with a title and description, that takes up the full width its container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  props: {
+    ...SEED_DATA_PROPS,
+    icon: {
+      group: _types.GROUPS.basic,
+      label: "Icon",
+      description: "Icon to display on the top right",
+      formType: _types.FORM_TYPES.icon,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: true
+    },
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 3
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/CardContainer.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA_PROPS = {
+  image: {
+    label: "Image",
+    description: "Image",
+    formType: _types.FORM_TYPES.image,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: true,
+    group: _types.GROUPS.data
+  },
+  title: {
+    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,
+    group: _types.GROUPS.data
+  },
+  leftDescription: {
+    label: "Left description",
+    description: "Text to display on the left",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "San Diego",
+    editable: true,
+    required: false,
+    group: _types.GROUPS.data
+  },
+  rightDescription: {
+    label: "Right description",
+    description: "Text to display on the right",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "$100",
+    editable: true,
+    required: false,
+    group: _types.GROUPS.data
+  },
+  icon: {
+    label: "Icon",
+    description: "Icon to display on the top right",
+    formType: _types.FORM_TYPES.icon,
+    propType: _types.PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,
+    defaultValue: null,
+    editable: true,
+    required: false,
+    group: _types.GROUPS.basic
+  },
+  aspectRatio: {
+    label: "Aspect ratio",
+    description: "Aspect ratio of the image",
+    formType: _types.FORM_TYPES.aspectRatio,
+    propType: _types.PROP_TYPES.NUMBER,
+    defaultValue: 1.5,
+    editable: true,
+    required: false,
+    group: _types.GROUPS.basic
+  },
+  textCentered: {
+    label: "Centered Text",
+    description: "Whether to center the text",
+    formType: _types.FORM_TYPES.boolean,
+    propType: _types.PROP_TYPES.BOOLEAN,
+    defaultValue: false,
+    editable: true,
+    required: false,
+    group: _types.GROUPS.basic
+  },
+  elevation: (0, _types.createElevationType)(2)
+};
+const SEED_DATA = [{
+  name: "Medium Card",
+  tag: "CardContainer",
+  description: "An elevated card with a title and description, that takes up half of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: null,
+  props: {
+    ...SEED_DATA_PROPS,
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 2
+    })
+  }
+}, {
+  name: "Large Card",
+  tag: "CardContainer",
+  description: "An elevated card with a title and description, that takes up its full container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: null,
+  props: {
+    ...SEED_DATA_PROPS,
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 3
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/CardContainerRating.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA_PROPS = {
+  image: {
+    group: _types.GROUPS.data,
+    label: "Image",
+    description: "Image",
+    formType: _types.FORM_TYPES.image,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  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
+  },
+  leftDescription: {
+    group: _types.GROUPS.data,
+    label: "Left description",
+    description: "Text to display on the left",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "San Diego",
+    editable: true,
+    required: false
+  },
+  rightDescription: {
+    group: _types.GROUPS.data,
+    label: "Right description",
+    description: "Text to display on the right",
+    formType: _types.FORM_TYPES.string,
+    propType: _types.PROP_TYPES.STRING,
+    defaultValue: "$100",
+    editable: true,
+    required: false
+  },
+  icon: {
+    group: _types.GROUPS.basic,
+    label: "Icon",
+    description: "Icon to display on the top right",
+    formType: _types.FORM_TYPES.icon,
+    propType: _types.PROP_TYPES.ASSET,
+    defaultValue: null,
+    editable: true,
+    required: false
+  },
+  aspectRatio: {
+    group: _types.GROUPS.basic,
+    label: "Aspect ratio",
+    description: "Aspect ratio of the image",
+    formType: _types.FORM_TYPES.aspectRatio,
+    propType: _types.PROP_TYPES.NUMBER,
+    defaultValue: 1.5,
+    editable: true,
+    required: false
+  },
+  rating: {
+    group: _types.GROUPS.data,
+    label: "Rating",
+    description: "Number of stars to show. A number 0-5.",
+    formType: _types.FORM_TYPES.number,
+    propType: _types.PROP_TYPES.NUMBER,
+    defaultValue: 5,
+    min: 0,
+    max: 5,
+    step: 1,
+    precision: 0,
+    editable: true,
+    required: false
+  },
+  elevation: (0, _types.createElevationType)(2)
+};
+const SEED_DATA = [{
+  name: "Medium Card (Rating)",
+  tag: "CardContainerRating",
+  description: "An elevated card with a title and description, that takes up half of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
+  supports_list_render: true,
+  props: {
+    ...SEED_DATA_PROPS,
+    numColumns: {
+      label: "Number of Columns",
+      description: "Numbre of columns",
+      group: _types.GROUPS.uncategorized,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 2,
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}, {
+  name: "Large Card (Rating)",
+  tag: "CardContainerRating",
+  description: "An elevated card with a title and description, that takes up its full container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
+  supports_list_render: true,
+  props: {
+    ...SEED_DATA_PROPS,
+    numColumns: {
+      label: "Number of Columns",
+      description: "Numbre of columns",
+      group: _types.GROUPS.uncategorized,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 3,
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/CardContainerShortImage.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = [{
+  name: "Short Card (Left)",
+  tag: "CardContainerShortImage",
+  description: "An elevated card with a left aligned image and a title and subtitle",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png",
+  supports_list_render: true,
+  props: {
+    image: {
+      group: _types.GROUPS.data,
+      label: "Image",
+      description: "Image",
+      formType: _types.FORM_TYPES.image,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    title: {
+      group: _types.GROUPS.data,
+      label: "Title",
+      description: "Title 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 to display",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "San Diego",
+      editable: true,
+      required: false
+    },
+    aspectRatio: {
+      group: _types.GROUPS.basic,
+      label: "Aspect ratio",
+      description: "Aspect ratio of the image",
+      formType: _types.FORM_TYPES.aspectRatio,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    elevation: (0, _types.createElevationType)(2),
+    mode: {
+      group: _types.GROUPS.uncategorized,
+      label: "Image Side",
+      description: "The side on which the image is on (left or right)",
+      formType: _types.FORM_TYPES.flatArray,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "left",
+      options: ["left", "right"],
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}, {
+  name: "Short Card (Right)",
+  tag: "CardContainerShortImage",
+  description: "An elevated card with a right aligned image and a title and subtitle",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortRightImage.png",
+  supports_list_render: true,
+  props: {
+    image: {
+      group: _types.GROUPS.data,
+      label: "Image",
+      description: "Image",
+      formType: _types.FORM_TYPES.image,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    title: {
+      group: _types.GROUPS.data,
+      label: "Title",
+      description: "Title 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 to display",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "San Diego",
+      editable: true,
+      required: false
+    },
+    elevation: (0, _types.createElevationType)(2),
+    mode: {
+      label: "Mode",
+      description: "Mode",
+      group: _types.GROUPS.uncategorized,
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "right",
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/CardInline.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Inline Card",
+  tag: "CardInline",
+  description: "An elevated card with image and a title and description overlayed, that takes up the full width of its container.",
+  category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
+  layout: {},
+  props: {
+    image: {
+      group: _types.GROUPS.data,
+      label: "Image",
+      description: "Image",
+      formType: _types.FORM_TYPES.image,
+      propType: _types.PROP_TYPES.ASSET,
+      defaultValue: null,
+      editable: true,
+      required: false
+    },
+    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",
+      formType: _types.FORM_TYPES.string,
+      propType: _types.PROP_TYPES.STRING,
+      defaultValue: "San Diego",
+      editable: true,
+      required: false
+    },
+    aspectRatio: {
+      group: _types.GROUPS.basic,
+      label: "Aspect ratio",
+      description: "Aspect ratio of the image",
+      formType: _types.FORM_TYPES.aspectRatio,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 1.5,
+      editable: true,
+      required: false
+    },
+    elevation: (0, _types.createElevationType)(2)
+  }
+};
+exports.SEED_DATA = SEED_DATA;