@alveole/components 1.10.0 → 2.0.0-alpha

package/dist/ui/DataTable/selectionDataTable.js

@@ -0,0 +1,12 @@
+/** Dérive les indicateurs de la case "tout sélectionner" à partir des lignes et clés sélectionnées. */
+export const etatSelectionDataTable = (rowKeys, selectedKeys, selectable) => {
+    const allSelected = selectable && rowKeys.length > 0 && rowKeys.every(key => selectedKeys.includes(key));
+    const someSelected = selectable && !allSelected && rowKeys.some(key => selectedKeys.includes(key));
+    return { allSelected, someSelected };
+};
+export const clesApresBasculeTout = (rowKeys, allSelected) => {
+    return allSelected ? [] : rowKeys;
+};
+export const clesApresBasculeLigne = (selectedKeys, rowKey, checked) => {
+    return checked ? [...selectedKeys, rowKey] : selectedKeys.filter(key => key !== rowKey);
+};

package/dist/ui/DataTable/triApresClicEntete.d.ts

@@ -0,0 +1,7 @@
+import { DataTableSort } from './DataTable.types';
+/**
+ * Calcule le tri suivant au clic sur l'en-tête d'une colonne : ascendant sur une nouvelle
+ * colonne, puis descendant, puis retiré, en cycle sur la colonne déjà triée.
+ */
+export declare const triApresClicEntete: (sort: DataTableSort | null, columnId: string) => DataTableSort | null;
+//# sourceMappingURL=triApresClicEntete.d.ts.map

package/dist/ui/DataTable/triApresClicEntete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"triApresClicEntete.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/triApresClicEntete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,aAAa,GAAG,IAAI,EAAE,UAAU,MAAM,KAAG,aAAa,GAAG,IAKjG,CAAC"}

package/dist/ui/DataTable/triApresClicEntete.js

@@ -0,0 +1,10 @@
+/**
+ * Calcule le tri suivant au clic sur l'en-tête d'une colonne : ascendant sur une nouvelle
+ * colonne, puis descendant, puis retiré, en cycle sur la colonne déjà triée.
+ */
+export const triApresClicEntete = (sort, columnId) => {
+    if (sort?.columnId === columnId) {
+        return sort.direction === 'asc' ? { columnId, direction: 'desc' } : null;
+    }
+    return { columnId, direction: 'asc' };
+};

package/dist/ui/DataTable/useControlledState.d.ts

@@ -0,0 +1,7 @@
+/**
+ * État contrôlé si `controlledValue` est fourni (jamais `undefined`), sinon géré en interne.
+ * Utilisé deux fois à l'identique dans `DataTable` (sélection, tri) : extrait pour éviter la
+ * duplication du même arbitrage contrôlé/non contrôlé.
+ */
+export declare const useControlledState: <T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void) => [T, (value: T) => void];
+//# sourceMappingURL=useControlledState.d.ts.map

package/dist/ui/DataTable/useControlledState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/useControlledState.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAClC,iBAAiB,CAAC,GAAG,SAAS,EAC9B,cAAc,CAAC,EACf,WAAW,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,KAC5B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAUxB,CAAC"}

package/dist/ui/DataTable/useControlledState.js

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * État contrôlé si `controlledValue` est fourni (jamais `undefined`), sinon géré en interne.
+ * Utilisé deux fois à l'identique dans `DataTable` (sélection, tri) : extrait pour éviter la
+ * duplication du même arbitrage contrôlé/non contrôlé.
+ */
+export const useControlledState = (controlledValue, defaultValue, onChange) => {
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const value = controlledValue !== undefined ? controlledValue : internalValue;
+    const setValue = (next) => {
+        onChange?.(next);
+        if (controlledValue === undefined)
+            setInternalValue(next);
+    };
+    return [value, setValue];
+};

package/dist/ui/DataTable/useDataTableState.d.ts

