@draftbit/core 47.1.1-1b33f0.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

@@ -39,6 +39,20 @@ const SEED_DATA = [{
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }, {
@@ -83,6 +97,20 @@ const SEED_DATA = [{
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }];

package/lib/commonjs/mappings/FlatList.js

@@ -38,6 +38,20 @@ const SEED_DATA = {
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 };

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",
@@ -34,6 +34,10 @@ const SEED_DATA = {
       label: "Bounce",
       description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
       defaultValue: true
+    }),
+    refreshColor: (0, _types.createColorProp)({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
     })
   }
 };

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

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Masonry List",
   tag: "MasonryFlashList",
@@ -33,6 +33,20 @@ export const SEED_DATA = [{
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }, {
@@ -77,6 +91,20 @@ export const SEED_DATA = [{
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }];

package/lib/module/mappings/FlatList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, createColorProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "List",
   tag: "FlatList",
@@ -32,6 +32,20 @@ export const SEED_DATA = {
       label: "End Reached Threshold",
       description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5
+    }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 };

package/lib/module/mappings/ScrollView.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Scroll View",
   tag: "ScrollView",
@@ -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",
@@ -28,6 +28,10 @@ export const SEED_DATA = {
       label: "Bounce",
       description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
       defaultValue: true
+    }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh 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/FlashList.d.ts

@@ -73,6 +73,36 @@ export declare const SEED_DATA: ({
             required: boolean;
             step: number;
         };
+        refreshColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        showsHorizontalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
         horizontal?: undefined;
         inverted?: undefined;
     };
@@ -171,6 +201,36 @@ export declare const SEED_DATA: ({
             required: boolean;
             step: number;
         };
+        refreshColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        showsHorizontalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
 })[];
 //# sourceMappingURL=FlashList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqFrB,CAAC"}
+{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}

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

@@ -81,6 +81,36 @@ export declare const SEED_DATA: {
             required: boolean;
             step: number;
         };
+        refreshColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        showsHorizontalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
 };
 //# sourceMappingURL=FlatList.d.ts.map

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

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

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

@@ -57,6 +57,16 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
+        refreshColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
     };
 };
 //# sourceMappingURL=ScrollView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ScrollView.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ScrollView.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCrB,CAAC"}

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-1b33f0.2+1b33f0e",
+  "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-1b33f0.2+1b33f0e",
+    "@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": "1b33f0e5ab8440108af2f836998aea2282b8f557"
+  "gitHead": "1b6a8493182d42aff6978579f4475e94569a4fd6"
 }

package/src/mappings/FlashList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = [
     {
         name: "Masonry List",
@@ -35,6 +35,20 @@ export const SEED_DATA = [
                 description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
                 defaultValue: 0.5,
             }),
+            refreshColor: createColorProp({
+                label: "Refreshing Color",
+                description: "Color of the refresh indicator",
+            }),
+            showsHorizontalScrollIndicator: createStaticBoolProp({
+                label: "Show Horizontal Scroll Indicator",
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
+            showsVerticalScrollIndicator: createStaticBoolProp({
+                label: "Show Vertical Scroll Indicator",
+                description: "When true, shows a vertical scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
         },
     },
     {
@@ -80,6 +94,20 @@ export const SEED_DATA = [
                 description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
                 defaultValue: 0.5,
             }),
+            refreshColor: createColorProp({
+                label: "Refreshing Color",
+                description: "Color of the refresh indicator",
+            }),
+            showsHorizontalScrollIndicator: createStaticBoolProp({
+                label: "Show Horizontal Scroll Indicator",
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
+            showsVerticalScrollIndicator: createStaticBoolProp({
+                label: "Show Vertical Scroll Indicator",
+                description: "When true, shows a vertical scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
         },
     },
 ];

package/src/mappings/FlashList.ts

@@ -8,6 +8,7 @@ import {
   Triggers,
   createActionProp,
   createStaticNumberProp,
+  createColorProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = [
@@ -47,6 +48,22 @@ export const SEED_DATA = [
           "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
         defaultValue: 0.5,
       }),
+      refreshColor: createColorProp({
+        label: "Refreshing Color",
+        description: "Color of the refresh indicator",
+      }),
+      showsHorizontalScrollIndicator: createStaticBoolProp({
+        label: "Show Horizontal Scroll Indicator",
+        description:
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
+      showsVerticalScrollIndicator: createStaticBoolProp({
+        label: "Show Vertical Scroll Indicator",
+        description:
+          "When true, shows a vertical scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
     },
   },
   {
@@ -93,6 +110,22 @@ export const SEED_DATA = [
           "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
         defaultValue: 0.5,
       }),
+      refreshColor: createColorProp({
+        label: "Refreshing Color",
+        description: "Color of the refresh indicator",
+      }),
+      showsHorizontalScrollIndicator: createStaticBoolProp({
+        label: "Show Horizontal Scroll Indicator",
+        description:
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
+      showsVerticalScrollIndicator: createStaticBoolProp({
+        label: "Show Vertical Scroll Indicator",
+        description:
+          "When true, shows a vertical scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
     },
   },
 ];

package/src/mappings/FlatList.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "List",
     tag: "FlatList",
@@ -33,5 +33,19 @@ export const SEED_DATA = {
             description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
             defaultValue: 0.5,
         }),
+        refreshColor: createColorProp({
+            label: "Refreshing Color",
+            description: "Color of the refresh indicator",
+        }),
+        showsHorizontalScrollIndicator: createStaticBoolProp({
+            label: "Show Horizontal Scroll Indicator",
+            description: "When true, shows a horizontal scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
+        showsVerticalScrollIndicator: createStaticBoolProp({
+            label: "Show Vertical Scroll Indicator",
+            description: "When true, shows a vertical scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
     },
 };

package/src/mappings/FlatList.ts

@@ -6,6 +6,7 @@ import {
   Triggers,
   createActionProp,
   createStaticNumberProp,
+  createColorProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -43,5 +44,21 @@ export const SEED_DATA = {
         "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
       defaultValue: 0.5,
     }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh indicator",
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description:
+        "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description:
+        "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
   },
 };

package/src/mappings/ScrollView.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Scroll View",
     tag: "ScrollView",
@@ -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",
@@ -29,5 +29,9 @@ export const SEED_DATA = {
             description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
             defaultValue: true,
         }),
+        refreshColor: createColorProp({
+            label: "Refreshing Color",
+            description: "Color of the refresh indicator",
+        }),
     },
 };

package/src/mappings/ScrollView.ts

@@ -4,6 +4,7 @@ import {
   CONTAINER_COMPONENT_STYLES_SECTIONS,
   Triggers,
   createActionProp,
+  createColorProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -25,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",
@@ -39,5 +40,9 @@ export const SEED_DATA = {
         "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
       defaultValue: true,
     }),
+    refreshColor: createColorProp({
+      label: "Refreshing Color",
+      description: "Color of the refresh 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,
+    }),
+  },
+};