@alveole/components 2.0.0-alpha → 2.0.0-alpha.1

package/dist/generated/version.d.ts

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

package/dist/generated/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,aAAsB,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,eAAwB,CAAC"}

package/dist/generated/version.js

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

package/dist/stories/index.d.ts

@@ -31,9 +31,9 @@ export * as DataTableStory from '../ui/DataTable/DataTable.stories';
 export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
-export * as DragAndDropFileStory from '../ui/DragAndDropFile/DragAndDropFile.stories';
 export * as DurationInputStory from '../ui/DurationInput/DurationInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
+export * as FileDropZoneStory from '../ui/FileDropZone/FileDropZone.stories';
 export * as FilterDateStory from '../ui/FilterDate/FilterDate.stories';
 export * as FileInputStory from '../ui/FormControl/FileInput.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';

package/dist/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -33,9 +33,9 @@ export * as DataTableStory from '../ui/DataTable/DataTable.stories';
 export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
-export * as DragAndDropFileStory from '../ui/DragAndDropFile/DragAndDropFile.stories';
 export * as DurationInputStory from '../ui/DurationInput/DurationInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
+export * as FileDropZoneStory from '../ui/FileDropZone/FileDropZone.stories';
 export * as FilterDateStory from '../ui/FilterDate/FilterDate.stories';
 export * as FileInputStory from '../ui/FormControl/FileInput.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';

package/dist/ui/Checkbox/Checkbox.js

@@ -8,8 +8,8 @@ import { CheckboxContainer } from './CheckboxContainer';
 import { CheckboxIndicator } from './CheckboxIndicator';
 import { CheckboxLabel } from './CheckboxLabel';
 export const Checkbox = React.forwardRef(function Checkbox(props, ref) {
-    const { size, variant, label, error, success, disabled, onCheckedChange } = props;
-    const baseProps = { size, variant, label, error, success, disabled, onCheckedChange };
+    const { size, variant, label, error, success, disabled } = props;
+    const baseProps = { size, variant, label, error, success, disabled };
     const { spacingValue } = useTheme();
     const styles = useStyles();
     const id = useId();

package/dist/ui/FileDropZone/FileDropZone.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FileInputProps } from '../FormControl';
+export type FileDropZoneProps = Pick<FileInputProps, 'value' | 'onChange' | 'type' | 'multiple' | 'disabled'> & {
+    children: React.ReactNode;
+    /** Le texte de la surcouche pendant le survol. */
+    message?: string;
+};
+/** Le glisser-deposer de fichiers n'existe que sur le web : hors web, la zone rend ses enfants. */
+export declare const FileDropZone: ({ children }: FileDropZoneProps) => React.JSX.Element;
+//# sourceMappingURL=FileDropZone.d.ts.map

package/dist/ui/FileDropZone/FileDropZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/FileDropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC9G,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,sBAAoB,CAAC"}

package/dist/ui/FileDropZone/FileDropZone.js

@@ -0,0 +1,3 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/** Le glisser-deposer de fichiers n'existe que sur le web : hors web, la zone rend ses enfants. */
+export const FileDropZone = ({ children }) => _jsx(_Fragment, { children: children });

package/dist/ui/FileDropZone/FileDropZone.stories.d.ts

@@ -0,0 +1,50 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    webOnly: true;
+    description: string;
+    component: ({ children }: import("./FileDropZone").FileDropZoneProps) => import("react").JSX.Element;
+    styleFn: () => {
+        conteneur: {
+            position: "relative";
+        };
+        surcouche: {
+            position: "absolute";
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+            borderWidth: number;
+            borderStyle: "dashed";
+            borderColor: string;
+            borderRadius: import("@alveole/theme").Radius;
+            backgroundColor: string;
+            alignItems: "center";
+            justifyContent: "center";
+            pointerEvents: "none";
+        };
+        pastille: {
+            backgroundColor: string;
+            borderRadius: import("@alveole/theme").Radius;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+        };
+        message: {
+            color: string;
+            fontSize: 16;
+            lineHeight: 24;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+    };
+};
+export default _default;
+export declare const Formulaire: () => import("react").JSX.Element;
+export declare const Desactivee: () => import("react").JSX.Element;
+export declare const MessagePersonnalise: () => import("react").JSX.Element;
+export * as Sources from './FileDropZone.stories.sources';
+//# sourceMappingURL=FileDropZone.stories.d.ts.map

package/dist/ui/FileDropZone/FileDropZone.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/FileDropZone.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBASkB;AAElB,eAAO,MAAM,UAAU,mCAetB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAWtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAW/B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}