@@ -0,0 +1,23 @@
+import { DataTableColumn, DataTableSort } from './DataTable.types';
+type UseDataTableStateParams<Row> = {
+    data: Row[];
+    keyExtractor: (row: Row, index: number) => string;
+    selectable: boolean;
+    selectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    sort?: DataTableSort | null;
+    onSortChange?: (sort: DataTableSort | null) => void;
+};
+/** Regroupe l'état de sélection et de tri de `DataTable` : la vue n'a plus qu'à le consommer. */
+export declare const useDataTableState: <Row>(params: UseDataTableStateParams<Row>) => {
+    rowKeys: string[];
+    selectedKeys: string[];
+    sort: DataTableSort | null;
+    allSelected: boolean;
+    someSelected: boolean;
+    toggleAll: () => void;
+    toggleRow: (rowKey: string, checked: boolean) => void;
+    handleHeaderPress: (column: DataTableColumn<Row>) => void;
+};
+export {};
+//# sourceMappingURL=useDataTableState.d.ts.map

package/dist/ui/DataTable/useDataTableState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableState.d.ts","sourceRoot":"","sources":["../../../src/ui/DataTable/useDataTableState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKnE,KAAK,uBAAuB,CAAC,GAAG,IAAI;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,GAAI,GAAG,EAAE,QAAQ,uBAAuB,CAAC,GAAG,CAAC;;;;;;;wBAkB9C,MAAM,WAAW,OAAO;gCAEhB,eAAe,CAAC,GAAG,CAAC;CAGxD,CAAC"}

package/dist/ui/DataTable/useDataTableState.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { clesApresBasculeLigne, clesApresBasculeTout, etatSelectionDataTable } from './selectionDataTable';
+import { triApresClicEntete } from './triApresClicEntete';
+import { useControlledState } from './useControlledState';
+/** Regroupe l'état de sélection et de tri de `DataTable` : la vue n'a plus qu'à le consommer. */
+export const useDataTableState = (params) => {
+    const { data, keyExtractor, selectable, selectedKeys: controlledSelectedKeys, onSelectionChange, sort: controlledSort, onSortChange, } = params;
+    const [selectedKeys, setSelectedKeys] = useControlledState(controlledSelectedKeys, [], onSelectionChange);
+    const [sort, setSort] = useControlledState(controlledSort, null, onSortChange);
+    const rowKeys = React.useMemo(() => data.map((row, index) => keyExtractor(row, index)), [data, keyExtractor]);
+    const { allSelected, someSelected } = etatSelectionDataTable(rowKeys, selectedKeys, selectable);
+    const toggleAll = () => setSelectedKeys(clesApresBasculeTout(rowKeys, allSelected));
+    const toggleRow = (rowKey, checked) => setSelectedKeys(clesApresBasculeLigne(selectedKeys, rowKey, checked));
+    const handleHeaderPress = (column) => setSort(triApresClicEntete(sort, column.id));
+    return { rowKeys, selectedKeys, sort, allSelected, someSelected, toggleAll, toggleRow, handleHeaderPress };
+};

package/dist/ui/DateInput/DateInput.d.ts

@@ -1,7 +1,7 @@
-import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, TextInputProps } from '@alveole/components';
 import React from 'react';
+import { TextInputProps } from '../FormControl';
 type MinuteInterval = 1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30;
-export type DateInputProps = TextInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+export type DateInputProps = Omit<TextInputProps, 'type'> & {
     type?: 'date' | 'datetime' | 'month';
     display?: 'default' | 'spinner';
     value?: string;
@@ -11,20 +11,7 @@ export type DateInputProps = TextInputProps & FormControlLabelProps & FormContro
     is24Hour?: boolean;
     minuteInterval?: MinuteInterval;
 };
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-    disabled?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    openModal?: boolean;
-    modalSubmitLabel?: string;
-    onModalSubmit?: () => void;
-} & {
-    label: string;
-    labelRight?: React.ReactNode;
-    optional?: boolean;
-    optionalText?: string;
-    disabled?: boolean;
-} & FormControlCaptionProps & FormControlHintProps & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
     value?: string;
