@alveole/components 1.6.5 → 1.8.0

package/dist/generated/version.d.ts

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

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.6.5";
+export const ALVEOLE_COMPONENTS_VERSION = "1.8.0";

package/dist/stories/index.d.ts

@@ -37,6 +37,7 @@ export * as EmailFieldStory from '../ui/EmailField/EmailField.stories';
 export * as EmailInputStory from '../ui/EmailInput/EmailInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as FileFieldStory from '../ui/FileField/FileField.stories';
+export * as FilterDateStory from '../ui/FilterDate/FilterDate.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';
 export * as GridStory from '../ui/Grid/Grid.stories';
 export * as HeaderStory from '../ui/Header/Header.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

@@ -39,6 +39,7 @@ export * as EmailFieldStory from '../ui/EmailField/EmailField.stories';
 export * as EmailInputStory from '../ui/EmailInput/EmailInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as FileFieldStory from '../ui/FileField/FileField.stories';
+export * as FilterDateStory from '../ui/FilterDate/FilterDate.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';
 export * as GridStory from '../ui/Grid/Grid.stories';
 export * as HeaderStory from '../ui/Header/Header.stories';

package/dist/ui/FilterDate/FilterDate.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BoxProps } from '../../core/Box';
+export type FilterDateValue = {
+    years: number[];
+    months: number[];
+};
+export type FilterDateProps = BoxProps & {
+    title: string;
+    local?: 'fr' | 'en';
+    /** Année de départ */
+    from: number | 'today';
+    /** Année de fin */
+    to: number | 'today';
+    value: FilterDateValue;
+    onChange?: (value: FilterDateValue, stringValues: `${string}-${string}`[]) => void;
+};
+export declare const filerDateValueToDates: (values: FilterDateValue, from: FilterDateProps["from"], to: FilterDateProps["to"]) => `${string}-${string}`[];
+export declare const FilterDate: (props: FilterDateProps) => React.JSX.Element;
+//# sourceMappingURL=FilterDate.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/FilterDate/FilterDate.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { format } from 'date-fns';
+import { enUS, fr } from 'date-fns/locale';
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { BottomSheet } from '../BottomSheet';
+import { Button } from '../Button';
+import { Grid } from '../Grid';
+import { useStyles } from './FilterDate.styles';
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1);
+const monthsFr = Array.from({ length: 12 }, (_, month) => ({
+    label: capitalize(format(new Date(2026, month, 1), 'MMMM', { locale: fr })),
+    value: month + 1,
+    toString: format(new Date(2026, month, 1), 'MM'),
+}));
+const monthsEn = Array.from({ length: 12 }, (_, month) => ({
+    label: capitalize(format(new Date(2026, month, 1), 'MMMM', { locale: enUS })),
+    value: month + 1,
+    toString: format(new Date(2026, month, 1), 'MM'),
+}));
+export const filerDateValueToDates = (values, from, to) => {
+    if (values.months.length === 0 && values.years.length === 0)
+        return [];
+    const fromYear = from === 'today' ? new Date().getFullYear() : from;
+    const toYear = to === 'today' ? new Date().getFullYear() : to;
+    const yearsOnly = values.months.length === 0 && values.years.length > 0;
+    const monthsOnly = values.months.length > 0 && values.years.length === 0;
+    const yearsList = Array.from({ length: toYear - fromYear + 1 }, (_, i) => fromYear + i);
+    if (yearsOnly)
+        return values.years.flatMap(y => monthsFr.map(m => `${y}-${m.toString}`));
+    if (monthsOnly)
+        return values.months.flatMap(m => yearsList.map(y => `${y}-${format(new Date(2026, m - 1, 1), 'MM')}`));
+    return values.years.flatMap(y => values.months.map(m => `${y}-${format(new Date(2026, m - 1, 1), 'MM')}`));
+};
+export const FilterDate = (props) => {
+    const { title, local = 'fr', from, to, value, onChange } = props;
+    const actionLabel = local === 'fr' ? 'Effacer' : 'Clear';
+    const yearsLabel = local === 'fr' ? 'Années' : 'Years';
+    const monthsLabel = local === 'fr' ? 'Mois' : 'Months';
+    const fromYear = from === 'today' ? new Date().getFullYear() : from;
+    const toYear = to === 'today' ? new Date().getFullYear() : to;
+    const yearsList = Array.from({ length: toYear - fromYear + 1 }, (_, i) => fromYear + i);
+    const monthsList = local === 'fr' ? monthsFr : monthsEn;
+    const [open, setOpen] = React.useState(false);
+    const [years, setYears] = React.useState(value.years);
+    const [months, setMonths] = React.useState(value.months);
+    const yearsScrollRef = React.useRef(null);
+    const styles = useStyles();
+    const disabledReset = React.useMemo(() => years.length === 0 && months.length === 0, [months.length, years.length]);
+    const hasValues = React.useMemo(() => years.length > 0 || months.length > 0, [months.length, years.length]);
+    const scrollYearsToEnd = React.useCallback(() => {
+        yearsScrollRef.current?.scrollToEnd({ animated: false });
+    }, []);
+    React.useEffect(() => {
+        if (open) {
+            requestAnimationFrame(scrollYearsToEnd);
+        }
+    }, [open, scrollYearsToEnd]);
+    const handleReset = React.useCallback(() => {
+        setYears([]);
+        setMonths([]);
+        onChange?.({ years: [], months: [] }, []);
+    }, [onChange]);
+    const handlePressYear = React.useCallback((y) => {
+        let newYears = years;
+        if (newYears.includes(y))
+            newYears = newYears.filter(v => v !== y);
+        else
+            newYears = [...newYears, y];
+        setYears(newYears);
+        onChange?.({ years: newYears, months }, filerDateValueToDates({ years: newYears, months }, from, to));
+    }, [from, months, onChange, to, years]);
+    const handlePressMonth = React.useCallback((m) => {
+        let newMonths = months;
+        if (newMonths.includes(m))
+            newMonths = newMonths.filter(v => v !== m);
+        else
+            newMonths = [...newMonths, m];
+        setMonths(newMonths);
+        onChange?.({ years, months: newMonths }, filerDateValueToDates({ years, months: newMonths }, from, to));
+    }, [from, months, onChange, to, years]);
+    return (_jsxs(React.Fragment, { children: [_jsx(Button, { variant: "secondary", title: title, endIcon: "ChevronDown", size: "sm", selected: hasValues, active: open, onPress: () => setOpen(true) }), _jsx(BottomSheet, { fitContent: true, title: title, open: open, setOpen: setOpen, action: _jsx(Button, { title: actionLabel, variant: "tertiary", size: "sm", disabled: disabledReset, onPress: handleReset }), children: _jsxs(Box, { style: styles.container, children: [_jsxs(Box, { style: styles.partContainer, children: [_jsx(Typography, { style: styles.partTitle, children: yearsLabel }), _jsx(ScrollView, { ref: yearsScrollRef, horizontal: true, nestedScrollEnabled: true, showsHorizontalScrollIndicator: false, style: [styles.filtersHorizontalScroll, { width: '100%' }], contentContainerStyle: styles.filtersScroll, onContentSizeChange: scrollYearsToEnd, children: yearsList.map(y => (_jsx(Box, { children: _jsx(FilterDateButton, { type: "year", title: y, selected: years.includes(y), onPress: () => handlePressYear(y) }) }, `year--${y}`))) })] }), _jsxs(Box, { style: styles.partContainer, children: [_jsx(Typography, { style: styles.partTitle, children: monthsLabel }), _jsx(Grid, { gap: '1W', pl: '2W', pr: '2W', children: monthsList.map(m => (_jsx(Grid.Column, { size: 4, children: _jsx(FilterDateButton, { type: "month", title: m.label, selected: months.includes(m.value), onPress: () => handlePressMonth(m.value) }) }, `month--${m.value}`))) })] })] }) })] }));
+};
+const FilterDateButton = (props) => {
+    const { title, type, selected, onPress } = props;
+    return (_jsx(Button, { title: `${title}`, variant: "secondary", size: type === 'month' ? 'md' : 'sm', onPress: onPress, selected: selected }));
+};

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