package/dist/ui/FileDropZone/FileDropZone.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '../../core/Box';
+import { FileInput, FormControl, TextInput } from '../FormControl';
+import { FileDropZone } from './FileDropZone';
+import { useStyles } from './FileDropZone.styles';
+export default {
+    title: 'FileDropZone',
+    tags: ['ui'],
+    experimental: false,
+    webOnly: true,
+    description: "Zone de dépôt : enveloppe une région (souvent tout un formulaire) sur laquelle on peut glisser-déposer des fichiers. Se branche sur le même état que le FileInput du formulaire. À réserver aux formulaires qui n'ont qu'un seul champ de fichier : avec plusieurs FileInput, l'utilisateur ne peut pas savoir lequel recevra le fichier déposé.",
+    component: FileDropZone,
+    styleFn: useStyles,
+};
+export const Formulaire = () => {
+    const [titre, setTitre] = useState('');
+    const [fichiers, setFichiers] = useState(null);
+    return (_jsx(FileDropZone, { value: fichiers, onChange: setFichiers, multiple: true, children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 16, p: 16, children: [_jsx(FormControl, { label: "Titre", children: _jsx(TextInput, { value: titre, onChangeText: setTitre }) }), _jsx(FormControl, { label: "Pi\u00E8ces jointes", hint: "Glissez des fichiers n'importe o\u00F9 sur le formulaire.", children: _jsx(FileInput, { value: fichiers, onChange: setFichiers, multiple: true }) })] }) }));
+};
+export const Desactivee = () => {
+    const [fichiers, setFichiers] = useState(null);
+    return (_jsx(FileDropZone, { value: fichiers, onChange: setFichiers, multiple: true, disabled: true, children: _jsx(Box, { p: 16, children: _jsx(FormControl, { label: "Pi\u00E8ces jointes", disabled: true, children: _jsx(FileInput, { value: fichiers, onChange: setFichiers, multiple: true, disabled: true }) }) }) }));
+};
+export const MessagePersonnalise = () => {
+    const [photo, setPhoto] = useState(null);
+    return (_jsx(FileDropZone, { value: photo, onChange: setPhoto, type: "image/*", message: "L\u00E2chez la photo pour l'ajouter", children: _jsx(Box, { p: 16, children: _jsx(FormControl, { label: "Photo", children: _jsx(FileInput, { value: photo, onChange: setPhoto, type: "image/*" }) }) }) }));
+};
+export * as Sources from './FileDropZone.stories.sources';

package/dist/ui/FileDropZone/FileDropZone.stories.sources.d.ts

