@draftbit/core 46.7.9-13d0dd.2 → 46.7.9-157e2b.2

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -48,7 +48,6 @@ const DatePicker = _ref => {
     placeholder,
     borderColor: inputBorderColor,
     borderColorActive: inputBorderColorActive,
-    autoDismissKeyboard = true,
     ...props
   } = _ref;
   const [value, setValue] = React.useState(date || defaultValue);
@@ -144,11 +143,6 @@ const DatePicker = _ref => {
       clearTimeout(_showPlaceholder());
     };
   }, [focused, label, placeholder]);
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      _reactNative.Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
   const _handleFocus = () => {
     if (disabled) {
       return;

package/lib/commonjs/components/DeprecatedFAB.js

@@ -14,7 +14,6 @@ var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const FAB = _ref => {
   let {
     Icon,
@@ -106,7 +105,8 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -114,7 +114,7 @@ const FAB = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: buttonStyles
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -154,4 +154,22 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(FAB);
+exports.default = _default;ow",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: _Config.default.buttonIconSize
+  },
+  fixed: {
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 64,
+    borderRadius: 0
+  }
+});
+var _default = (0, _theming.withTheme)(FAB);
 exports.default = _default;

package/lib/commonjs/components/Divider.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _theming = require("../theming");
 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 Divider = _ref => {
   let {
     style,
@@ -18,20 +19,6 @@ const Divider = _ref => {
     },
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [{
-      backgroundColor: color || colors.divider,
-      height: _reactNative.StyleSheet.hairlineWidth
-    }, style],
-    ...rest
-  });
-};
-var _default = (0, _theming.withTheme)(Divider);
-exports.default = _default;eme: {
-      colors
-    },
-    ...rest
-  } = _ref;
   return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
     style: [{
       backgroundColor: color || colors.divider,

package/lib/commonjs/components/Elevation.js

@@ -11,6 +11,7 @@ var _theming = require("../theming");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
 const Elevation = _ref => {
   let {
@@ -27,24 +28,11 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
-    ...rest,
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
     style: [{
       borderRadius,
       backgroundColor: colors.surface
     }, elevation ? (0, _shadow.default)(elevation) : null, style]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: {
-      overflow: "hidden",
-      borderRadius
-    }
-  }, children));
-};
-var _default = (0, _theming.withTheme)(Elevation);
-exports.default = _default;
-      borderRadius,
-      backgroundColor: colors.surface
-    }, elevation ? (0, _shadow.default)(elevation) : null, style]
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       overflow: "hidden",

package/lib/commonjs/components/Picker/Picker.js

@@ -65,8 +65,7 @@ const Picker = _ref => {
     leftIconName,
     placeholderTextColor = unstyledColor,
     rightIconName,
-    type = "solid",
-    autoDismissKeyboard = true
+    type = "solid"
   } = _ref;
   const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -90,11 +89,6 @@ const Picker = _ref => {
       androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
     }
   }, [pickerVisible, androidPickerRef]);
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      _reactNative.Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
   const normalizedOptions = normalizeOptions(options);
   const pickerOptions = placeholder ? [{
     value: placeholder,

package/lib/commonjs/mappings/DatePicker.js

@@ -169,12 +169,7 @@ const SEED_DATA = [{
       editable: true,
       required: true,
       group: _types.GROUPS.basic
-    },
-    autoDismissKeyboard: (0, _types.createStaticBoolProp)({
-      label: "Auto dismiss keyboard",
-      description: "Automatically dismiss keyboard when DatePicker is opened",
-      defaultValue: true
-    })
+    }
   }
 }];
 exports.SEED_DATA = SEED_DATA;

package/lib/commonjs/mappings/Picker.js