@@ -0,0 +1,48 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: (props: import("@alveole/components").FilterDateProps) => React.JSX.Element;
+    styleFn: () => {
+        container: {
+            display: "flex";
+            flexDirection: "column";
+            gap: string | number;
+        };
+        partContainer: {
+            display: "flex";
+            flexDirection: "column";
+            alignItems: "flex-start";
+            gap: string | number;
+            alignSelf: "stretch";
+        };
+        partTitle: {
+            color: string;
+            fontSize: 12;
+            lineHeight: 20;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+            paddingLeft: string | number;
+            paddingRight: string | number;
+        };
+        filtersHorizontalScroll: {
+            minWidth: number;
+            flexGrow: number;
+        };
+        filtersScroll: {
+            flexDirection: "row";
+            alignItems: "flex-end";
+            gap: string | number;
+            flexGrow: number;
+            paddingLeft: import("@alveole/theme").Spacing;
+            paddingRight: import("@alveole/theme").Spacing;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export * as Sources from './FilterDate.stories.sources';
+//# sourceMappingURL=FilterDate.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDate.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterDate/FilterDate.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI1B,wBAOkB;AAElB,eAAO,MAAM,OAAO,yBAQnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/FilterDate/FilterDate.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@alveole/components';
+import React from 'react';
+import { FilterDate } from './FilterDate';
+import { useStyles } from './FilterDate.styles';
+export default {
+    title: 'FilterDate',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Modal de selection d’année/mois',
+    component: FilterDate,
+    styleFn: useStyles,
+};
+export const Default = () => {
+    const [value, setValue] = React.useState({ years: [], months: [] });
+    return (_jsx(Box, { display: "flex", flexDirection: "row", justify: "flex-start", children: _jsx(FilterDate, { title: "Titre", from: 1990, to: 'today', value: value, onChange: setValue }) }));
+};
+export * as Sources from './FilterDate.stories.sources';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDate.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FilterDate/FilterDate.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgV,CAAC;AAErW,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/FilterDate/FilterDate.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [value, setValue] = React.useState<FilterDateValue>({ years: [], months: [] });\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" justify=\"flex-start\">\n      <FilterDate title=\"Titre\" from={1990} to={'today'} value={value} onChange={setValue} />\n    </Box>\n  );\n};";
+export const storySources = {
+    Default,
+};

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

@@ -0,0 +1,37 @@
+export declare const useStyles: () => {
+    container: {
+        display: "flex";
+        flexDirection: "column";
+        gap: string | number;
+    };
+    partContainer: {
+        display: "flex";
+        flexDirection: "column";
+        alignItems: "flex-start";
+        gap: string | number;
+        alignSelf: "stretch";
+    };
+    partTitle: {
+        color: string;
+        fontSize: 12;
+        lineHeight: 20;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    filtersHorizontalScroll: {
+        minWidth: number;
+        flexGrow: number;
+    };
+    filtersScroll: {
+        flexDirection: "row";
+        alignItems: "flex-end";
+        gap: string | number;
+        flexGrow: number;
+        paddingLeft: import("@alveole/theme").Spacing;
+        paddingRight: import("@alveole/theme").Spacing;
+    };
+};
+//# sourceMappingURL=FilterDate.styles.d.ts.map

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

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

package/dist/ui/FilterDate/FilterDate.styles.js

@@ -0,0 +1,33 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ spacing, spacingValue, color, text }) => ({
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: spacing('3W'),
+    },
+    partContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        gap: spacing('1W'),
+        alignSelf: 'stretch',
+    },
+    partTitle: {
+        paddingLeft: spacing('2W'),
+        paddingRight: spacing('2W'),
+        ...text['Corps de texte'].XS.Bold,
+        color: color.light.text['mention-grey'],
+    },
+    filtersHorizontalScroll: {
+        minWidth: 0,
+        flexGrow: 0,
+    },
+    filtersScroll: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        gap: spacing('1W'),
+        flexGrow: 0,
+        paddingLeft: spacingValue('2W'),
+        paddingRight: spacingValue('2W'),
+    },
+}));

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

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

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

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

