@draftbit/core 47.1.1-4be2f3.2 → 47.1.1-5f678a.2

package/lib/commonjs/components/Container.js

@@ -11,6 +11,7 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
 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 Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -72,10 +73,9 @@ const Container = _ref => {
   };
   const Wrap = elevation ? _Elevation.default : _reactNative.View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, {
-    style: [containerStyle, style],
-    ...rest
-  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, _extends({
+    style: [containerStyle, style]
+  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -90,15 +90,4 @@ const Container = _ref => {
   }, children));
 };
 var _default = (0, _theming.withTheme)(Container);
-exports.default = _default;sizeMode: backgroundImageResizeMode,
-    style: {
-      flex: 1
-    }
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: innerStyle
-  }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: innerStyle
-  }, children));
-};
-var _default = (0, _theming.withTheme)(Container);
 exports.default = _default;

package/lib/commonjs/constants.js

@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;

package/lib/commonjs/mappings/MapView.js

@@ -12,7 +12,9 @@ const SEED_DATA = {
   description: "A map view",
   category: _types.COMPONENT_TYPES.map,
   layout: {
-    flex: 1
+    flex: 1,
+    width: "100%",
+    height: "100%"
   },
   props: {
     provider: {

package/lib/module/mappings/MapView.js

@@ -6,7 +6,9 @@ export const SEED_DATA = {
   description: "A map view",
   category: COMPONENT_TYPES.map,
   layout: {
-    flex: 1
+    flex: 1,
+    width: "100%",
+    height: "100%"
   },
   props: {
     provider: {

package/lib/typescript/src/mappings/MapView.d.ts

@@ -6,6 +6,8 @@ export declare const SEED_DATA: {
     category: string;
     layout: {
         flex: number;
+        width: string;
+        height: string;
     };
     props: {
         provider: {

package/lib/typescript/src/mappings/MapView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapView.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}
+{"version":3,"file":"MapView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapView.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6IrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.1.1-4be2f3.2+4be2f3d",
+  "version": "47.1.1-5f678a.2+5f678a7",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.1.1-4be2f3.2+4be2f3d",
+    "@draftbit/types": "^47.1.1-5f678a.2+5f678a7",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "4be2f3d27979c3891f02e80c0b0a7bf397d7d124"
+  "gitHead": "5f678a7061534ee81e34fff9ddced9bd61c0834d"
 }

package/src/mappings/MapView.js

@@ -7,6 +7,8 @@ export const SEED_DATA = {
     category: COMPONENT_TYPES.map,
     layout: {
         flex: 1,
+        width: "100%",
+        height: "100%",
     },
     props: {
         provider: {

package/src/mappings/MapView.ts

@@ -17,6 +17,8 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.map,
   layout: {
     flex: 1,
+    width: "100%",
+    height: "100%",
   },
   props: {
     provider: {

package/lib/commonjs/mappings/expo/Image.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Image",
-  tag: "Image",
-  package: "expo-image",
-  collection: "Expo",
-  prefixCollectionOnImport: true,
-  description: "A responsive Image component",
-  category: _types.COMPONENT_TYPES.media,
-  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Borders],
-  layout: {
-    width: 100,
-    height: 100
-  },
-  triggers: [_types.Triggers.OnLoad, _types.Triggers.OnError],
-  props: {
-    onLoad: (0, _types.createActionProp)(),
-    onError: (0, _types.createActionProp)(),
-    source: (0, _types.createImageProp)(),
-    placeholder: (0, _types.createImageProp)({
-      label: "Placeholder",
-      description: "An image to display while loading the proper image and no image has been displayed yet or the source is unset.",
-      required: false,
-      defaultValue: null
-    }),
-    contentFit: (0, _types.createTextEnumProp)({
-      label: "Content Fit",
-      description: 'Determines how the image should be resized to fit its container. This property tells the image to fill the container in a variety of ways; such as "preserve that aspect ratio" or "stretch up and take up as much space as possible". It mirrors the CSS object-fit property.',
-      options: ["cover", "contain", "fill", "none", "scale-down"],
-      defaultValue: null
-    }),
-    contentPosition: (0, _types.createTextEnumProp)({
-      label: "Content Position",
-      description: "It is used together with contentFit to specify how the image should be positioned with x/y coordinates inside its own container. An equivalent of the CSS object-position property.",
-      options: ["center", "top", "left", "right", "bottom", "top left", "top center", "top right", "left center", "left top", "left bottom", "right center", "right top", "right bottom", "bottom center", "bottom left", "bottom right"],
-      default: null
-    }),
-    cachePolicy: (0, _types.createTextEnumProp)({
-      label: "Cache Policy",
-      description: "Determines whether to cache the image and where: on the disk, in the memory or both.",
-      options: ["none", "disk", "memory", "memory-disk"],
-      defaultValue: null
-    }),
-    focusable: (0, _types.createStaticBoolProp)({
-      label: "Focusable",
-      description: "Whether this View should be focusable with a non-touch input device and receive focus with a hardware keyboard.",
-      group: _types.GROUPS.android,
-      defaultValue: null
-    }),
-    priority: (0, _types.createTextEnumProp)({
-      label: "Priority",
-      description: "Priorities for completing loads. If more than one load is queued at a time, the load with the higher priority will be started first. Priorities are considered best effort, there are no guarantees about the order in which loads will start or finish.",
-      options: ["normal", "high", "low"],
-      defaultValue: null
-    }),
-    responsivePolicy: (0, _types.createTextEnumProp)({
-      label: "Responsive Policy",
-      description: "Determines whether to choose image source based on container size only on mount or on every resize. Use initial to improve performance.",
-      options: ["initial", "live"],
-      defaultValue: null,
-      group: _types.GROUPS.web
-    }),
-    tintColor: (0, _types.createColorProp)({
-      label: "Tint Color",
-      description: "A color used to tint template images (a bitmap image where only the opacity matters). The color is applied to every non-transparent pixel, causing the image’s shape to adopt that color. This effect is not applied to placeholders."
-    }),
-    accessibilityLabel: (0, _types.createTextProp)({
-      label: "Accessibility Label",
-      description: "The text that's read by the screen reader when the user interacts with the image.",
-      defaultValue: null
-    }),
-    accessible: (0, _types.createStaticBoolProp)({
-      label: "Accessible",
-      description: "When true, indicates that the view is an accessibility element. When a view is an accessibility element, it groups its children into a single selectable component.",
-      defaultValue: null
-    }),
-    blurRadius: (0, _types.createStaticNumberProp)({
-      label: "Blur Radius",
-      description: "The radius of the blur in points, 0 means no blur effect. This effect is not applied to placeholders.",
-      defaultValue: null
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/expo/Image.js

@@ -1,83 +0,0 @@
-import { COMPONENT_TYPES, createImageProp, StylesPanelSections, createTextProp, createStaticBoolProp, createTextEnumProp, createStaticNumberProp, Triggers, createActionProp, GROUPS, createColorProp } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Image",
-  tag: "Image",
-  package: "expo-image",
-  collection: "Expo",
-  prefixCollectionOnImport: true,
-  description: "A responsive Image component",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects, StylesPanelSections.Borders],
-  layout: {
-    width: 100,
-    height: 100
-  },
-  triggers: [Triggers.OnLoad, Triggers.OnError],
-  props: {
-    onLoad: createActionProp(),
-    onError: createActionProp(),
-    source: createImageProp(),
-    placeholder: createImageProp({
-      label: "Placeholder",
-      description: "An image to display while loading the proper image and no image has been displayed yet or the source is unset.",
-      required: false,
-      defaultValue: null
-    }),
-    contentFit: createTextEnumProp({
-      label: "Content Fit",
-      description: 'Determines how the image should be resized to fit its container. This property tells the image to fill the container in a variety of ways; such as "preserve that aspect ratio" or "stretch up and take up as much space as possible". It mirrors the CSS object-fit property.',
-      options: ["cover", "contain", "fill", "none", "scale-down"],
-      defaultValue: null
-    }),
-    contentPosition: createTextEnumProp({
-      label: "Content Position",
-      description: "It is used together with contentFit to specify how the image should be positioned with x/y coordinates inside its own container. An equivalent of the CSS object-position property.",
-      options: ["center", "top", "left", "right", "bottom", "top left", "top center", "top right", "left center", "left top", "left bottom", "right center", "right top", "right bottom", "bottom center", "bottom left", "bottom right"],
-      default: null
-    }),
-    cachePolicy: createTextEnumProp({
-      label: "Cache Policy",
-      description: "Determines whether to cache the image and where: on the disk, in the memory or both.",
-      options: ["none", "disk", "memory", "memory-disk"],
-      defaultValue: null
-    }),
-    focusable: createStaticBoolProp({
-      label: "Focusable",
-      description: "Whether this View should be focusable with a non-touch input device and receive focus with a hardware keyboard.",
-      group: GROUPS.android,
-      defaultValue: null
-    }),
-    priority: createTextEnumProp({
-      label: "Priority",
-      description: "Priorities for completing loads. If more than one load is queued at a time, the load with the higher priority will be started first. Priorities are considered best effort, there are no guarantees about the order in which loads will start or finish.",
-      options: ["normal", "high", "low"],
-      defaultValue: null
-    }),
-    responsivePolicy: createTextEnumProp({
-      label: "Responsive Policy",
-      description: "Determines whether to choose image source based on container size only on mount or on every resize. Use initial to improve performance.",
-      options: ["initial", "live"],
-      defaultValue: null,
-      group: GROUPS.web
-    }),
-    tintColor: createColorProp({
-      label: "Tint Color",
-      description: "A color used to tint template images (a bitmap image where only the opacity matters). The color is applied to every non-transparent pixel, causing the image’s shape to adopt that color. This effect is not applied to placeholders."
-    }),
-    accessibilityLabel: createTextProp({
-      label: "Accessibility Label",
-      description: "The text that's read by the screen reader when the user interacts with the image.",
-      defaultValue: null
-    }),
-    accessible: createStaticBoolProp({
-      label: "Accessible",
-      description: "When true, indicates that the view is an accessibility element. When a view is an accessibility element, it groups its children into a single selectable component.",
-      defaultValue: null
-    }),
-    blurRadius: createStaticNumberProp({
-      label: "Blur Radius",
-      description: "The radius of the blur in points, 0 means no blur effect. This effect is not applied to placeholders.",
-      defaultValue: null
-    })
-  }
-};

package/lib/typescript/src/mappings/expo/Image.d.ts

@@ -1,155 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    package: string;
-    collection: string;
-    prefixCollectionOnImport: boolean;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        width: number;
-        height: number;
-    };
-    triggers: string[];
-    props: {
-        onLoad: {
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            group: string;
-        };
-        onError: {
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            group: string;
-        };
-        source: {
-            label: string;
-            description: string;
-            group: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-        };
-        placeholder: {
-            label: string;
-            description: string;
-            group: string;
-            formType: string;
-            propType: string;
-            defaultValue: string;
-            editable: boolean;
-            required: boolean;
-        };
-        contentFit: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        contentPosition: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        cachePolicy: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        focusable: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        priority: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        responsivePolicy: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-            options: never[];
-        };
-        tintColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        accessibilityLabel: any;
-        accessible: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        blurRadius: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-    };
-};
-//# sourceMappingURL=Image.d.ts.map

package/lib/typescript/src/mappings/expo/Image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/expo/Image.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHrB,CAAC"}

package/src/mappings/expo/Image.js

@@ -1,107 +0,0 @@
-import { COMPONENT_TYPES, createImageProp, StylesPanelSections, createTextProp, createStaticBoolProp, createTextEnumProp, createStaticNumberProp, Triggers, createActionProp, GROUPS, createColorProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Image",
-    tag: "Image",
-    package: "expo-image",
-    collection: "Expo",
-    prefixCollectionOnImport: true,
-    description: "A responsive Image component",
-    category: COMPONENT_TYPES.media,
-    stylesPanelSections: [
-        StylesPanelSections.Size,
-        StylesPanelSections.Margins,
-        StylesPanelSections.Position,
-        StylesPanelSections.Effects,
-        StylesPanelSections.Borders,
-    ],
-    layout: {
-        width: 100,
-        height: 100,
-    },
-    triggers: [Triggers.OnLoad, Triggers.OnError],
-    props: {
-        onLoad: createActionProp(),
-        onError: createActionProp(),
-        source: createImageProp(),
-        placeholder: createImageProp({
-            label: "Placeholder",
-            description: "An image to display while loading the proper image and no image has been displayed yet or the source is unset.",
-            required: false,
-            defaultValue: null,
-        }),
-        contentFit: createTextEnumProp({
-            label: "Content Fit",
-            description: 'Determines how the image should be resized to fit its container. This property tells the image to fill the container in a variety of ways; such as "preserve that aspect ratio" or "stretch up and take up as much space as possible". It mirrors the CSS object-fit property.',
-            options: ["cover", "contain", "fill", "none", "scale-down"],
-            defaultValue: null,
-        }),
-        contentPosition: createTextEnumProp({
-            label: "Content Position",
-            description: "It is used together with contentFit to specify how the image should be positioned with x/y coordinates inside its own container. An equivalent of the CSS object-position property.",
-            options: [
-                "center",
-                "top",
-                "left",
-                "right",
-                "bottom",
-                "top left",
-                "top center",
-                "top right",
-                "left center",
-                "left top",
-                "left bottom",
-                "right center",
-                "right top",
-                "right bottom",
-                "bottom center",
-                "bottom left",
-                "bottom right",
-            ],
-            default: null,
-        }),
-        cachePolicy: createTextEnumProp({
-            label: "Cache Policy",
-            description: "Determines whether to cache the image and where: on the disk, in the memory or both.",
-            options: ["none", "disk", "memory", "memory-disk"],
-            defaultValue: null,
-        }),
-        focusable: createStaticBoolProp({
-            label: "Focusable",
-            description: "Whether this View should be focusable with a non-touch input device and receive focus with a hardware keyboard.",
-            group: GROUPS.android,
-            defaultValue: null,
-        }),
-        priority: createTextEnumProp({
-            label: "Priority",
-            description: "Priorities for completing loads. If more than one load is queued at a time, the load with the higher priority will be started first. Priorities are considered best effort, there are no guarantees about the order in which loads will start or finish.",
-            options: ["normal", "high", "low"],
-            defaultValue: null,
-        }),
-        responsivePolicy: createTextEnumProp({
-            label: "Responsive Policy",
-            description: "Determines whether to choose image source based on container size only on mount or on every resize. Use initial to improve performance.",
-            options: ["initial", "live"],
-            defaultValue: null,
-            group: GROUPS.web,
-        }),
-        tintColor: createColorProp({
-            label: "Tint Color",
-            description: "A color used to tint template images (a bitmap image where only the opacity matters). The color is applied to every non-transparent pixel, causing the image’s shape to adopt that color. This effect is not applied to placeholders.",
-        }),
-        accessibilityLabel: createTextProp({
-            label: "Accessibility Label",
-            description: "The text that's read by the screen reader when the user interacts with the image.",
-            defaultValue: null,
-        }),
-        accessible: createStaticBoolProp({
-            label: "Accessible",
-            description: "When true, indicates that the view is an accessibility element. When a view is an accessibility element, it groups its children into a single selectable component.",
-            defaultValue: null,
-        }),
-        blurRadius: createStaticNumberProp({
-            label: "Blur Radius",
-            description: "The radius of the blur in points, 0 means no blur effect. This effect is not applied to placeholders.",
-            defaultValue: null,
-        }),
-    },
-};

package/src/mappings/expo/Image.ts

@@ -1,131 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  createImageProp,
-  StylesPanelSections,
-  createTextProp,
-  createStaticBoolProp,
-  createTextEnumProp,
-  createStaticNumberProp,
-  Triggers,
-  createActionProp,
-  GROUPS,
-  createColorProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Image",
-  tag: "Image",
-  package: "expo-image",
-  collection: "Expo",
-  prefixCollectionOnImport: true,
-  description: "A responsive Image component",
-  category: COMPONENT_TYPES.media,
-  stylesPanelSections: [
-    StylesPanelSections.Size,
-    StylesPanelSections.Margins,
-    StylesPanelSections.Position,
-    StylesPanelSections.Effects,
-    StylesPanelSections.Borders,
-  ],
-  layout: {
-    width: 100,
-    height: 100,
-  },
-  triggers: [Triggers.OnLoad, Triggers.OnError],
-  props: {
-    onLoad: createActionProp(),
-    onError: createActionProp(),
-    source: createImageProp(),
-    placeholder: createImageProp({
-      label: "Placeholder",
-      description:
-        "An image to display while loading the proper image and no image has been displayed yet or the source is unset.",
-      required: false,
-      defaultValue: null,
-    }),
-    contentFit: createTextEnumProp({
-      label: "Content Fit",
-      description:
-        'Determines how the image should be resized to fit its container. This property tells the image to fill the container in a variety of ways; such as "preserve that aspect ratio" or "stretch up and take up as much space as possible". It mirrors the CSS object-fit property.',
-      options: ["cover", "contain", "fill", "none", "scale-down"],
-      defaultValue: null,
-    }),
-    contentPosition: createTextEnumProp({
-      label: "Content Position",
-      description:
-        "It is used together with contentFit to specify how the image should be positioned with x/y coordinates inside its own container. An equivalent of the CSS object-position property.",
-      options: [
-        "center",
-        "top",
-        "left",
-        "right",
-        "bottom",
-        "top left",
-        "top center",
-        "top right",
-        "left center",
-        "left top",
-        "left bottom",
-        "right center",
-        "right top",
-        "right bottom",
-        "bottom center",
-        "bottom left",
-        "bottom right",
-      ],
-      default: null,
-    }),
-    cachePolicy: createTextEnumProp({
-      label: "Cache Policy",
-      description:
-        "Determines whether to cache the image and where: on the disk, in the memory or both.",
-      options: ["none", "disk", "memory", "memory-disk"],
-      defaultValue: null,
-    }),
-    focusable: createStaticBoolProp({
-      label: "Focusable",
-      description:
-        "Whether this View should be focusable with a non-touch input device and receive focus with a hardware keyboard.",
-      group: GROUPS.android,
-      defaultValue: null,
-    }),
-    priority: createTextEnumProp({
-      label: "Priority",
-      description:
-        "Priorities for completing loads. If more than one load is queued at a time, the load with the higher priority will be started first. Priorities are considered best effort, there are no guarantees about the order in which loads will start or finish.",
-      options: ["normal", "high", "low"],
-      defaultValue: null,
-    }),
-    responsivePolicy: createTextEnumProp({
-      label: "Responsive Policy",
-      description:
-        "Determines whether to choose image source based on container size only on mount or on every resize. Use initial to improve performance.",
-      options: ["initial", "live"],
-      defaultValue: null,
-      group: GROUPS.web,
-    }),
-    tintColor: createColorProp({
-      label: "Tint Color",
-      description:
-        "A color used to tint template images (a bitmap image where only the opacity matters). The color is applied to every non-transparent pixel, causing the image’s shape to adopt that color. This effect is not applied to placeholders.",
-    }),
-    accessibilityLabel: createTextProp({
-      label: "Accessibility Label",
-      description:
-        "The text that's read by the screen reader when the user interacts with the image.",
-      defaultValue: null,
-    }),
-    accessible: createStaticBoolProp({
-      label: "Accessible",
-      description:
-        "When true, indicates that the view is an accessibility element. When a view is an accessibility element, it groups its children into a single selectable component.",
-      defaultValue: null,
-    }),
-    blurRadius: createStaticNumberProp({
-      label: "Blur Radius",
-      description:
-        "The radius of the blur in points, 0 means no blur effect. This effect is not applied to placeholders.",
-      defaultValue: null,
-    }),
-  },
-};