@@ -142,11 +142,6 @@ const SEED_DATA = [{
     }),
     iconColor: (0, _types.createColorProp)({
       label: "Icon Color"
-    }),
-    autoDismissKeyboard: (0, _types.createStaticBoolProp)({
-      label: "Auto dismiss keyboard",
-      description: "Automatically dismiss keyboard when Picker is opened",
-      defaultValue: true
     })
   },
   layout: {}

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/components/Accordion/AccordionItem.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Text from "../Text";
@@ -17,10 +18,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -51,25 +51,4 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
-export default withTheme(AccordionItem);xtStyles
-  }, label))));
-};
-const styles = StyleSheet.create({
-  container: {
-    padding: 8
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: 8
-  },
-  item: {
-    marginVertical: 6,
-    paddingLeft: 8
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
 export default withTheme(AccordionItem);

package/lib/module/components/CircleImage.js

@@ -1,4 +1,3 @@
-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); }
 import * as React from "react";
 import { Image } from "react-native";
 import Config from "./Config";
@@ -10,6 +9,22 @@ const CircleImage = _ref => {
     ...props
   } = _ref;
   const borderRadius = size / 2;
+  return /*#__PURE__*/React.createElement(Image, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius
+    }, style],
+    source: typeof source === "string" ? {
+      uri: source
+    } : source,
+    resizeMode: "cover",
+    ...props
+  });
+};
+export default CircleImage;props
+  } = _ref;
+  const borderRadius = size / 2;
   return /*#__PURE__*/React.createElement(Image, _extends({
     style: [{
       width: size,

package/lib/module/components/DatePicker/DatePicker.js

@@ -1,6 +1,6 @@
 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); }
 import * as React from "react";
-import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput, Keyboard } from "react-native";
+import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import dateFormat from "dateformat";
 import { withTheme } from "../../theming";
@@ -39,7 +39,6 @@ const DatePicker = _ref => {
     placeholder,
     borderColor: inputBorderColor,
     borderColorActive: inputBorderColorActive,
-    autoDismissKeyboard = true,
     ...props
   } = _ref;
   const [value, setValue] = React.useState(date || defaultValue);
@@ -135,11 +134,6 @@ const DatePicker = _ref => {
       clearTimeout(_showPlaceholder());
     };
   }, [focused, label, placeholder]);
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
   const _handleFocus = () => {
     if (disabled) {
       return;

package/lib/module/components/Picker/Picker.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { View, StyleSheet, Text, Platform, Dimensions, Keyboard } from "react-native";
+import { View, StyleSheet, Text, Platform, Dimensions } from "react-native";
 import { omit, pickBy, identity, isObject } from "lodash";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Picker as NativePicker } from "@react-native-picker/picker";
@@ -56,8 +56,7 @@ const Picker = _ref => {
     leftIconName,
     placeholderTextColor = unstyledColor,
     rightIconName,
-    type = "solid",
-    autoDismissKeyboard = true
+    type = "solid"
   } = _ref;
   const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -81,11 +80,6 @@ const Picker = _ref => {
       androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
     }
   }, [pickerVisible, androidPickerRef]);
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
   const normalizedOptions = normalizeOptions(options);
   const pickerOptions = placeholder ? [{
     value: placeholder,

package/lib/module/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp, createStaticBoolProp } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   mode: {
     label: "Mode",
@@ -163,11 +163,6 @@ export const SEED_DATA = [{
       editable: true,
       required: true,
       group: GROUPS.basic
-    },
-    autoDismissKeyboard: createStaticBoolProp({
-      label: "Auto dismiss keyboard",
-      description: "Automatically dismiss keyboard when DatePicker is opened",
-      defaultValue: true
-    })
+    }
   }
 }];

package/lib/module/mappings/Picker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp, StylesPanelSections, createStaticBoolProp } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp, StylesPanelSections } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   label: {
     group: GROUPS.data,
@@ -136,11 +136,6 @@ export const SEED_DATA = [{
     }),
     iconColor: createColorProp({
       label: "Icon Color"
-    }),
-    autoDismissKeyboard: createStaticBoolProp({
-      label: "Auto dismiss keyboard",
-      description: "Automatically dismiss keyboard when Picker is opened",
-      defaultValue: true
     })
   },
   layout: {}

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/components/DatePicker/DatePicker.d.ts

@@ -23,7 +23,6 @@ declare type Props = {
     rightIconName?: string;
     borderColor?: string;
     borderColorActive?: string;
-    autoDismissKeyboard?: boolean;
 } & IconSlot & TextInputProps;
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;

