@alveole/components 1.10.0 → 2.0.0-alpha.1

package/dist/ui/DurationInput/DurationInput.stories.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../core';
-import { Grid } from '../Grid';
+import { Box } from '../../core/Box';
+import { Grid } from '../../core/Grid';
+import { FormControl } from '../FormControl';
 import { DurationInput } from './DurationInput';
-const useStyles = () => ({});
 export default {
     title: 'DurationInput',
     tags: ['ui'],
@@ -10,10 +10,12 @@ export default {
     shortDescription: "Saisie d'une durée au format HH:MM (ex. 06:15 pour 6 heures 15 minutes).",
     description: `Saisie d'une **durée** au format HH:MM (ex. \`06:15\` pour 6 heures 15 minutes).
 
+Le champ est nu : on le place dans un FormControl pour son libellé, son aide et sa validation.
+
 À ne pas confondre avec **TimeInput**, qui représente une **heure d'horloge** (ex. \`09:30\` du matin).
 
-| | DurationInput |
-|---|---|---|
+| Critère | DurationInput |
+|---|---|
 | Sémantique | Durée écoulée |
 | Exemple | \`35:00\` (35h00 de travail) |
 | Heures valides | 00–99 |
@@ -22,8 +24,8 @@ export default {
 > Il n'existe pas de \`<input type="duration">\` en HTML.
 > Voir [whatwg/html#5488](https://github.com/whatwg/html/issues/5488).`,
     component: DurationInput,
-    styleFn: useStyles,
+    styleFn: () => 'Aucun style appliqué',
 };
-export const Default = () => (_jsx(Box, { width: "100%", p: 8, children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(DurationInput, { label: "Dur\u00E9e" }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(DurationInput, { label: "Dur\u00E9e", value: "06:15" }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(DurationInput, { label: "Dur\u00E9e", value: "01:30", hint: "Temps pass\u00E9 sur le terrain" }) })] }) }));
-export const States = () => (_jsx(Box, { width: "100%", p: 8, children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(DurationInput, { label: "Erreur", value: "25:70", error: "Heure invalide (minutes 00\u201359)" }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(DurationInput, { label: "Succ\u00E8s", value: "06:15", success: "Enregistr\u00E9" }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(DurationInput, { label: "D\u00E9sactiv\u00E9", value: "06:15", disabled: true }) })] }) }));
+export const Default = () => (_jsx(Box, { width: "100%", p: 8, children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Dur\u00E9e", children: _jsx(DurationInput, {}) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Dur\u00E9e", children: _jsx(DurationInput, { value: "06:15" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Dur\u00E9e", hint: "Temps pass\u00E9 sur le terrain", children: _jsx(DurationInput, { value: "01:30" }) }) })] }) }));
+export const States = () => (_jsx(Box, { width: "100%", p: 8, children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Erreur", error: "Heure invalide (minutes 00\u201359)", children: _jsx(DurationInput, { value: "25:70", error: "Heure invalide (minutes 00\u201359)" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "Succ\u00E8s", success: "Enregistr\u00E9", children: _jsx(DurationInput, { value: "06:15", success: "Enregistr\u00E9" }) }) }), _jsx(Grid.Column, { size: { mobile: 12, desktop: 4 }, children: _jsx(FormControl, { label: "D\u00E9sactiv\u00E9", disabled: true, children: _jsx(DurationInput, { value: "06:15", disabled: true }) }) })] }) }));
 export * as Sources from './DurationInput.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"DurationInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DurationInput/DurationInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAkiB,CAAC;AAEvjB,eAAO,MAAM,MAAM,cAA4lB,CAAC;AAEhnB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"DurationInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DurationInput/DurationInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAqrB,CAAC;AAE1sB,eAAO,MAAM,MAAM,cAAwzB,CAAC;AAE50B,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/DurationInput/DurationInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box width=\"100%\" p={8}>\n    <Grid gap={8}>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <DurationInput label=\"Durée\" />\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <DurationInput label=\"Durée\" value=\"06:15\" />\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <DurationInput label=\"Durée\" value=\"01:30\" hint=\"Temps passé sur le terrain\" />\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
-export const States = () => "export const States = () => (\n  <Box width=\"100%\" p={8}>\n    <Grid gap={8}>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <DurationInput label=\"Erreur\" value=\"25:70\" error=\"Heure invalide (minutes 00–59)\" />\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <DurationInput label=\"Succès\" value=\"06:15\" success=\"Enregistré\" />\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <DurationInput label=\"Désactivé\" value=\"06:15\" disabled />\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box width=\"100%\" p={8}>\n    <Grid gap={8}>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Durée\">\n          <DurationInput />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Durée\">\n          <DurationInput value=\"06:15\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Durée\" hint=\"Temps passé sur le terrain\">\n          <DurationInput value=\"01:30\" />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
+export const States = () => "export const States = () => (\n  <Box width=\"100%\" p={8}>\n    <Grid gap={8}>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Erreur\" error=\"Heure invalide (minutes 00–59)\">\n          <DurationInput value=\"25:70\" error=\"Heure invalide (minutes 00–59)\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Succès\" success=\"Enregistré\">\n          <DurationInput value=\"06:15\" success=\"Enregistré\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ mobile: 12, desktop: 4 }}>\n        <FormControl label=\"Désactivé\" disabled>\n          <DurationInput value=\"06:15\" disabled />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
 export const storySources = {
     Default,
     States,

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAgC,eAAe,EAAE,MAAM,eAAe,CAAC;AAG9E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAkChD,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBA0BhD,CAAC"}

package/dist/ui/EmptyState/EmptyState.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '../../core';
 import { Box } from '../../core/Box/Box';
-import { isLucideIconName, LucideIcon } from '../LucideIcon';
+import { Typography } from '../../core/Typography';
 import { useStyles } from './EmptyState.styles';
+import { EmptyStateMedia } from './EmptyStateMedia';
 export const EmptyState = (props) => {
     const { children, style, iconName, title, description, text, illustration, actions, ...boxProps } = props;
     const styles = useStyles();
     const descriptionToRender = description ?? text;
     const footer = actions ?? children;
-    return (_jsxs(Box, { tag: "empty-state", style: [styles.container, style], ...boxProps, children: [_jsxs(Box, { tag: "empty-state-contenu", style: styles.contenu, children: [(illustration || iconName) && (_jsx(Box, { style: styles.media, children: illustration ? (illustration) : iconName && isLucideIconName(iconName) ? (_jsx(LucideIcon, { name: iconName, size: "lg", color: styles.media.color })) : null })), _jsxs(Box, { style: styles.messageEtDescription, children: [title && _jsx(Typography, { style: styles.title, children: title }), descriptionToRender && _jsx(Typography, { style: styles.description, children: descriptionToRender })] })] }), footer && (_jsx(Box, { tag: "empty-state-footer", style: styles.footer, children: footer }))] }));
+    return (_jsxs(Box, { tag: "empty-state", style: [styles.container, style], ...boxProps, children: [_jsxs(Box, { tag: "empty-state-contenu", style: styles.contenu, children: [_jsx(EmptyStateMedia, { illustration: illustration, iconName: iconName }), _jsxs(Box, { style: styles.messageEtDescription, children: [title && _jsx(Typography, { style: styles.title, children: title }), descriptionToRender && _jsx(Typography, { style: styles.description, children: descriptionToRender })] })] }), footer && (_jsx(Box, { tag: "empty-state-footer", style: styles.footer, children: footer }))] }));
 };

package/dist/ui/EmptyState/EmptyState.stories.js

@@ -21,9 +21,9 @@ export const WithActions = () => {
     return (_jsx(EmptyState, { iconName: "FilePlus", title: "Vous n\u2019avez aucun document", description: "Cr\u00E9ez un premier document ou importez-en un depuis votre ordinateur.", actions: _jsxs(_Fragment, { children: [_jsx(Button, { title: "Cr\u00E9er un document", variant: "primary" }), _jsx(Button, { title: "Importer un fichier", variant: "secondary" })] }) }));
 };
 export const WithCustomChildren = () => {
-    return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', children: [_jsx(Button, { title: 'Button', variant: 'primary', fullWidth: true }), _jsx(Button, { title: 'Secondary action link', variant: 'link' })] }));
+    return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', children: [_jsx(Button, { title: 'Button', variant: 'primary', fullWidth: true }), _jsx(Button, { title: 'Secondary action', variant: 'tertiary' })] }));
 };
 export const WithFixHeight = () => {
-    return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', style: { height: '600px' }, children: [_jsx(Button, { title: 'Button', variant: 'primary' }), _jsx(Button, { title: 'Secondary action link', variant: 'link' })] }));
+    return (_jsxs(EmptyState, { iconName: "File", description: 'Vous n’avez aucun item', style: { height: '600px' }, children: [_jsx(Button, { title: 'Button', variant: 'primary' }), _jsx(Button, { title: 'Secondary action', variant: 'tertiary' })] }));
 };
 export * as Sources from './EmptyState.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuO,CAAC;AAE5P,eAAO,MAAM,QAAQ,cAA6N,CAAC;AAEnP,eAAO,MAAM,WAAW,cAAoc,CAAC;AAE7d,eAAO,MAAM,kBAAkB,cAA4S,CAAC;AAE5U,eAAO,MAAM,aAAa,cAAyT,CAAC;AAEpV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"EmptyState.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyState.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuO,CAAC;AAE5P,eAAO,MAAM,QAAQ,cAA6N,CAAC;AAEnP,eAAO,MAAM,WAAW,cAAoc,CAAC;AAE7d,eAAO,MAAM,kBAAkB,cAA2S,CAAC;AAE3U,eAAO,MAAM,aAAa,cAAwT,CAAC;AAEnV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -3,8 +3,8 @@
 export const Default = () => "export const Default = () => {\n  return (\n    <EmptyState\n      title=\"Aucun élément pour l’instant\"\n      description=\"Ajoutez un premier élément pour commencer à travailler sur cette section.\"\n    />\n  );\n};";
 export const WithIcon = () => "export const WithIcon = () => {\n  return (\n    <EmptyState\n      iconName=\"ClipboardList\"\n      title=\"Aucune donnée\"\n      description=\"Ajoutez un élément pour remplir ce tableau.\"\n    />\n  );\n};";
 export const WithActions = () => "export const WithActions = () => {\n  return (\n    <EmptyState\n      iconName=\"FilePlus\"\n      title=\"Vous n’avez aucun document\"\n      description=\"Créez un premier document ou importez-en un depuis votre ordinateur.\"\n      actions={\n        <>\n          <Button title=\"Créer un document\" variant=\"primary\" />\n          <Button title=\"Importer un fichier\" variant=\"secondary\" />\n        </>\n      }\n    />\n  );\n};";
-export const WithCustomChildren = () => "export const WithCustomChildren = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'}>\n      <Button title={'Button'} variant={'primary'} fullWidth />\n      <Button title={'Secondary action link'} variant={'link'} />\n    </EmptyState>\n  );\n};";
-export const WithFixHeight = () => "export const WithFixHeight = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'} style={{ height: '600px' }}>\n      <Button title={'Button'} variant={'primary'} />\n      <Button title={'Secondary action link'} variant={'link'} />\n    </EmptyState>\n  );\n};";
+export const WithCustomChildren = () => "export const WithCustomChildren = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'}>\n      <Button title={'Button'} variant={'primary'} fullWidth />\n      <Button title={'Secondary action'} variant={'tertiary'} />\n    </EmptyState>\n  );\n};";
+export const WithFixHeight = () => "export const WithFixHeight = () => {\n  return (\n    <EmptyState iconName=\"File\" description={'Vous n’avez aucun item'} style={{ height: '600px' }}>\n      <Button title={'Button'} variant={'primary'} />\n      <Button title={'Secondary action'} variant={'tertiary'} />\n    </EmptyState>\n  );\n};";
 export const storySources = {
     Default,
     WithIcon,

package/dist/ui/EmptyState/EmptyState.styles.js

@@ -32,7 +32,7 @@ export const useStyles = makeStyles(({ externalPadding, text, color, spacing, ra
             color: color.light.text['active-primary'],
             backgroundColor: color.light.background['alt-primary'],
             borderRadius: radius('full'),
-            padding: spacing('075'),
+            padding: spacing('3V'),
         },
         messageEtDescription: {
             display: 'flex',
@@ -55,7 +55,7 @@ export const useStyles = makeStyles(({ externalPadding, text, color, spacing, ra
             width: isVariant('mobile') ? '100%' : undefined,
             display: 'flex',
             flexDirection: 'column',
-            gap: spacing('100'),
+            gap: spacing('2W'),
         },
     };
 });

package/dist/ui/EmptyState/EmptyStateMedia.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LucideIconProps } from '../LucideIcon';
+/**
+ * Ce que la pastille montre : une illustration libre, une icone, ou rien. L'illustration prime,
+ * et un nom d'icone inconnu ne donne rien. Ces trois issues tenaient dans un ternaire imbrique
+ * au milieu du rendu, ou elles faisaient la moitie de la complexite du composant.
+ */
+export declare const mediaDEtatVide: (illustration: React.ReactNode, iconName: string | undefined) => "icone" | "illustration" | "aucun";
+export type EmptyStateMediaProps = {
+    illustration?: React.ReactNode;
+    iconName?: LucideIconProps['name'];
+};
+export declare const EmptyStateMedia: ({ illustration, iconName }: EmptyStateMediaProps) => React.JSX.Element | null;
+//# sourceMappingURL=EmptyStateMedia.d.ts.map

package/dist/ui/EmptyState/EmptyStateMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateMedia.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/EmptyStateMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgC,eAAe,EAAE,MAAM,eAAe,CAAC;AAG9E;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,KAAK,CAAC,SAAS,EAAE,UAAU,MAAM,GAAG,SAAS,uCAIzF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,4BAA4B,oBAAoB,6BAc/E,CAAC"}

package/dist/ui/EmptyState/EmptyStateMedia.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core/Box/Box';
+import { isLucideIconName, LucideIcon } from '../LucideIcon';
+import { useStyles } from './EmptyState.styles';
+/**
+ * Ce que la pastille montre : une illustration libre, une icone, ou rien. L'illustration prime,
+ * et un nom d'icone inconnu ne donne rien. Ces trois issues tenaient dans un ternaire imbrique
+ * au milieu du rendu, ou elles faisaient la moitie de la complexite du composant.
+ */
+export const mediaDEtatVide = (illustration, iconName) => {
+    if (illustration != null)
+        return 'illustration';
+    if (iconName != null && isLucideIconName(iconName))
+        return 'icone';
+    return 'aucun';
+};
+export const EmptyStateMedia = ({ illustration, iconName }) => {
+    const styles = useStyles();
+    // La pastille se dessine des qu'un media est demande, meme si son nom d'icone ne mene nulle part.
+    if (!illustration && !iconName)
+        return null;
+    const media = mediaDEtatVide(illustration, iconName);
+    return (_jsxs(Box, { style: styles.media, children: [media === 'illustration' && illustration, media === 'icone' && iconName && _jsx(LucideIcon, { name: iconName, size: "lg", color: styles.media.color })] }));
+};

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

@@ -0,0 +1,22 @@
+type ItemDepose = {
+    kind: string;
+    getAsFile(): File | null;
+};
+/**
+ * Sous-ensemble de `DataTransfer` utilise par ce module. Un vrai `DataTransfer` du
+ * navigateur le satisfait deja structurellement : le typer ainsi, plutot que sur
+ * `DataTransfer` en entier, permet de le simuler dans les tests avec de simples objets
+ * litteraux, sans double assertion de type.
+ */
+type DepotDeFichiers = {
+    items?: ArrayLike<ItemDepose>;
+    files?: ArrayLike<File>;
+} | null | undefined;
+/**
+ * Fichiers deposes (drag-and-drop) portes par un DataTransfer, lus via l'API moderne
+ * `items` (qui permet d'ignorer les items non-fichiers), avec repli sur l'API historique
+ * `files` quand `items` est absent ou vide.
+ */
+export declare const fichiersDuDataTransfer: (dt: DepotDeFichiers) => File[];
+export {};
+//# sourceMappingURL=fichiersDuDataTransfer.d.ts.map

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/fichiersDuDataTransfer.js

@@ -0,0 +1,16 @@
+const fichiersDepuisItems = (items) => Array.from(items)
+    .filter(item => item.kind === 'file')
+    .map(item => item.getAsFile())
+    .filter((fichier) => fichier !== null);
+/**
+ * Fichiers deposes (drag-and-drop) portes par un DataTransfer, lus via l'API moderne
+ * `items` (qui permet d'ignorer les items non-fichiers), avec repli sur l'API historique
+ * `files` quand `items` est absent ou vide.
+ */
+export const fichiersDuDataTransfer = (dt) => {
+    if (dt?.items?.length)
+        return fichiersDepuisItems(dt.items);
+    if (dt?.files?.length)
+        return Array.from(dt.files);
+    return [];
+};

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/FilterDate/FilterDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDate.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterDate/FilterDate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,mBAAmB;IACnB,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACrB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AAgBF,eAAO,MAAM,qBAAqB,GAChC,QAAQ,eAAe,EACvB,MAAM,eAAe,CAAC,MAAM,CAAC,EAC7B,IAAI,eAAe,CAAC,IAAI,CAAC,KACxB,GAAG,MAAM,IAAI,MAAM,EAAE,EAevB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAmIhD,CAAC"}
+{"version":3,"file":"FilterDate.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterDate/FilterDate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,mBAAmB;IACnB,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACrB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;CACpF,CAAC;AAgBF,eAAO,MAAM,qBAAqB,GAChC,QAAQ,eAAe,EACvB,MAAM,eAAe,CAAC,MAAM,CAAC,EAC7B,IAAI,eAAe,CAAC,IAAI,CAAC,KACxB,GAAG,MAAM,IAAI,MAAM,EAAE,EAevB,CAAC;AAuIF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBA+ChD,CAAC"}