@@ -33,6 +20,6 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("rea
     onChange?: (date: string) => void;
     is24Hour?: boolean;
     minuteInterval?: MinuteInterval;
-} & React.RefAttributes<any>>;
+} & React.RefAttributes<import("react-native").TextInput>>;
 export {};
 //# sourceMappingURL=DateInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,KAAK,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;WAVX,MAAM,GAAG,UAAU,GAAG,OAAO;cAC1B,SAAS,GAAG,SAAS;YACvB,MAAM;kBACA,IAAI;kBACJ,IAAI;eACP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,OAAO;qBACD,cAAc;6BA2IjC,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAA+B,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE7E,KAAK,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AA+EF,eAAO,MAAM,SAAS;WAvFb,MAAM,GAAG,UAAU,GAAG,OAAO;cAC1B,SAAS,GAAG,SAAS;YACvB,MAAM;kBACA,IAAI;kBACJ,IAAI;eACP,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;eACtB,OAAO;qBACD,cAAc;0DAkI/B,CAAC"}

package/dist/ui/DateInput/DateInput.ios.d.ts

@@ -1,18 +1,5 @@
 import React from 'react';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-    disabled?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    openModal?: boolean;
-    modalSubmitLabel?: string;
-    onModalSubmit?: () => void;
-} & {
-    label: string;
-    labelRight?: React.ReactNode;
-    optional?: boolean;
-    optionalText?: string;
-    disabled?: boolean;
-} & import("@alveole/components").FormControlCaptionProps & import("@alveole/components").FormControlHintProps & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
     value?: string;
@@ -20,6 +7,6 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("rea
     maximumDate?: Date;
     onChange?: (date: string) => void;
     is24Hour?: boolean;
-    minuteInterval?: 1 | 6 | 4 | 12 | 2 | 5 | 3 | 10 | 15 | 20 | 30;
-} & React.RefAttributes<any>>;
+    minuteInterval?: 1 | 4 | 6 | 12 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
+} & React.RefAttributes<import("react-native").TextInput>>;
 //# sourceMappingURL=DateInput.ios.d.ts.map

package/dist/ui/DateInput/DateInput.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.ios.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.ios.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;6BAuGpB,CAAC"}
+{"version":3,"file":"DateInput.ios.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.ios.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AA0D3C,eAAO,MAAM,SAAS;;;;;;;;;0DAoDpB,CAAC"}

package/dist/ui/DateInput/DateInput.ios.js

@@ -1,26 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, TextInput, } from '@alveole/components';
+import { DateFormats, displayDate, isValidDate } from '@alveole/core';
 import DateTimePicker from '@react-native-community/datetimepicker';
-import { toDate } from 'date-fns';
+import { fr } from 'date-fns/locale/fr';
+import { toDate } from 'date-fns/toDate';
 import React, { useCallback } from 'react';
 import { Keyboard, Platform } from 'react-native';
-import { FormControlModal } from '../FormControl';
-import { DateFormats, displayDate, isValidDate } from './dateUtils';
+import { Box } from '../../core/Box';
+import { FormControlModal, TextInput } from '../FormControl';
 const toDateString = (date, datetime) => displayDate(date, { format: datetime ? DateFormats.DateTimeString : DateFormats.DateString });