package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EAMf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC;IAMb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,GAAG,QAAQ,GACV,cAAc,CAAC;;;;AAsgBjB,wBAAqC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EAKf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC;IAMb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,QAAQ,GACV,cAAc,CAAC;;;;AA+fjB,wBAAqC"}

package/lib/typescript/src/components/Picker/Picker.d.ts

@@ -26,7 +26,6 @@ export declare type PickerProps = {
     placeholderTextColor?: string;
     rightIconName?: string;
     type?: "solid" | "underline";
-    autoDismissKeyboard?: boolean;
     theme: Theme;
     Icon: IconSlot["Icon"];
 };

package/lib/typescript/src/components/Picker/Picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAwaF,wBAAiC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAiaF,wBAAiC"}

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

@@ -18,16 +18,6 @@ export declare const SEED_DATA: {
             required: boolean;
             group: string;
         };
-        autoDismissKeyboard: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
         mode: {
             label: string;
             description: string;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DatePicker.ts"],"names":[],"mappings":"AAgKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCrB,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DatePicker.ts"],"names":[],"mappings":"AA+JA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BrB,CAAC"}

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

@@ -40,16 +40,6 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
-        autoDismissKeyboard: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
         label: {
             group: string;
             label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Picker.ts"],"names":[],"mappings":"AA+HA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCrB,CAAC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Picker.ts"],"names":[],"mappings":"AA8HA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCrB,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": "46.7.9-13d0dd.2+13d0dde",
+  "version": "46.7.9-157e2b.2+157e2b1",
   "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": "^46.7.9-13d0dd.2+13d0dde",
+    "@draftbit/types": "^46.7.9-157e2b.2+157e2b1",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "13d0dde6f213290a9a26f91f0ac79c5a2d124560"
+  "gitHead": "157e2b18fb2aca142c8ba3f448f3e6e36232db26"
 }

package/src/components/DatePicker/DatePicker.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput, Keyboard, } from "react-native";
+import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput, } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import dateFormat from "dateformat";
 import { withTheme } from "../../theming";
@@ -25,7 +25,7 @@ const MONTHS = [
     "November",
     "December",
 ];
-const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, autoDismissKeyboard = true, ...props }) => {
+const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, ...props }) => {
     const [value, setValue] = React.useState(date || defaultValue);
     React.useEffect(() => {
         if (defaultValue != null) {
@@ -113,11 +113,6 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
             clearTimeout(_showPlaceholder());
         };
     }, [focused, label, placeholder]);
-    React.useEffect(() => {
-        if (pickerVisible && autoDismissKeyboard) {
-            Keyboard.dismiss();
-        }
-    }, [pickerVisible, autoDismissKeyboard]);
     const _handleFocus = () => {
         if (disabled) {
             return;

package/src/components/DatePicker/DatePicker.tsx

@@ -12,7 +12,6 @@ import {
   I18nManager,
   LayoutChangeEvent,
   TextInput as NativeTextInput,
-  Keyboard,
 } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
@@ -56,7 +55,6 @@ type Props = {
   rightIconName?: string;
   borderColor?: string;
   borderColorActive?: string;
-  autoDismissKeyboard?: boolean;
 } & IconSlot &
   TextInputProps;
 
@@ -95,7 +93,6 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
   placeholder,
   borderColor: inputBorderColor,
   borderColorActive: inputBorderColorActive,
-  autoDismissKeyboard = true,
   ...props
 }) => {
   const [value, setValue] = React.useState<any>(date || defaultValue);
@@ -207,12 +204,6 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
     };
   }, [focused, label, placeholder]);
 
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
-
   const _handleFocus = () => {
     if (disabled) {
       return;

package/src/components/Picker/Picker.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { View, StyleSheet, Text, Platform, Dimensions, Keyboard, } from "react-native";
+import { View, StyleSheet, Text, Platform, Dimensions, } from "react-native";
 import { omit, pickBy, identity, isObject } from "lodash";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Picker as NativePicker } from "@react-native-picker/picker";
@@ -35,7 +35,7 @@ const isIos = Platform.OS === "ios";
 const unstyledColor = "rgba(165, 173, 183, 1)";
 const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
-const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
+const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", }) => {
     var _a, _b;
     const androidPickerRef = React.useRef(undefined);
     const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -59,11 +59,6 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
             (_a = androidPickerRef === null || androidPickerRef === void 0 ? void 0 : androidPickerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [pickerVisible, androidPickerRef]);
-    React.useEffect(() => {
-        if (pickerVisible && autoDismissKeyboard) {
-            Keyboard.dismiss();
-        }
-    }, [pickerVisible, autoDismissKeyboard]);
     const normalizedOptions = normalizeOptions(options);
     const pickerOptions = placeholder
         ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]