@@ -0,0 +1,10 @@
+export declare const Formulaire: () => string;
+export declare const Desactivee: () => string;
+export declare const MessagePersonnalise: () => string;
+export declare const storySources: {
+    readonly Formulaire: () => string;
+    readonly Desactivee: () => string;
+    readonly MessagePersonnalise: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=FileDropZone.stories.sources.d.ts.map

package/dist/ui/FileDropZone/FileDropZone.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/FileDropZone.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,cAA6qB,CAAC;AAErsB,eAAO,MAAM,UAAU,cAA8a,CAAC;AAEtc,eAAO,MAAM,mBAAmB,cAA4b,CAAC;AAE7d,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/FileDropZone/FileDropZone.stories.sources.js

@@ -0,0 +1,10 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/FileDropZone/FileDropZone.stories.tsx
+export const Formulaire = () => "export const Formulaire = () => {\n  const [titre, setTitre] = useState('');\n  const [fichiers, setFichiers] = useState<FileInputValue>(null);\n  return (\n    <FileDropZone value={fichiers} onChange={setFichiers} multiple>\n      <Box display=\"flex\" flexDirection=\"column\" gap={16} p={16}>\n        <FormControl label=\"Titre\">\n          <TextInput value={titre} onChangeText={setTitre} />\n        </FormControl>\n        <FormControl label=\"Pièces jointes\" hint=\"Glissez des fichiers n'importe où sur le formulaire.\">\n          <FileInput value={fichiers} onChange={setFichiers} multiple />\n        </FormControl>\n      </Box>\n    </FileDropZone>\n  );\n};";
+export const Desactivee = () => "export const Desactivee = () => {\n  const [fichiers, setFichiers] = useState<FileInputValue>(null);\n  return (\n    <FileDropZone value={fichiers} onChange={setFichiers} multiple disabled>\n      <Box p={16}>\n        <FormControl label=\"Pièces jointes\" disabled>\n          <FileInput value={fichiers} onChange={setFichiers} multiple disabled />\n        </FormControl>\n      </Box>\n    </FileDropZone>\n  );\n};";
+export const MessagePersonnalise = () => "export const MessagePersonnalise = () => {\n  const [photo, setPhoto] = useState<FileInputValue>(null);\n  return (\n    <FileDropZone value={photo} onChange={setPhoto} type=\"image/*\" message=\"Lâchez la photo pour l'ajouter\">\n      <Box p={16}>\n        <FormControl label=\"Photo\">\n          <FileInput value={photo} onChange={setPhoto} type=\"image/*\" />\n        </FormControl>\n      </Box>\n    </FileDropZone>\n  );\n};";
+export const storySources = {
+    Formulaire,
+    Desactivee,
+    MessagePersonnalise,
+};

package/dist/ui/FileDropZone/FileDropZone.styles.d.ts

@@ -0,0 +1,37 @@
+export declare const useStyles: () => {
+    conteneur: {
+        position: "relative";
+    };
+    surcouche: {
+        position: "absolute";
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+        borderWidth: number;
+        borderStyle: "dashed";
+        borderColor: string;
+        borderRadius: import("@alveole/theme").Radius;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        pointerEvents: "none";
+    };
+    pastille: {
+        backgroundColor: string;
+        borderRadius: import("@alveole/theme").Radius;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    message: {
+        color: string;
+        fontSize: 16;
+        lineHeight: 24;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+};
+//# sourceMappingURL=FileDropZone.styles.d.ts.map

package/dist/ui/FileDropZone/FileDropZone.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/FileDropZone.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCnB,CAAC"}

package/dist/ui/FileDropZone/FileDropZone.styles.js

@@ -0,0 +1,35 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ color, radius, spacing, text }) => ({
+    conteneur: {
+        position: 'relative',
+    },
+    // Posee sur le contenu sans le deplacer ni capter les clics : le formulaire reste lisible dessous.
+    surcouche: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        borderWidth: 2,
+        borderStyle: 'dashed',
+        borderColor: color.light.border['plain-info'],
+        borderRadius: radius('lg'),
+        backgroundColor: color.alpha(color.light.background['flat-info'], 0.1),
+        alignItems: 'center',
+        justifyContent: 'center',
+        pointerEvents: 'none',
+    },
+    // Pastille opaque : le message reste lisible quel que soit le champ qu'il recouvre.
+    pastille: {
+        backgroundColor: color.light.background['default-grey'],
+        borderRadius: radius('lg'),
+        paddingLeft: spacing('2W'),
+        paddingRight: spacing('2W'),
+        paddingTop: spacing('1W'),
+        paddingBottom: spacing('1W'),
+    },
+    message: {
+        ...text['Corps de texte'].MD.Bold,
+        color: color.light.text['default-info'],
+    },
+}));

package/dist/ui/FileDropZone/FileDropZone.web.d.ts

@@ -0,0 +1,4 @@
+import { FileDropZoneProps } from './FileDropZone';
+export type { FileDropZoneProps } from './FileDropZone';
+export declare const FileDropZone: (props: FileDropZoneProps) => import("react").JSX.Element;
+//# sourceMappingURL=FileDropZone.web.d.ts.map

package/dist/ui/FileDropZone/FileDropZone.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZone.web.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/FileDropZone.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAInD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAwBpD,CAAC"}