-export const DateInput = React.forwardRef(function DateInput(props, ref) {
-    const { label, labelRight, hint, error, success, placeholder, disabled, value, type = 'date', maximumDate, minimumDate, minuteInterval = 1, onChange, is24Hour, ...inputProps } = props;
+// Sur iOS le selecteur vit dans une modale : la date y est choisie sans etre remontee, et
+// seule la validation la publie. Ce brouillon, son ouverture et son formatage d'affichage
+// sont la seule logique du composant ; les garder dans le corps de rendu melait la conduite
+// de la modale a la description du champ.
+const useBrouillonDate = ({ value, type, disabled, onChange, }) => {
     const [open, setOpen] = React.useState(false);
-    const now = new Date();
-    const defaultDateString = value ?? toDateString(now, type === 'datetime');
-    const [date, setDate] = React.useState(defaultDateString);
-    const handleChange = (_event, newDate) => {
-        if (isValidDate(newDate)) {
-            if (type === 'date')
-                setDate(toDateString(newDate));
-            else if (type === 'datetime')
-                setDate(displayDate(newDate, { format: DateFormats.DateTimeString }));
-        }
-    };
+    const [date, setDate] = React.useState(value ?? toDateString(new Date(), type === 'datetime'));
     const handleOpen = useCallback(() => {
         if (!disabled) {
             Keyboard.dismiss();
@@ -32,14 +26,37 @@ export const DateInput = React.forwardRef(function DateInput(props, ref) {
             onChange?.(date);
         setOpen(false);
     }, [date, onChange]);
-    const displayValue = useCallback((currentValue) => {
-        if (currentValue) {
-            if (type === 'datetime')
-                return displayDate(toDate(currentValue), { format: DateFormats.Datetime });
-            else
-                return displayDate(toDate(currentValue), { format: DateFormats.DateSlash });
-        }
-        return '';
-    }, [type]);
-    return (_jsxs(Box, { tag: "date-input", onPress: handleOpen, children: [_jsx(FormControlModal, { open: open, onClose: () => setOpen(false), submitLabel: "Valider", onSubmit: handleValidate, children: _jsx(Box, { style: { marginTop: 'auto' }, children: _jsx(DateTimePicker, { value: toDate(date), mode: type === 'month' ? 'date' : type, locale: 'fr', maximumDate: maximumDate, minimumDate: minimumDate, is24Hour: is24Hour, minuteInterval: minuteInterval, themeVariant: "light", display: Platform.OS === 'ios' ? 'spinner' : 'default', onChange: handleChange }) }) }), _jsxs(FormControl, { children: [_jsxs(InputHeading, { children: [!!label && (_jsx(FormControlLabel, { labelRight: labelRight, label: label, disabled: disabled, error: error, success: success })), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(TextInput, { ref: ref, placeholder: "JJ/MM/AAAA", value: displayValue(value), ...inputProps, caretHidden: true, inputMode: "none", onPress: handleOpen, readOnly: true }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] })] }));
+    const displayValue = useCallback(() => {
+        if (!value)
+            return '';
+        return type === 'datetime'
+            ? displayDate(toDate(value), { format: DateFormats.Datetime, locale: fr })
+            : displayDate(toDate(value), { format: DateFormats.DateSlash });
+    }, [type, value]);
+    return {
+        open,
+        date,
+        fermer: () => setOpen(false),
+        handleOpen,
+        handleValidate,
+        displayValue,
+        handleChange: (_event, newDate) => {
+            if (!isValidDate(newDate))
+                return;
+            if (type === 'date')
+                setDate(toDateString(newDate));
+            else if (type === 'datetime')
+                setDate(displayDate(newDate, { format: DateFormats.DateTimeString }));
+        },
+    };
+};
+export const DateInput = React.forwardRef(function DateInput(props, ref) {
+    const { placeholder, disabled, value, type = 'date', maximumDate, minimumDate, minuteInterval = 1, onChange, is24Hour, ...inputProps } = props;
+    const { open, date, fermer, handleOpen, handleValidate, displayValue, handleChange } = useBrouillonDate({
+        value,
+        type,
+        disabled,
+        onChange,
+    });
+    return (_jsxs(Box, { tag: "date-input", onPress: handleOpen, children: [_jsx(FormControlModal, { open: open, onClose: fermer, submitLabel: "Valider", onSubmit: handleValidate, children: _jsx(Box, { style: { marginTop: 'auto' }, children: _jsx(DateTimePicker, { value: toDate(date), mode: type === 'month' ? 'date' : type, locale: 'fr', maximumDate: maximumDate, minimumDate: minimumDate, is24Hour: is24Hour, minuteInterval: minuteInterval, themeVariant: "light", display: Platform.OS === 'ios' ? 'spinner' : 'default', onChange: handleChange }) }) }), _jsx(TextInput, { ref: ref, placeholder: "JJ/MM/AAAA", value: displayValue(), ...inputProps, caretHidden: true, inputMode: "none", onPress: handleOpen, readOnly: true })] }));
 });

package/dist/ui/DateInput/DateInput.js

@@ -1,14 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, TextInput, } from '@alveole/components';
+import { DateFormats, displayDate, isValidDate } from '@alveole/core';
 import DateTimePicker from '@react-native-community/datetimepicker';
-import { getHours, getMinutes, setHours, setMinutes } from 'date-fns';
+import { getHours } from 'date-fns/getHours';
+import { getMinutes } from 'date-fns/getMinutes';
+import { fr } from 'date-fns/locale/fr';
+import { setHours } from 'date-fns/setHours';
+import { setMinutes } from 'date-fns/setMinutes';
 import React, { useCallback, useMemo, useState } from 'react';
 import { Keyboard } from 'react-native';
-import { DateFormats, displayDate, isValidDate } from './dateUtils';
-export const DateInput = React.forwardRef(function DateInput({ label, labelRight, hint, error, success, placeholder, disabled, value, maximumDate, minimumDate, minuteInterval = 1, is24Hour, display, type = 'date', onChange, ...props }, ref) {
+import { Box } from '../../core/Box';
+import { TextInput } from '../FormControl';
+// Le selecteur natif ne sait demander qu'une chose a la fois : en mode `datetime`, il faut le
+// rouvrir en mode heure apres la date, et chaque etape doit remettre les deux drapeaux dans le
+// bon etat. Cette machine a etats occupait les deux tiers du composant et se lisait au milieu
+// du rendu ; isolee, elle expose exactement ce dont le rendu a besoin.
+const useSelecteurDate = ({ value, type, disabled, onChange, }) => {
     const [showPicker, setShowPicker] = useState(false);
     const [isHours, setIsHours] = useState(false);
-    const selectedDate = React.useMemo(() => (value ? new Date(value) : new Date()), [value]);
+    const selectedDate = useMemo(() => (value ? new Date(value) : new Date()), [value]);
     const mode = useMemo(() => {
         if (type === 'date')
             return type;
@@ -16,55 +25,59 @@ export const DateInput = React.forwardRef(function DateInput({ label, labelRight
             return 'time';
         return 'date';
     }, [isHours, type]);
+    const fermer = (heures) => {
+        setIsHours(heures);
+        setShowPicker(false);
+    };
     const handleChange = (event, date) => {
-        if (event.type === 'dismissed') {
-            setIsHours(false);
-            setShowPicker(false);
+        if (event.type === 'dismissed')
+            return fermer(false);
+        if (event.type !== 'set' || !isValidDate(date))
+            return;
+        if (type === 'datetime' && !isHours) {
+            const maintenant = new Date();
+            onChange?.(displayDate(setMinutes(setHours(date, getHours(maintenant)), getMinutes(maintenant)), {
+                format: DateFormats.DateTimeString,
+            }));
+            setIsHours(true);
+            setShowPicker(true);
             return;
         }
-        if (event.type === 'set' && isValidDate(date)) {
-            setShowPicker(false);
-            if (type === 'datetime' && !isHours) {
-                const currentHours = getHours(new Date());
-                const currentMinutes = getMinutes(new Date());
-                const newDate = displayDate(setMinutes(setHours(date, currentHours), currentMinutes), {
-                    format: DateFormats.DateTimeString,
-                });
-                onChange?.(newDate);
-                setIsHours(true);
-                setShowPicker(true);
-                return;
-            }
-            else if (type === 'datetime') {
-                const newDate = displayDate(setMinutes(setHours(selectedDate, getHours(date)), getMinutes(date)), {
-                    format: DateFormats.DateTimeString,
-                });
-                onChange?.(newDate);
-                setIsHours(false);
-                setShowPicker(false);
-                return;
-            }
-            const newDate = displayDate(date, { format: DateFormats.DateString });
-            onChange?.(newDate);
-            setIsHours(false);
-            setShowPicker(false);
+        if (type === 'datetime') {
+            onChange?.(displayDate(setMinutes(setHours(selectedDate, getHours(date)), getMinutes(date)), {
+                format: DateFormats.DateTimeString,
+            }));
+        }
+        else {
+            onChange?.(displayDate(date, { format: DateFormats.DateString }));
         }
+        fermer(false);
     };
-    const handleOpen = React.useCallback(() => {
+    const handleOpen = useCallback(() => {
         if (!disabled) {
             Keyboard.dismiss();
             setShowPicker(true);
         }
     }, [disabled]);
-    const displayValue = useCallback((value) => {
+    const displayValue = useCallback(() => {
         if (type === 'datetime') {
             if (value == null)
                 return 'Sélectionnez une date';
-            return displayDate(selectedDate, { format: DateFormats.Datetime });
+            return displayDate(selectedDate, { format: DateFormats.Datetime, locale: fr });
         }
         if (value == null)
             return 'JJ/MM/AAAA';
         return displayDate(selectedDate, { format: DateFormats.DateSlash });
-    }, [selectedDate, type]);
-    return (_jsx(Box, { tag: "date-input", onPress: handleOpen, children: _jsxs(FormControl, { children: [_jsxs(InputHeading, { children: [!!label && (_jsx(FormControlLabel, { labelRight: labelRight, label: label, disabled: disabled, error: error, success: success })), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(TextInput, { ref: ref, placeholder: "JJ/MM/AAAA", value: displayValue(value), ...props, readOnly: true, onPress: handleOpen, caretHidden: true, inputMode: "none" }), !!showPicker && (_jsx(DateTimePicker, { value: selectedDate, mode: mode, locale: 'fr', display: display ?? 'default', maximumDate: maximumDate, minimumDate: minimumDate, onChange: handleChange, is24Hour: is24Hour, minuteInterval: minuteInterval })), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }) }));
+    }, [selectedDate, type, value]);
+    return { showPicker, mode, selectedDate, handleChange, handleOpen, displayValue };
+};
+export const DateInput = React.forwardRef(function DateInput(props, ref) {
+    const { placeholder, disabled, value, maximumDate, minimumDate, minuteInterval = 1, is24Hour, display, type = 'date', onChange, ...inputProps } = props;
+    const { showPicker, mode, selectedDate, handleChange, handleOpen, displayValue } = useSelecteurDate({
+        value,
+        type,
+        disabled,
+        onChange,
+    });
+    return (_jsxs(Box, { tag: "date-input", onPress: handleOpen, children: [_jsx(TextInput, { ref: ref, placeholder: "JJ/MM/AAAA", value: displayValue(), ...inputProps, readOnly: true, onPress: handleOpen, caretHidden: true, inputMode: "none" }), !!showPicker && (_jsx(DateTimePicker, { value: selectedDate, mode: mode, locale: 'fr', display: display ?? 'default', maximumDate: maximumDate, minimumDate: minimumDate, onChange: handleChange, is24Hour: is24Hour, minuteInterval: minuteInterval }))] }));
 });

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

@@ -4,20 +4,7 @@ declare const _default: {
     tags: "ui"[];
     experimental: true;
     description: string;
-    component: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-        disabled?: boolean;
-        startAdornment?: React.ReactNode;
-        endAdornment?: React.ReactNode;
-        openModal?: boolean;
-        modalSubmitLabel?: string;
-        onModalSubmit?: () => void;
-    } & {
-        label: string;
-        labelRight?: React.ReactNode;
-        optional?: boolean;
-        optionalText?: string;
-        disabled?: boolean;
-    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
+    component: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "type"> & {
         type?: "date" | "datetime" | "month";
         display?: "default" | "spinner";
         value?: string;
@@ -25,11 +12,9 @@ declare const _default: {
         maximumDate?: Date;
         onChange?: (date: string) => void;
         is24Hour?: boolean;
-        minuteInterval?: 1 | 6 | 4 | 12 | 2 | 5 | 3 | 10 | 15 | 20 | 30;
-    } & React.RefAttributes<any>>;
-    styleFn: () => {
-        dateInput: {};
-    };
+        minuteInterval?: 1 | 4 | 6 | 12 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
+    } & React.RefAttributes<import("react-native").TextInput>>;
+    styleFn: () => string;
 };
 export default _default;
 export declare const Default: () => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAOkB;AAElB,eAAO,MAAM,OAAO,yBAcnB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAsBjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"DateInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;AAO1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAuBnB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAoBjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

package/dist/ui/DateInput/DateInput.stories.js

@@ -1,21 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Box } from '../../core';
-import { Grid } from '../Grid';
+import { Box } from '../../core/Box';
+import { Grid } from '../../core/Grid';
+import { FormControl } from '../FormControl';
 import { DateInput } from './DateInput';
-import { useStyles } from './DateInput.styles';
 export default {
     title: 'DateInput',
     tags: ['ui'],
     experimental: true,
-    description: 'Champs de saisie de date.',
+    description: 'Champ de saisie de date, nu : on le place dans un FormControl pour son libellé, son aide et sa validation.',
     component: DateInput,
-    styleFn: useStyles,
+    styleFn: () => 'Aucun style appliqué',
 };
-export const Default = () => (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(DateInput, { label: "Default", onChange: console.log }) }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(DateInput, { label: "Error", onChange: console.log, error: "Une erreur" }) }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(DateInput, { label: "Disabled", onChange: console.log, disabled: true }) })] }) }));
+export const Default = () => (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Default", children: _jsx(DateInput, { onChange: console.log }) }) }), _jsxs(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: [_jsx(FormControl, { label: "Error", error: "Une erreur", children: _jsx(DateInput, { onChange: console.log, error: "Une erreur" }) }), _jsx(FormControl, { label: "Succ\u00E8s", success: "Date enregistr\u00E9e", children: _jsx(DateInput, { onChange: console.log, success: "Date enregistr\u00E9e" }) })] }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Disabled", disabled: true, children: _jsx(DateInput, { onChange: console.log, disabled: true }) }) })] }) }));
 export const Types = () => {
     const [date, setDate] = React.useState();
     const [datetime, setDatetime] = React.useState();
-    return (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(DateInput, { value: date, label: "Date (default)", onChange: e => setDate(e.toString()) }) }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(DateInput, { value: datetime, label: "Datetime", type: "datetime", is24Hour: true, onChange: e => setDatetime(e.toString()) }) })] }) }));
+    return (_jsx(Box, { width: '100%', children: _jsxs(Grid, { gap: 8, children: [_jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Date (default)", children: _jsx(DateInput, { value: date, onChange: e => setDate(e.toString()) }) }) }), _jsx(Grid.Column, { size: { desktop: 6, mobile: 12 }, children: _jsx(FormControl, { label: "Datetime", children: _jsx(DateInput, { value: datetime, type: "datetime", is24Hour: true, onChange: e => setDatetime(e.toString()) }) }) })] }) }));
 };
 export * as Sources from './DateInput.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAojB,CAAC;AAEzkB,eAAO,MAAM,KAAK,cAAitB,CAAC;AAEpuB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"DateInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+4B,CAAC;AAEp6B,eAAO,MAAM,KAAK,cAA+uB,CAAC;AAElwB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/DateInput/DateInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box width={'100%'}>\n    <Grid gap={8}>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <DateInput label=\"Default\" onChange={console.log} />\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <DateInput label=\"Error\" onChange={console.log} error=\"Une erreur\" />\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <DateInput label=\"Disabled\" onChange={console.log} disabled />\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
-export const Types = () => "export const Types = () => {\n  const [date, setDate] = React.useState<string>();\n  const [datetime, setDatetime] = React.useState<string>();\n\n  return (\n    <Box width={'100%'}>\n      <Grid gap={8}>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <DateInput value={date} label=\"Date (default)\" onChange={e => setDate(e.toString())} />\n        </Grid.Column>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <DateInput\n            value={datetime}\n            label=\"Datetime\"\n            type=\"datetime\"\n            is24Hour\n            onChange={e => setDatetime(e.toString())}\n          />\n        </Grid.Column>\n      </Grid>\n    </Box>\n  );\n};";
+export const Default = () => "export const Default = () => (\n  <Box width={'100%'}>\n    <Grid gap={8}>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Default\">\n          <DateInput onChange={console.log} />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Error\" error=\"Une erreur\">\n          <DateInput onChange={console.log} error=\"Une erreur\" />\n        </FormControl>\n        <FormControl label=\"Succès\" success=\"Date enregistrée\">\n          <DateInput onChange={console.log} success=\"Date enregistrée\" />\n        </FormControl>\n      </Grid.Column>\n      <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n        <FormControl label=\"Disabled\" disabled>\n          <DateInput onChange={console.log} disabled />\n        </FormControl>\n      </Grid.Column>\n    </Grid>\n  </Box>\n);";
+export const Types = () => "export const Types = () => {\n  const [date, setDate] = React.useState<string>();\n  const [datetime, setDatetime] = React.useState<string>();\n\n  return (\n    <Box width={'100%'}>\n      <Grid gap={8}>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <FormControl label=\"Date (default)\">\n            <DateInput value={date} onChange={e => setDate(e.toString())} />\n          </FormControl>\n        </Grid.Column>\n        <Grid.Column size={{ desktop: 6, mobile: 12 }}>\n          <FormControl label=\"Datetime\">\n            <DateInput value={datetime} type=\"datetime\" is24Hour onChange={e => setDatetime(e.toString())} />\n          </FormControl>\n        </Grid.Column>\n      </Grid>\n    </Box>\n  );\n};";
 export const storySources = {
     Default,
     Types,

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

@@ -1,18 +1,5 @@
 import React from 'react';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-    disabled?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    openModal?: boolean;
-    modalSubmitLabel?: string;
-    onModalSubmit?: () => void;
-} & {
-    label: string;
-    labelRight?: React.ReactNode;
-    optional?: boolean;
-    optionalText?: string;
-    disabled?: boolean;
-} & import("@alveole/components").FormControlCaptionProps & import("@alveole/components").FormControlHintProps & {
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("..").TextInputProps, "type"> & {
     type?: "date" | "datetime" | "month";
     display?: "default" | "spinner";
     value?: string;
@@ -20,6 +7,6 @@ export declare const DateInput: React.ForwardRefExoticComponent<Omit<import("rea
     maximumDate?: Date;
     onChange?: (date: string) => void;
     is24Hour?: boolean;
-    minuteInterval?: 1 | 6 | 4 | 12 | 2 | 5 | 3 | 10 | 15 | 20 | 30;
+    minuteInterval?: 1 | 4 | 6 | 12 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
 } & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=DateInput.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.web.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;0CAiBpB,CAAC"}
+{"version":3,"file":"DateInput.web.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/DateInput.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,SAAS;;;;;;;;;0CAEpB,CAAC"}

package/dist/ui/DateInput/DateInput.web.js

@@ -1,9 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormControlCaption, FormControlDateInput, FormControlHint, FormControlLabel, InputHeading, } from '@alveole/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { useStyles } from './DateInput.styles';
+import { FormControlDateInput } from '../FormControl';
 export const DateInput = React.forwardRef(function DateInput(props, ref) {
-    const { label, hint, disabled, error, success } = props;
-    const styles = useStyles();
-    return (_jsxs(FormControl, { style: styles.dateInput, children: [_jsxs(InputHeading, { children: [!!label && _jsx(FormControlLabel, { label: label, disabled: disabled, error: error, success: success }), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(FormControlDateInput, { ref: ref, ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+    return _jsx(FormControlDateInput, { ref: ref, ...props });
 });

package/dist/ui/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from '../../core';
+import { BoxProps } from '../../core/Box';
 export type DividerProps = Omit<BoxProps, 'children'>;
 export declare const Divider: (props: DividerProps) => import("react").JSX.Element;
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/ui/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,gCAI1C,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/ui/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,gCAI1C,CAAC"}

package/dist/ui/Divider/Divider.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '../../core';
+import { Box } from '../../core/Box';
 import { useStyles } from './Divider.styles';
 export const Divider = (props) => {
     const styles = useStyles();

package/dist/ui/DocumentViewer/DocumentViewer.d.ts

@@ -1,14 +1,3 @@
-import { type BoxProps } from '@alveole/components';
-import React from 'react';
-export type DocumentViewerRotation = 0 | 90 | 180 | 270;
-export declare const isDocumentViewerRotation: (value: number) => value is DocumentViewerRotation;
-export type DocumentViewerProps = BoxProps & {
-    type: 'image' | 'pdf';
-    title: string;
-    source: string;
-    height?: BoxProps['height'];
-    ChildrenProps?: Omit<BoxProps, 'children'>;
-    pdfErrorLabel?: string;
-};
-export declare const DocumentViewer: (props: DocumentViewerProps) => React.JSX.Element;
+import { type DocumentViewerProps } from './DocumentViewer.types';
+export declare const DocumentViewer: (props: DocumentViewerProps) => import("react").JSX.Element;
 //# sourceMappingURL=DocumentViewer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AACxD,eAAO,MAAM,wBAAwB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,sBAC/B,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG;IAC3C,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAoFxD,CAAC"}
+{"version":3,"file":"DocumentViewer.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAMlE,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAkDxD,CAAC"}