@draftbit/core 47.1.1-1883fa.2 → 47.1.1-1b6a84.2

package/lib/commonjs/components/Container.js

@@ -11,7 +11,6 @@ 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,
@@ -73,9 +72,10 @@ const Container = _ref => {
   };
   const Wrap = elevation ? _Elevation.default : _reactNative.View;
   if (elevation) containerStyle.elevation = elevation;
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, {
+    style: [containerStyle, style],
+    ...rest
+  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -90,4 +90,15 @@ 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;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/mappings/FlashList.js

@@ -46,8 +46,8 @@ const SEED_DATA = [{
     }),
     showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Vertical Scroll Indicator",
@@ -104,8 +104,8 @@ const SEED_DATA = [{
     }),
     showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Vertical Scroll Indicator",

package/lib/commonjs/mappings/FlatList.js

@@ -45,8 +45,8 @@ const SEED_DATA = {
     }),
     showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Vertical Scroll Indicator",

package/lib/commonjs/mappings/ScrollView.js

@@ -23,7 +23,7 @@ const SEED_DATA = {
     showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Horizontal Scroll Indicator",
       description: "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Vertical Scroll Indicator",

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Expo Image",
+  tag: "Image",
+  packageName: "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/FlashList.js

@@ -40,8 +40,8 @@ export const SEED_DATA = [{
     }),
     showsHorizontalScrollIndicator: createStaticBoolProp({
       label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",
@@ -98,8 +98,8 @@ export const SEED_DATA = [{
     }),
     showsHorizontalScrollIndicator: createStaticBoolProp({
       label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

package/lib/module/mappings/FlatList.js

@@ -39,8 +39,8 @@ export const SEED_DATA = {
     }),
     showsHorizontalScrollIndicator: createStaticBoolProp({
       label: "Show Horizontal Scroll Indicator",
-      description: "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

package/lib/module/mappings/ScrollView.js

@@ -17,7 +17,7 @@ export const SEED_DATA = {
     showsHorizontalScrollIndicator: createStaticBoolProp({
       label: "Show Horizontal Scroll Indicator",
       description: "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

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

@@ -0,0 +1,83 @@
+import { COMPONENT_TYPES, createImageProp, StylesPanelSections, createTextProp, createStaticBoolProp, createTextEnumProp, createStaticNumberProp, Triggers, createActionProp, GROUPS, createColorProp } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Expo Image",
+  tag: "Image",
+  packageName: "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

@@ -0,0 +1,155 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    packageName: 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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.1.1-1883fa.2+1883fa4",
+  "version": "47.1.1-1b6a84.2+1b6a849",
   "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-1883fa.2+1883fa4",
+    "@draftbit/types": "^47.1.1-1b6a84.2+1b6a849",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "1883fa44605deb2fd7f248b170c8503e0bc4c768"
+  "gitHead": "1b6a8493182d42aff6978579f4475e94569a4fd6"
 }

package/src/mappings/FlashList.js

@@ -41,8 +41,8 @@ export const SEED_DATA = [
             }),
             showsHorizontalScrollIndicator: createStaticBoolProp({
                 label: "Show Horizontal Scroll Indicator",
-                description: "When true, shows a horizontal scroll indicator. The default value is false.",
-                defaultValue: false,
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
             }),
             showsVerticalScrollIndicator: createStaticBoolProp({
                 label: "Show Vertical Scroll Indicator",
@@ -100,8 +100,8 @@ export const SEED_DATA = [
             }),
             showsHorizontalScrollIndicator: createStaticBoolProp({
                 label: "Show Horizontal Scroll Indicator",
-                description: "When true, shows a horizontal scroll indicator. The default value is false.",
-                defaultValue: false,
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
             }),
             showsVerticalScrollIndicator: createStaticBoolProp({
                 label: "Show Vertical Scroll Indicator",

package/src/mappings/FlashList.ts

@@ -55,8 +55,8 @@ export const SEED_DATA = [
       showsHorizontalScrollIndicator: createStaticBoolProp({
         label: "Show Horizontal Scroll Indicator",
         description:
-          "When true, shows a horizontal scroll indicator. The default value is false.",
-        defaultValue: false,
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
       }),
       showsVerticalScrollIndicator: createStaticBoolProp({
         label: "Show Vertical Scroll Indicator",
@@ -117,8 +117,8 @@ export const SEED_DATA = [
       showsHorizontalScrollIndicator: createStaticBoolProp({
         label: "Show Horizontal Scroll Indicator",
         description:
-          "When true, shows a horizontal scroll indicator. The default value is false.",
-        defaultValue: false,
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
       }),
       showsVerticalScrollIndicator: createStaticBoolProp({
         label: "Show Vertical Scroll Indicator",

package/src/mappings/FlatList.js

@@ -39,8 +39,8 @@ export const SEED_DATA = {
         }),
         showsHorizontalScrollIndicator: createStaticBoolProp({
             label: "Show Horizontal Scroll Indicator",
-            description: "When true, shows a horizontal scroll indicator. The default value is false.",
-            defaultValue: false,
+            description: "When true, shows a horizontal scroll indicator. The default value is true.",
+            defaultValue: true,
         }),
         showsVerticalScrollIndicator: createStaticBoolProp({
             label: "Show Vertical Scroll Indicator",

package/src/mappings/FlatList.ts

@@ -51,8 +51,8 @@ export const SEED_DATA = {
     showsHorizontalScrollIndicator: createStaticBoolProp({
       label: "Show Horizontal Scroll Indicator",
       description:
-        "When true, shows a horizontal scroll indicator. The default value is false.",
-      defaultValue: false,
+        "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true,
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

package/src/mappings/ScrollView.js

@@ -17,7 +17,7 @@ export const SEED_DATA = {
         showsHorizontalScrollIndicator: createStaticBoolProp({
             label: "Show Horizontal Scroll Indicator",
             description: "When true, shows a horizontal scroll indicator. The default value is true.",
-            defaultValue: false,
+            defaultValue: true,
         }),
         showsVerticalScrollIndicator: createStaticBoolProp({
             label: "Show Vertical Scroll Indicator",

package/src/mappings/ScrollView.ts

@@ -26,7 +26,7 @@ export const SEED_DATA = {
       label: "Show Horizontal Scroll Indicator",
       description:
         "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false,
+      defaultValue: true,
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

package/src/mappings/expo/Image.js

@@ -0,0 +1,107 @@
+import { COMPONENT_TYPES, createImageProp, StylesPanelSections, createTextProp, createStaticBoolProp, createTextEnumProp, createStaticNumberProp, Triggers, createActionProp, GROUPS, createColorProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Expo Image",
+    tag: "Image",
+    packageName: "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

@@ -0,0 +1,131 @@
+import {
+  COMPONENT_TYPES,
+  createImageProp,
+  StylesPanelSections,
+  createTextProp,
+  createStaticBoolProp,
+  createTextEnumProp,
+  createStaticNumberProp,
+  Triggers,
+  createActionProp,
+  GROUPS,
+  createColorProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Expo Image",
+  tag: "Image",
+  packageName: "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,
+    }),
+  },
+};