package/dist/ui/FileDropZone/FileDropZone.web.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { useStyles } from './FileDropZone.styles';
+import { useDepotFichier } from './useDepotFichier';
+export const FileDropZone = (props) => {
+    const { children, message = 'Déposez vos fichiers ici' } = props;
+    const styles = useStyles();
+    const depot = useDepotFichier(props);
+    return (_jsxs("div", { "data-testid": "file-drop-zone", style: styles.conteneur, onDragEnter: depot.onDragEnter, onDragOver: depot.onDragOver, onDragLeave: depot.onDragLeave, onDrop: depot.onDrop, children: [children, depot.actif && (_jsx(Box, { tag: "file-drop-zone-overlay", style: styles.surcouche, children: _jsx(Box, { tag: "file-drop-zone-message", style: styles.pastille, children: _jsx(Typography, { style: styles.message, children: message }) }) }))] }));
+};

package/dist/ui/FileDropZone/fichiersDuDataTransfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fichiersDuDataTransfer.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/fichiersDuDataTransfer.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,IAAI,IAAI,GAAG,IAAI,CAAA;CAAE,CAAC;AAE7D;;;;;GAKG;AACH,KAAK,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAQrG;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GAAI,IAAI,eAAe,KAAG,IAAI,EAIhE,CAAC"}

package/dist/ui/FileDropZone/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileDropZone';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/FileDropZone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/ui/FileDropZone/index.js

@@ -0,0 +1 @@
+export * from './FileDropZone';

package/dist/ui/FileDropZone/useDepotFichier.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FileInputProps } from '../FormControl';
+type Options = Pick<FileInputProps, 'value' | 'type' | 'multiple' | 'onChange' | 'disabled'>;
+/**
+ * Le comportement de la zone de depot : s'allumer quand un glissement de fichiers la survole,
+ * convertir les fichiers lâches en valeurs du champ, et liberer les URL d'objet. Chaque
+ * evenement traite s'arrete a la zone : entre zones imbriquees, seule la plus proche reagit.
+ */
+export declare const useDepotFichier: ({ value, type, multiple, onChange, disabled }: Options) => {
+    actif: boolean;
+    onDragEnter: (e: React.DragEvent) => void;
+    onDragOver: (e: React.DragEvent) => void;
+    onDragLeave: (e: React.DragEvent) => void;
+    onDrop: (e: React.DragEvent) => void;
+};
+export {};
+//# sourceMappingURL=useDepotFichier.d.ts.map

package/dist/ui/FileDropZone/useDepotFichier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDepotFichier.d.ts","sourceRoot":"","sources":["../../../src/ui/FileDropZone/useDepotFichier.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqD,cAAc,EAAkB,MAAM,gBAAgB,CAAC;AAwBnH,KAAK,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAE7F;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,+CAA+C,OAAO;;qBA4B5D,KAAK,CAAC,SAAS;oBAOhB,KAAK,CAAC,SAAS;qBAId,KAAK,CAAC,SAAS;gBAOpB,KAAK,CAAC,SAAS;CAsBnC,CAAC"}