package/src/components/Picker/Picker.tsx

@@ -7,7 +7,6 @@ import {
   ViewStyle,
   StyleProp,
   Dimensions,
-  Keyboard,
 } from "react-native";
 import { omit, pickBy, identity, isObject } from "lodash";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -49,7 +48,6 @@ export type PickerProps = {
   placeholderTextColor?: string;
   rightIconName?: string;
   type?: "solid" | "underline";
-  autoDismissKeyboard?: boolean;
   theme: Theme;
   Icon: IconSlot["Icon"];
 };
@@ -109,7 +107,6 @@ const Picker: React.FC<PickerProps> = ({
   placeholderTextColor = unstyledColor,
   rightIconName,
   type = "solid",
-  autoDismissKeyboard = true,
 }) => {
   const androidPickerRef = React.useRef<any | undefined>(undefined);
 
@@ -141,12 +138,6 @@ const Picker: React.FC<PickerProps> = ({
     }
   }, [pickerVisible, androidPickerRef]);
 
-  React.useEffect(() => {
-    if (pickerVisible && autoDismissKeyboard) {
-      Keyboard.dismiss();
-    }
-  }, [pickerVisible, autoDismissKeyboard]);
-
   const normalizedOptions = normalizeOptions(options);
 
   const pickerOptions = placeholder

package/src/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp, createStaticBoolProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     mode: {
         label: "Mode",
@@ -171,11 +171,6 @@ export const SEED_DATA = [
                 required: true,
                 group: GROUPS.basic,
             },
-            autoDismissKeyboard: createStaticBoolProp({
-                label: "Auto dismiss keyboard",
-                description: "Automatically dismiss keyboard when DatePicker is opened",
-                defaultValue: true,
-            }),
         },
     },
 ];

package/src/mappings/DatePicker.ts

@@ -8,7 +8,6 @@ import {
   StylesPanelSections,
   createNumberProp,
   createColorProp,
-  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -186,11 +185,6 @@ export const SEED_DATA = [
         required: true,
         group: GROUPS.basic,
       },
-      autoDismissKeyboard: createStaticBoolProp({
-        label: "Auto dismiss keyboard",
-        description: "Automatically dismiss keyboard when DatePicker is opened",
-        defaultValue: true,
-      }),
     },
   },
 ];

package/src/mappings/Picker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp, StylesPanelSections, createStaticBoolProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, createIconSizeProp, createColorProp, StylesPanelSections, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     label: {
         group: GROUPS.data,
@@ -142,11 +142,6 @@ export const SEED_DATA = [
             },
             iconSize: createIconSizeProp({ defaultValue: 24 }),
             iconColor: createColorProp({ label: "Icon Color" }),
-            autoDismissKeyboard: createStaticBoolProp({
-                label: "Auto dismiss keyboard",
-                description: "Automatically dismiss keyboard when Picker is opened",
-                defaultValue: true,
-            }),
         },
         layout: {},
     },

package/src/mappings/Picker.ts

@@ -8,7 +8,6 @@ import {
   createIconSizeProp,
   createColorProp,
   StylesPanelSections,
-  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -158,11 +157,6 @@ export const SEED_DATA = [
       },
       iconSize: createIconSizeProp({ defaultValue: 24 }),
       iconColor: createColorProp({ label: "Icon Color" }),
-      autoDismissKeyboard: createStaticBoolProp({
-        label: "Auto dismiss keyboard",
-        description: "Automatically dismiss keyboard when Picker is opened",
-        defaultValue: true,
-      }),
     },
     layout: {},
   },

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,
+    }),
+  },
+};