package/dist/ui/FilterDate/index.js

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

package/dist/ui/ListItem/ListItem.d.ts

@@ -8,7 +8,9 @@ export type ListItemProps = BoxProps & {
     description?: string;
     IconProps?: Pick<IconProps, 'color' | 'name'>;
     AvatarProps?: Pick<AvatarProps, 'fallbackText' | 'src'>;
-    RadioProps?: Pick<RadioInputProps, 'checked' | 'onChange' | 'value'>;
+    RadioProps?: Pick<RadioInputProps, 'checked' | 'onChange' | 'value'> & {
+        multiple?: boolean;
+    };
     preview_url?: string;
     trailing?: () => React.ReactNode;
     loading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAqB,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AACtD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,KAAK,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBA2F5C,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAqB,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AACtD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,KAAK,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBA4G5C,CAAC"}

package/dist/ui/ListItem/ListItem.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Image, Typography } from '../../core';
 import { Avatar } from '../Avatar';
+import { CheckboxContainer, CheckboxIndicator } from '../Checkbox';
 import { LucideIcon } from '../LucideIcon';
 import { RadioGroup } from '../RadioGroup';
 import { Spinner } from '../Spinner';
@@ -14,7 +15,9 @@ export const ListItem = (props) => {
         onPress?.(event);
     }, [RadioProps, onPress]);
     const styles = useStyles();