package/dist/ui/FileDropZone/useDepotFichier.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { Alert } from '../../core/Alert';
+import { ajoute, fichierCorrespondAuType, fichiersVisibles } from '../FormControl';
+import { fichiersDuDataTransfer } from './fichiersDuDataTransfer';
+const enAsset = (file) => ({
+    uri: URL.createObjectURL(file),
+    name: file.name,
+    size: file.size,
+    mimeType: file.type || 'application/octet-stream',
+    lastModified: file.lastModified,
+    file,
+});
+const urisBlob = (value) => (Array.isArray(value) ? value : [value]).map(fichier => fichier?.uri).filter(uri => uri?.startsWith('blob:'));
+const revoquer = (uris) => uris.forEach(uri => {
+    try {
+        URL.revokeObjectURL(uri);
+    }
+    catch { }
+});
+const contientDesFichiers = (e) => Array.from(e.dataTransfer?.types ?? []).includes('Files');
+/**
+ * Le comportement de la zone de depot : s'allumer quand un glissement de fichiers la survole,
+ * convertir les fichiers lâches en valeurs du champ, et liberer les URL d'objet. Chaque
+ * evenement traite s'arrete a la zone : entre zones imbriquees, seule la plus proche reagit.
+ */
+export const useDepotFichier = ({ value, type, multiple, onChange, disabled }) => {
+    const [actif, setActif] = React.useState(false);
+    // `dragenter`/`dragleave` se declenchent a chaque enfant traverse : on compte les entrees pour
+    // ne s'eteindre qu'en quittant vraiment la zone.
+    const entreesRef = React.useRef(0);
+    // Meme regle que le bouton du champ : un champ simple qui montre deja un fichier n'en recoit pas.
+    const accepte = !disabled && (!!multiple || fichiersVisibles(value).length === 0);
+    const concerne = (e) => accepte && contientDesFichiers(e);
+    // Les gestionnaires ne sont pas memoises : un formulaire controle passe un `onChange` neuf a
+    // chaque rendu, et une memoisation figerait celui du premier rendu.
+    const deposer = (files) => {
+        const valides = files.filter(file => fichierCorrespondAuType(file.type || '', file.name, type));
+        if (valides.length < files.length) {
+            Alert.alert({ title: 'Type de fichier incorrect', message: 'Certains fichiers ne sont pas pris en charge' });
+        }
+        if (valides.length === 0)
+            return;
+        onChange(ajoute(value, (multiple ? valides : [valides[0]]).map(enAsset), !!multiple));
+    };
+    const arreter = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const onDragEnter = (e) => {
+        if (!concerne(e))
+            return;
+        arreter(e);
+        entreesRef.current += 1;
+        setActif(true);
+    };
+    const onDragOver = (e) => {
+        if (concerne(e))
+            arreter(e);
+    };
+    const onDragLeave = (e) => {
+        if (!concerne(e))
+            return;
+        arreter(e);
+        entreesRef.current = Math.max(0, entreesRef.current - 1);
+        if (entreesRef.current === 0)
+            setActif(false);
+    };
+    const onDrop = (e) => {
+        if (!concerne(e))
+            return;
+        arreter(e);
+        entreesRef.current = 0;
+        setActif(false);
+        const files = fichiersDuDataTransfer(e.dataTransfer);
+        if (files.length > 0)
+            deposer(multiple ? files : [files[0]]);
+    };
+    // Chaque fichier depose est publie derriere une URL d'objet, que le navigateur garde en memoire
+    // tant qu'on ne la revoque pas. La valeur s'accumule : on ne libere que les URL qui en sortent,
+    // et toutes au demontage.
+    const urisRef = React.useRef([]);
+    React.useEffect(() => {
+        const actuelles = urisBlob(value);
+        revoquer(urisRef.current.filter(uri => !actuelles.includes(uri)));
+        urisRef.current = actuelles;
+    }, [value]);
+    React.useEffect(() => () => revoquer(urisRef.current), []);
+    return { actif, onDragEnter, onDragOver, onDragLeave, onDrop };
+};

package/dist/ui/FormControl/FileInput.d.ts

@@ -1,22 +1,20 @@
 import * as DocumentPicker from 'expo-document-picker';
 import React from 'react';
-export type FileInputValue = DocumentPicker.DocumentPickerAsset | DocumentPicker.DocumentPickerAsset[] | null;
+import { FileInputLabels, FileInputValue } from './fichiersDuChamp';
+export * from './fichiersDuChamp';
 export type FileInputProps = {
     value: FileInputValue;
-    previewURL?: string;
-    placeholder?: string;
-    forcePlaceholder?: boolean;
-    hideButton?: boolean;
-    hideFilename?: boolean;
-    canChange?: boolean;
-    disabled?: boolean;
+    onChange: (value: FileInputValue) => void;
     type?: DocumentPicker.DocumentPickerOptions['type'];
     multiple?: boolean;
-    onChange: (value: FileInputValue) => void;
+    disabled?: boolean;
+    removable?: boolean;
+    hideButton?: boolean;
+    labels?: Partial<FileInputLabels>;
+    /** Qualite des photos prises avec l'appareil photo, de 0 a 1. */
+    cameraQuality?: number;
     reopen?: boolean;
     onPickStart?: () => void;
 };
