@ornikar/kitt-universal 23.3.0 → 23.4.0

package/dist/index-node-20.10.cjs.web.js

@@ -12,6 +12,8 @@ const reactNative = require('react-native');
 const twemojiParser = require('twemoji-parser');
 const phosphor = require('@ornikar/kitt-icons/phosphor');
 const Downshift = require('downshift');
+const expoDocumentPicker = require('expo-document-picker');
+const expoImagePicker = require('expo-image-picker');
 const useDebounce = require('use-debounce');
 const jsApiLoader = require('@googlemaps/js-api-loader');
 const libphonenumberJs = require('libphonenumber-js');
@@ -4748,6 +4750,63 @@ const DatePicker = /*#__PURE__*/react.forwardRef(({
   });
 });
 
+function DocumentPicker({
+  onDocumentUpload,
+  children,
+  disabled,
+  documentPickerOptions
+}) {
+  const childElement = react.Children.only(children);
+  return /*#__PURE__*/react.cloneElement(childElement, {
+    // ensure that the press event is not prevented by Button component
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
+    onPress: async () => {
+      if (disabled) return;
+      childElement.props.onPress?.();
+      const result = await expoDocumentPicker.getDocumentAsync({
+        ...documentPickerOptions,
+        multiple: false
+      });
+      if (!result.canceled && result.assets[0].file) {
+        onDocumentUpload(result.assets[0].file);
+      }
+    },
+    disabled
+  });
+}
+
+function FilePicker() {
+  throw new Error('FilePicker only works on native');
+}
+
+function ImagePicker({
+  onImageSelected,
+  children,
+  disabled,
+  imagePickerOptions
+}) {
+  const childElement = react.Children.only(children);
+  return /*#__PURE__*/jsxRuntime.jsx(View, {
+    children: /*#__PURE__*/react.cloneElement(childElement, {
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
+      onPress: async () => {
+        if (disabled) return;
+        childElement.props.onPress?.();
+
+        // No permissions request is necessary for launching the image library
+        const result = await expoImagePicker.launchImageLibraryAsync({
+          ...imagePickerOptions,
+          allowsMultipleSelection: false
+        });
+        if (!result.canceled) {
+          onImageSelected(result.assets[0]);
+        }
+      },
+      disabled
+    })
+  });
+}
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/react.createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -10574,9 +10633,11 @@ exports.ChoicesElements = ChoicesElements;
 exports.CloseIconButton = CloseIconButton;
 exports.DatePicker = DatePicker;
 exports.DialogModal = DialogModal;
+exports.DocumentPicker = DocumentPicker;
 exports.Emoji = Emoji;
 exports.ExternalAppLink = ExternalAppLink;
 exports.ExternalLink = ExternalLink;
+exports.FilePicker = FilePicker;
 exports.FlatList = FlatList;
 exports.Flex = Flex;
 exports.FullscreenModal = FullscreenModal;
@@ -10587,6 +10648,7 @@ exports.Highlight = Highlight;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.Image = Image;
+exports.ImagePicker = ImagePicker;
 exports.InputAddress = InputAddress;
 exports.InputEmail = InputEmail;
 exports.InputFeedback = InputFeedback;