@alveole/components 2.0.0-alpha.13 → 2.0.0-alpha.14

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.13";
+export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.14";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.13";
+export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.14";

package/dist/ui/FilterDate/FilterDate.js

@@ -3,7 +3,7 @@ import { format } from 'date-fns/format';
 import { enUS } from 'date-fns/locale/en-US';
 import { fr } from 'date-fns/locale/fr';
 import React from 'react';
-import { ScrollView } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
 import { Box } from '../../core/Box';
 import { Grid } from '../../core/Grid';
 import { Typography } from '../../core/Typography';

package/dist/ui/FormControl/useChoixDeFichier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChoixDeFichier.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/useChoixDeFichier.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAGL,eAAe,EAKhB,MAAM,mBAAmB,CAAC;AAmC3B,KAAK,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,wBAuDjD,CAAC"}
+{"version":3,"file":"useChoixDeFichier.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/useChoixDeFichier.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAGL,eAAe,EAKhB,MAAM,mBAAmB,CAAC;AAmD3B,KAAK,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,wBA6DjD,CAAC"}

package/dist/ui/FormControl/useChoixDeFichier.js

@@ -2,10 +2,17 @@ import { useTheme } from '@alveole/theme';
 import * as DocumentPicker from 'expo-document-picker';
 import * as ImagePicker from 'expo-image-picker';
 import React from 'react';
-import { Platform } from 'react-native';
+import { ActionSheetIOS, Platform } from 'react-native';
 import { Alert } from '../../core/Alert';
 import { ajoute, imagesSeulement, libelleDeLaSource, sourcesProposees, } from './fichiersDuChamp';
 import { valideLeType } from './valideLeType';
+const showActionSheetIOS = ({ sources, lancer, titre, labels, type, grandEcran }) => {
+    const options = [...sources.map(s => libelleDeLaSource(s, labels, { type, grandEcran })), labels.cancel];
+    ActionSheetIOS.showActionSheetWithOptions({ title: titre, options, cancelButtonIndex: options.length - 1 }, index => {
+        if (index < sources.length)
+            lancer(sources[index]);
+    });
+};
 const enFichier = (asset) => ({
     uri: asset.uri,
     name: asset.fileName ?? 'image.jpg',
@@ -56,16 +63,21 @@ export const useChoixDeFichier = (options) => {
     const ouvrirLaFeuille = React.useCallback(() => {
         const lancer = (source) => (source === 'document' ? choisirUnDocument() : choisirUneImage(source));
         const images = imagesSeulement(type);
+        const sources = sourcesProposees(type, grandEcran);
+        const titre = images ? labels.chooseImageTitle : labels.chooseDocumentTitle;
+        if (Platform.OS === 'ios')
+            return showActionSheetIOS({ sources, lancer, titre, labels, type, grandEcran });
         Alert.alert({
-            title: images ? labels.chooseImageTitle : labels.chooseDocumentTitle,
+            title: titre,
             message: images ? labels.chooseImageMessage : undefined,
             buttons: [
-                ...sourcesProposees(type, grandEcran).map(source => ({
+                ...sources.map(source => ({
                     text: libelleDeLaSource(source, labels, { type, grandEcran }),
                     onPress: () => lancer(source),
                 })),
                 { text: labels.cancel, style: 'cancel' },
             ],
+            options: { cancelable: true },
         });
     }, [type, labels, grandEcran, choisirUnDocument, choisirUneImage]);
     return React.useCallback(async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "2.0.0-alpha.13",
+  "version": "2.0.0-alpha.14",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",