-export declare const nomAffiche: (value: FileInputValue, placeholder: string, forcePlaceholder?: boolean) => string;
-export declare const choisis: (assets: DocumentPicker.DocumentPickerAsset[] | null, multiple: boolean) => DocumentPicker.DocumentPickerAsset | DocumentPicker.DocumentPickerAsset[] | null;
-export declare const FileInput: (props: FileInputProps) => React.JSX.Element | null;
+export declare const FileInput: (props: FileInputProps) => React.JSX.Element;
 //# sourceMappingURL=FileInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,mBAAmB,GAAG,cAAc,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC;AAE9G,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAKF,eAAO,MAAM,UAAU,GAAI,OAAO,cAAc,EAAE,aAAa,MAAM,EAAE,mBAAmB,OAAO,WAQhG,CAAC;AAIF,eAAO,MAAM,OAAO,GAAI,QAAQ,cAAc,CAAC,mBAAmB,EAAE,GAAG,IAAI,EAAE,UAAU,OAAO,qFAI7F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,6BAmE9C,CAAC"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,cAAc,EAA+C,MAAM,mBAAmB,CAAC;AAKjH,cAAc,mBAAmB,CAAC;AAElC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBAmC9C,CAAC"}

package/dist/ui/FormControl/FileInput.js

@@ -1,62 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DocumentPicker from 'expo-document-picker';
 import React from 'react';
-import { Pressable } from 'react-native';
+import { Platform } from 'react-native';
 import { Box } from '../../core/Box';
-import { Typography } from '../../core/Typography';
+import { Button } from '../Button';
+import { fichiersVisibles, libellesParDefaut, retire } from './fichiersDuChamp';
 import { useStyles } from './FileInput.styles';
-import { valideLeType } from './valideLeType';
-// Le champ n'affiche jamais le detail d'une selection multiple : un fichier porte son nom, une
-// liste porte son compte. Cette table de cas se lisait au milieu du composant alors qu'elle ne
-// depend que de la valeur.
-export const nomAffiche = (value, placeholder, forcePlaceholder) => {
-    if (value == null || forcePlaceholder)
-        return placeholder;
-    if (!Array.isArray(value))
-        return value.name || '1 fichier';
-    if (value.length === 0)
-        return placeholder;
-    if (value.length === 1)
-        return value[0].name ?? '1 fichier';
-    return `${value.length} fichiers`;
-};
-// Le selecteur rend toujours une liste ; le champ simple n'en veut que le premier element, et
-// une liste vide vaut une absence de choix dans les deux cas.
-export const choisis = (assets, multiple) => {
-    if (!multiple)
-        return assets?.[0] ?? null;
-    return assets && assets.length > 0 ? assets : null;
-};
+import { FileInputListe } from './FileInputListe';
+import { useChoixDeFichier } from './useChoixDeFichier';
+export * from './fichiersDuChamp';
 export const FileInput = (props) => {
-    const { value, disabled, onChange, onPickStart, placeholder = 'Aucun fichier choisi.', type, forcePlaceholder, reopen = false, multiple = false, hideButton = false, } = props;
+    const { value, disabled, onChange, reopen = false, multiple = false, hideButton = false, removable = true } = props;
     const styles = useStyles();
-    const displayValue = nomAffiche(value, placeholder, forcePlaceholder);
-    const isPickingRef = React.useRef(false);
-    const handlePickFile = React.useCallback(async () => {
-        if (isPickingRef.current)
-            return;
-        onPickStart?.();
-        if (disabled)
-            return;
-        isPickingRef.current = true;
-        try {
-            const result = await DocumentPicker.getDocumentAsync({ copyToCacheDirectory: true, multiple, type });
-            valideLeType({ type, onChange })(choisis(result.assets, multiple));
-        }
-        finally {
-            isPickingRef.current = false;
-        }
-    }, [onPickStart, disabled, multiple, type, onChange]);
+    const labels = React.useMemo(() => ({ ...libellesParDefaut, ...props.labels }), [props.labels]);
+    const choisir = useChoixDeFichier({ ...props, multiple, cameraQuality: props.cameraQuality ?? 0.8, labels });
+    // Le champ simple ne remplace pas un fichier en silence : il faut d'abord retirer celui qu'il montre.
+    const visibles = fichiersVisibles(value);
+    const boutonDesactive = disabled || (!multiple && visibles.length > 0);
     React.useEffect(() => {
         if (reopen)
-            handlePickFile();
-    }, [reopen, handlePickFile]);
-    if (hideButton)
-        return null;
-    return (_jsx(Pressable, { accessibilityRole: "button", onPress: handlePickFile, children: _jsxs(Box, { tag: "form-control-file-input-inner", style: {
-                ...styles.fileInputContainer,
-            }, children: [_jsx(Box, { tag: "file-input-button", hoverStyle: { ...(!disabled && styles.fileInputButtonHovered) }, style: {
-                        ...styles.fileInputButton,
-                        ...(disabled && styles.fileInputButtonDisabled),
-                    }, children: _jsx(Typography, { style: styles.inputFileText, children: "Choisir un fichier" }) }), _jsx(Box, { tag: "file-input-text", children: _jsx(Typography, { mt: 'auto', mb: 'auto', style: styles.placeholderText, children: displayValue }) })] }) }));
+            choisir();
+    }, [reopen, choisir]);
+    return (_jsxs(Box, { tag: "file-input", style: styles.container, children: [!hideButton && (_jsx(Button, { fullWidth: Platform.OS !== 'web', onPress: choisir, disabled: boutonDesactive, variant: "secondary", title: labels.addFile, leading: "Paperclip" })), _jsx(FileInputListe, { fichiers: visibles, labels: labels, retirable: !disabled && removable, onRetirer: fichier => onChange(retire(value, fichier)) })] }));
 };