-    return (_jsxs(Box, { children: [_jsxs(Box, { tag: "resource-item", style: [styles.item, style], hoverStyle: onPress || RadioProps ? styles.itemHover : {}, onPress: handlePress, ...itemProps, children: [preview_url ? (_jsx(Box, { style: styles.previewContainer, children: _jsx(Image, { source: { uri: preview_url }, width: styles.preview.width, height: styles.preview.height, contentFit: "contain" }) })) : (_jsxs(Box, { display: "flex", flexDirection: "row", gap: '3V', children: [RadioProps && (_jsx(Box, { mt: 'auto', mb: 'auto', onPress: event => {
+    return (_jsxs(Box, { children: [_jsxs(Box, { tag: "resource-item", style: [styles.item, style], hoverStyle: onPress || RadioProps ? styles.itemHover : {}, onPress: handlePress, ...itemProps, children: [preview_url ? (_jsx(Box, { style: styles.previewContainer, children: _jsx(Image, { source: { uri: preview_url }, width: styles.preview.width, height: styles.preview.height, contentFit: "contain" }) })) : (_jsxs(Box, { display: "flex", flexDirection: "row", gap: '3V', children: [RadioProps && RadioProps.multiple !== true && (_jsx(Box, { mt: 'auto', mb: 'auto', onPress: event => {
                                     event.stopPropagation();
-                                }, children: _jsx(RadioGroup.Input, { id: `${title}--radio`, size: "md", ...RadioProps }) })), IconProps && (_jsx(Box, { mt: 'auto', mb: 'auto', children: _jsx(LucideIcon, { size: "sm", color: styles.defaultIcon.color, ...IconProps }) })), AvatarProps && (_jsx(Box, { mt: 'auto', mb: 'auto', children: _jsx(Avatar, { size: "xs", ...AvatarProps }) }))] })), _jsxs(Box, { style: styles.detail, children: [showSeparateur && _jsx(Box, { style: styles.separateur }), _jsxs(Box, { style: styles.principal, children: [_jsx(Typography, { style: styles.title, children: title }), description && _jsx(Typography, { style: styles.description, children: description })] }), trailing && trailing()] }), loading && (_jsx(Box, { style: styles.loading, children: _jsx(Spinner, { size: "sm" }) }))] }), children] }));
+                                }, children: _jsx(RadioGroup.Input, { id: `${title}--radio`, size: "md", ...RadioProps }) })), RadioProps && RadioProps.multiple === true && (_jsx(Box, { mt: 'auto', mb: 'auto', onPress: event => {
+                                    event.stopPropagation();
+                                }, children: _jsx(CheckboxContainer, { id: `${title}--checkbox`, checked: RadioProps.checked, onCheckedChange: () => RadioProps.onChange?.(RadioProps.value), children: _jsx(CheckboxIndicator, {}) }) })), IconProps && (_jsx(Box, { mt: 'auto', mb: 'auto', children: _jsx(LucideIcon, { size: "sm", color: styles.defaultIcon.color, ...IconProps }) })), AvatarProps && (_jsx(Box, { mt: 'auto', mb: 'auto', children: _jsx(Avatar, { size: "xs", ...AvatarProps }) }))] })), _jsxs(Box, { style: styles.detail, children: [showSeparateur && _jsx(Box, { style: styles.separateur }), _jsxs(Box, { style: styles.principal, children: [_jsx(Typography, { style: styles.title, children: title }), description && _jsx(Typography, { style: styles.description, children: description })] }), trailing && trailing()] }), loading && (_jsx(Box, { style: styles.loading, children: _jsx(Spinner, { size: "sm" }) }))] }), children] }));
 };

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