package/dist/ui/FormControl/FileInput.stories.d.ts

@@ -3,54 +3,22 @@ declare const _default: {
     tags: "ui"[];
     experimental: false;
     description: string;
-    component: (props: import("./FileInput").FileInputProps) => import("react").JSX.Element | null;
+    component: (props: import("./FileInput").FileInputProps) => import("react").JSX.Element;
     styleFn: () => {
-        fileInputContainer: {
+        container: {
             display: "flex";
-            flexDirection: "row";
+            flexDirection: "column";
             gap: string | number;
-            alignItems: "center";
-        };
-        fileInputButton: {
-            borderWidth: number;
-            borderColor: string;
-            backgroundColor: string;
-            transition: "background-color 0.1s ease-in-out";
-            display: "flex";
-            alignItems: "center";
-            justifyContent: "center";
-            paddingLeft: string | number;
-            paddingRight: string | number;
-            paddingTop: string | number;
-            paddingBottom: string | number;
-        };
-        fileInputButtonHovered: {
-            backgroundColor: string;
-        };
-        fileInputButtonDisabled: {
-            cursor: "not-allowed";
-            backgroundColor: string;
-        };
-        inputFileText: {
-            color: string;
-            fontSize: 12;
-            lineHeight: 20;
-            letterSpacing: 0;
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
-        };
-        placeholderText: {
-            color: string;
-            fontSize: 12;
-            lineHeight: 20;
-            letterSpacing: 0;
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
     };
 };
 export default _default;
 export declare const Default: () => import("react").JSX.Element;
 export declare const Multiple: () => import("react").JSX.Element;
+export declare const ImagesSeulement: () => import("react").JSX.Element;
+export declare const AvecFichiersEnregistres: () => import("react").JSX.Element;
+export declare const LibellesPersonnalises: () => import("react").JSX.Element;
+export declare const Desactive: () => import("react").JSX.Element;
+export declare const NonRetirable: () => import("react").JSX.Element;
 export * as Sources from './FileInput.stories.sources';
 //# sourceMappingURL=FileInput.stories.d.ts.map

package/dist/ui/FormControl/FileInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FileInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAkBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAOpB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FileInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAOpB,CAAC;AAEF,eAAO,MAAM,eAAe,mCAO3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,mCAwBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCAWjC,CAAC;AAEF,eAAO,MAAM,SAAS,mCAarB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAexB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}