@@ -110,6 +110,7 @@ export declare const WithIcon: () => import("react").JSX.Element;
 export declare const WithAvatar: () => import("react").JSX.Element;
 export declare const WithPreviewImage: () => import("react").JSX.Element;
 export declare const ItemRadio: () => import("react").JSX.Element;
+export declare const ItemRadioMultiple: () => import("react").JSX.Element;
 export declare const ItemRadioWithIcon: () => import("react").JSX.Element;
 /** Sans prop `onPress`, l’effet de hover n’apparaît pas. */
 export declare const withoutHover: () => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

package/dist/ui/ListItem/ListItem.stories.js

@@ -49,6 +49,15 @@ export const ItemRadio = () => {
             onChange: v => setValue(v),
         } }));
 };
+export const ItemRadioMultiple = () => {
+    const [value, setValue] = useState();
+    return (_jsx(ListItem, { title: "Titre", description: "Description", RadioProps: {
+            value: 'tutu',
+            checked: value === 'tutu',
+            onChange: v => setValue(v),
+            multiple: true,
+        } }));
+};
 export const ItemRadioWithIcon = () => {
     const [value, setValue] = useState();
     return (_jsx(ListItem, { title: "Titre", description: "Description", IconProps: { name: 'Settings' }, RadioProps: {

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

@@ -6,6 +6,7 @@ export declare const WithIcon: () => string;
 export declare const WithAvatar: () => string;
 export declare const WithPreviewImage: () => string;
 export declare const ItemRadio: () => string;
+export declare const ItemRadioMultiple: () => string;
 export declare const ItemRadioWithIcon: () => string;
 export declare const withoutHover: () => string;
 export declare const storySources: {
@@ -17,6 +18,7 @@ export declare const storySources: {
     readonly WithAvatar: () => string;
     readonly WithPreviewImage: () => string;
     readonly ItemRadio: () => string;
+    readonly ItemRadioMultiple: () => string;
     readonly ItemRadioWithIcon: () => string;
     readonly withoutHover: () => string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAoL,CAAC;AAEzM,eAAO,MAAM,YAAY,cAA0S,CAAC;AAEpU,eAAO,MAAM,WAAW,cAA4M,CAAC;AAErO,eAAO,MAAM,gBAAgB,cAAyN,CAAC;AAEvP,eAAO,MAAM,QAAQ,cAA6O,CAAC;AAEnQ,eAAO,MAAM,UAAU,cAAyU,CAAC;AAEjW,eAAO,MAAM,gBAAgB,cAAqR,CAAC;AAEnT,eAAO,MAAM,SAAS,cAAqU,CAAC;AAE5V,eAAO,MAAM,iBAAiB,cAAqX,CAAC;AAEpZ,eAAO,MAAM,YAAY,cAAsG,CAAC;AAEhI,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}
+{"version":3,"file":"ListItem.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAoL,CAAC;AAEzM,eAAO,MAAM,YAAY,cAA0S,CAAC;AAEpU,eAAO,MAAM,WAAW,cAA4M,CAAC;AAErO,eAAO,MAAM,gBAAgB,cAAyN,CAAC;AAEvP,eAAO,MAAM,QAAQ,cAA6O,CAAC;AAEnQ,eAAO,MAAM,UAAU,cAAyU,CAAC;AAEjW,eAAO,MAAM,gBAAgB,cAAqR,CAAC;AAEnT,eAAO,MAAM,SAAS,cAAqU,CAAC;AAE5V,eAAO,MAAM,iBAAiB,cAAsW,CAAC;AAErY,eAAO,MAAM,iBAAiB,cAAqX,CAAC;AAEpZ,eAAO,MAAM,YAAY,cAAsG,CAAC;AAEhI,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}

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

@@ -8,6 +8,7 @@ export const WithIcon = () => "export const WithIcon = () => (\n  <ListItem\n
 export const WithAvatar = () => "export const WithAvatar = () => (\n  <ListItem\n    title=\"Titre\"\n    description=\"Description\"\n    AvatarProps={{\n      fallbackText: 'Jean Pierre',\n      src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400',\n    }}\n    onPress={() => {\n      window.alert('click !');\n    }}\n  />\n);";
 export const WithPreviewImage = () => "export const WithPreviewImage = () => (\n  <ListItem\n    title=\"Titre\"\n    description=\"Description\"\n    preview_url=\"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400\"\n    onPress={() => {\n      window.alert('click !');\n    }}\n  />\n);";
 export const ItemRadio = () => "export const ItemRadio = () => {\n  const [value, setValue] = useState<string>();\n\n  return (\n    <ListItem\n      title=\"Titre\"\n      description=\"Description\"\n      RadioProps={{\n        value: 'tutu',\n        checked: value === 'tutu',\n        onChange: v => setValue(v),\n      }}\n    />\n  );\n};";
+export const ItemRadioMultiple = () => "export const ItemRadioMultiple = () => {\n  const [value, setValue] = useState<string>();\n\n  return (\n    <ListItem\n      title=\"Titre\"\n      description=\"Description\"\n      RadioProps={{\n        value: 'tutu',\n        checked: value === 'tutu',\n        onChange: v => setValue(v),\n        multiple: true,\n      }}\n    />\n  );\n};";
 export const ItemRadioWithIcon = () => "export const ItemRadioWithIcon = () => {\n  const [value, setValue] = useState<string>();\n\n  return (\n    <ListItem\n      title=\"Titre\"\n      description=\"Description\"\n      IconProps={{ name: 'Settings' }}\n      RadioProps={{\n        value: 'tutu',\n        checked: value === 'tutu',\n        onChange: v => setValue(v),\n      }}\n    />\n  );\n};";
 export const withoutHover = () => "export const withoutHover = () => <ListItem title=\"Titre\" description=\"Description\" />;";
 export const storySources = {
@@ -19,6 +20,7 @@ export const storySources = {
     WithAvatar,
     WithPreviewImage,
     ItemRadio,
+    ItemRadioMultiple,
     ItemRadioWithIcon,
     withoutHover,
 };

package/dist/ui/index.d.ts

@@ -19,6 +19,7 @@ export * from './EmailField';
 export * from './EmailInput';
 export * from './EmptyState';
 export * from './FileField';
+export * from './FilterDate';
 export * from './FormControl';
 export * from './Grid';
 export * from './Header';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -19,6 +19,7 @@ export * from './EmailField';
 export * from './EmailInput';
 export * from './EmptyState';
 export * from './FileField';
+export * from './FilterDate';
 export * from './FormControl';
 export * from './Grid';
 export * from './Header';

package/package.json

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