@alveole/components 1.10.0 → 2.0.0-alpha.1

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

@@ -1,200 +0,0 @@
-export declare const useStyles: () => {
-    select: {
-        lineHeight: number;
-        width: "100%";
-        borderWidth: number;
-        backgroundColor: "transparent";
-        appearance: "none";
-        fontSize: 14;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-        outline: string;
-        paddingTop: number;
-        paddingBottom: number;
-        color: string;
-    };
-    inputInner: {
-        display: "flex";
-        flexDirection: "row";
-        gap: string | number;
-        paddingLeft: string | number;
-        paddingRight: string | number;
-        paddingTop: string | number;
-        paddingBottom: string | number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-        backgroundColor: "#FFFFFF";
-        overflow: "hidden";
-        width: "100%";
-    };
-    inputContainer: {
-        width: "100%";
-    };
-    inputDisabled: {
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    control: {
-        minHeight: string | number;
-        flexWrap: "inherit";
-        borderColor: string;
-        paddingTop: string | number;
-        paddingBottom: string | number;
-        borderRadius: number;
-    };
-    controlDisabled: {
-        backgroundColor: string;
-    };
-    multiValue: {
-        borderRadius: string | number;
-        backgroundColor: string;
-        paddingLeft: string | number;
-    };
-    multiValueDisabled: {
-        backgroundColor: "#FFFFFF";
-        borderColor: string;
-        borderWidth: number;
-        borderRadius: string | number;
-        borderStyle: "solid";
-        paddingLeft: string | number;
-        paddingRight: string | number;
-    };
-    multiValueRemoveHover: {
-        backgroundColor: string;
-        cursor: "pointer";
-    };
-    multiValueRemoveDisabled: {
-        display: "none";
-    };
-    dropdownIndicator: {
-        padding: string | number;
-    };
-    dropdownIndicatorDisabled: {};
-    clearIndicator: {
-        color: string;
-        padding: string | number;
-    };
-    nativeLabel: {
-        color: string;
-        fontSize: 18 | 20;
-        lineHeight: 24 | 28;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    nativeValue: {
-        color: string;
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    nativeSimpleValue: {
-        color: string;
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    nativeItem: {
-        paddingTop: string | number;
-        paddingRight: string | number;
-        paddingBottom: string | number;
-        paddingLeft: string | number;
-        backgroundColor: string;
-    };
-    nativeItemText: {
-        color: string;
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    nativeItemTextNew: {
-        color: string;
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    nativeItemSelected: {
-        backgroundColor: string;
-    };
-    input: {
-        display: "flex";
-        flexDirection: "row";
-        outline: string;
-        color: string;
-        fontFamily: string;
-        fontSize: 14;
-        minHeight: number;
-        flex: number;
-    };
-    inputPlaceholder: {
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-        color: string;
-    };
-    autocompleteIcon: {
-        position: "absolute";
-        right: string | number;
-        top: string;
-        color: string;
-    };
-    modalOverlay: {
-        flex: number;
-        justifyContent: "flex-end";
-        backgroundColor: string;
-    };
-    modalContent: {
-        flex: number;
-        backgroundColor: "white";
-        borderTopLeftRadius: import("@alveole/theme").Radius;
-        borderTopRightRadius: import("@alveole/theme").Radius;
-        paddingTop: string | number;
-    };
-    modalHeader: {
-        display: "flex";
-        flexDirection: "row";
-        justifyContent: "space-between";
-        alignItems: "center";
-        paddingLeft: string | number;
-    };
-    groupHeader: {
-        color: string;
-        textTransform: "uppercase";
-        paddingTop: string | number;
-        paddingBottom: string | number;
-        paddingLeft: string | number;
-        paddingRight: string | number;
-        backgroundColor: string;
-        fontSize: 12;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    groupHeading: {
-        backgroundColor: string;
-        paddingTop: string | number;
-        paddingBottom: string | number;
-        color: string;
-        textTransform: "uppercase";
-        marginBottom: number;
-        fontSize: 12;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-};
-//# sourceMappingURL=Autocomplete.styles.d.ts.map

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

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

package/dist/ui/Autocomplete/Autocomplete.styles.js

@@ -1,165 +0,0 @@
-import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
-    select: {
-        outline: 'none',
-        paddingTop: 0,
-        paddingBottom: 0,
-        color: color.text['default-grey'],
-        ...text['Corps de texte'].SM.Regular,
-        lineHeight: 16,
-        width: '100%',
-        borderWidth: 0,
-        backgroundColor: 'transparent',
-        appearance: 'none',
-    },
-    inputInner: {
-        display: 'flex',
-        flexDirection: 'row',
-        gap: spacing('050'),
-        paddingLeft: spacing('100'),
-        paddingRight: spacing('100'),
-        paddingTop: spacing('050'),
-        paddingBottom: spacing('050'),
-        borderRadius: 6,
-        borderWidth: 1,
-        borderColor: color.border['default-grey'],
-        backgroundColor: '#FFFFFF',
-        overflow: 'hidden',
-        width: '100%',
-    },
-    inputContainer: {
-        width: '100%',
-    },
-    inputDisabled: {
-        borderRadius: 6,
-        backgroundColor: color.background['disabled-grey'],
-    },
-    control: {
-        minHeight: spacing('200'),
-        flexWrap: 'inherit',
-        borderColor: color.border['default-grey'],
-        paddingTop: spacing('0375'),
-        paddingBottom: spacing('0375'),
-        borderRadius: 6,
-    },
-    controlDisabled: {
-        backgroundColor: color.background['disabled-grey'],
-    },
-    multiValue: {
-        borderRadius: spacing('025'),
-        backgroundColor: color.background.badge.default,
-        paddingLeft: spacing('025'),
-    },
-    multiValueDisabled: {
-        backgroundColor: '#FFFFFF',
-        borderColor: color.border['default-grey'],
-        borderWidth: 1,
-        borderRadius: spacing('025'),
-        borderStyle: 'solid',
-        paddingLeft: spacing('025'),
-        paddingRight: spacing('025'),
-    },
-    multiValueRemoveHover: {
-        backgroundColor: color.background.button.secondary.hover,
-        cursor: 'pointer',
-    },
-    multiValueRemoveDisabled: {
-        display: 'none',
-    },
-    dropdownIndicator: {
-        padding: spacing('025'),
-    },
-    dropdownIndicatorDisabled: {},
-    clearIndicator: {
-        color: color.text['default-grey'],
-        padding: spacing('025'),
-    },
-    nativeLabel: {
-        ...text.Titres['H6 - XXS'],
-        color: color.text['title-grey'],
-    },
-    nativeValue: {
-        ...text['Corps de texte'].SM.Regular,
-        color: color.text['default-grey'],
-    },
-    nativeSimpleValue: {
-        ...text['Corps de texte'].SM.SemiBold,
-        color: color.text['title-grey'],
-    },
-    nativeItem: {
-        paddingTop: spacing('100'),
-        paddingRight: spacing('100'),
-        paddingBottom: spacing('050'),
-        paddingLeft: spacing('050'),
-        backgroundColor: color.background.button.tertiary.default,
-    },
-    nativeItemText: {
-        ...text['Corps de texte'].SM.Regular,
-        color: color.text['default-grey'],
-    },
-    nativeItemTextNew: {
-        ...text['Corps de texte'].SM.SemiBold,
-        color: color.text['action-high-primary'],
-    },
-    nativeItemSelected: {
-        backgroundColor: color.background.button.tertiary.hover,
-    },
-    input: {
-        display: 'flex',
-        flexDirection: 'row',
-        outline: 'none',
-        color: color.text['default-grey'],
-        fontFamily: text['Corps de texte'].SM.Regular.fontFamily,
-        fontSize: text['Corps de texte'].SM.Regular.fontSize,
-        minHeight: 42,
-        flex: 1,
-    },
-    inputPlaceholder: {
-        color: color.text.inverse.muted,
-        ...text['Corps de texte'].SM.Regular,
-    },
-    autocompleteIcon: {
-        position: 'absolute',
-        right: spacing('100'),
-        top: '50%',
-        color: color.light.text['default-grey'],
-    },
-    modalOverlay: {
-        flex: 1,
-        justifyContent: 'flex-end',
-        backgroundColor: color.alpha(color.light.background['alt-grey'], 0.75),
-    },
-    modalContent: {
-        flex: 1,
-        backgroundColor: 'white',
-        borderTopLeftRadius: radius('lg'),
-        borderTopRightRadius: radius('lg'),
-        paddingTop: spacing('100'),
-    },
-    modalHeader: {
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingLeft: spacing('100'),
-    },
-    groupHeader: {
-        ...text['Corps de texte'].XS.SemiBold,
-        color: color.light.text['default-grey'],
-        textTransform: 'uppercase',
-        paddingTop: spacing('075'),
-        paddingBottom: spacing('025'),
-        paddingLeft: spacing('050'),
-        paddingRight: spacing('100'),
-        backgroundColor: color.light.background['disabled-grey'],
-    },
-    groupHeading: {
-        ...text['Corps de texte'].XS.SemiBold,
-        backgroundColor: color.light.background['disabled-grey'],
-        paddingTop: spacing('050'),
-        paddingBottom: spacing('050'),
-        color: color.light.text['default-grey'],
-        textTransform: 'uppercase',
-        marginBottom: 0,
-    },
-}));

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { AutocompleteOption } from './Autocomplete';
-export declare const Autocomplete: React.ForwardRefExoticComponent<{
-    label: string;
-    labelRight?: React.ReactNode;
-    optional?: boolean;
-    optionalText?: string;
-    disabled?: boolean;
-} & import("@alveole/components").FormControlCaptionProps & import("@alveole/components").FormControlHintProps & {
-    value?: AutocompleteOption[];
-    options: import("@alveole/components").AutocompleteOptionWithoutGroup[] | import("@alveole/components").AutocompleteOptionWithGroup[];
-    placeholder?: string;
-    isMulti?: boolean;
-    allowEmpty?: boolean;
-    isSearchable?: boolean;
-    autoFocus?: boolean;
-    disabledSearch?: boolean;
-    disabledFilterSearch?: boolean;
-    onChange?: (value: AutocompleteOption[], meta?: {
-        added: AutocompleteOption[];
-        removed: AutocompleteOption[];
-        created: AutocompleteOption[];
-    }) => void;
-    onSearchChange?: (value: string) => void;
-    allowCreate?: boolean;
-    onCreateOption?: (created: AutocompleteOption) => void;
-    createOptionLabel?: (input: string) => string;
-    createOptionValue?: (input: string) => string;
-} & React.RefAttributes<any>>;
-//# sourceMappingURL=Autocomplete.web.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.web.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAqB,MAAM,gBAAgB,CAAC;AAGvE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;iDAkDnB,CAAH;;;;;;;;;;6BAgID,CAAC"}

package/dist/ui/Autocomplete/Autocomplete.web.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, LucideIcon, } from '@alveole/components';
-import { useTheme } from '@alveole/theme';
-import React, { useEffect, useMemo, useState } from 'react';
-import ReactSelect, { components } from 'react-select';
-import { useStyles } from './Autocomplete.styles';
-export const Autocomplete = React.forwardRef(function Select(props, ref) {
-    const { value, disabledFilterSearch, label, labelRight, hint, error, success, placeholder, disabled, isMulti, isSearchable, onChange, onSearchChange, } = props;
-    const styles = useStyles();
-    const { color, spacing } = useTheme();
-    const [selectedOptions, setSelectedOptions] = useState(value ?? []);
-    const [syncedValueKey, setSyncedValueKey] = useState(() => value?.map(o => o.value).join('|') ?? '');
-    const [searchValue, setSearchValue] = useState('');
-    const isGrouped = props.options.length > 0 && 'group' in props.options[0];
-    const currentValueKey = value?.map(o => o.value).join('|') ?? '';
-    if (syncedValueKey !== currentValueKey) {
-        setSyncedValueKey(currentValueKey);
-        setSelectedOptions(value ?? []);
-    }
-    const options = useMemo(() => {
-        if (isGrouped) {
-            const groups = new Map();
-            for (const opt of props.options) {
-                const existing = groups.get(opt.group) ?? [];
-                groups.set(opt.group, [...existing, opt]);
-            }
-            return Array.from(groups.entries()).map(([label, opts]) => ({ label, options: opts }));
-        }
-        const differentOptions = props.options.filter(option => !selectedOptions.includes(option));
-        const allOptions = [...differentOptions, ...selectedOptions];
-        return allOptions.length === 0 ? undefined : allOptions;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.options, isGrouped]);
-    const selectStyles = {
-        control: (s, p) => ({
-            ...s,
-            ...styles.control,
-            ...(p.isDisabled ? styles.controlDisabled : {}),
-            boxShadow: 'none',
-            outline: p.isFocused ? `2px solid ${color.light.system.focus}` : 'none',
-            outlineOffset: 2,
-            ':hover': { borderColor: styles.control.borderColor },
-        }),
-        multiValue: (s, p) => ({
-            ...s,
-            ...styles.multiValue,
-            ...(p.isDisabled ? styles.multiValueDisabled : {}),
-            ...(isMulti !== false ? {} : { padding: 0, margin: 0 }),
-            ...(isMulti !== false ? {} : { backgroundColor: 'transparent', fontSize: 16 }),
-        }),
-        multiValueLabel: s => ({ ...s, fontSize: 14 }),
-        multiValueRemove: (s, p) => ({
-            ...s,
-            ':hover': styles.multiValueRemoveHover,
-            ...(p.isDisabled ? styles.multiValueRemoveDisabled : {}),
-            ...(isMulti !== false ? {} : { display: 'none' }),
-        }),
-        dropdownIndicator: (s, p) => ({
-            ...s,
-            ...styles.dropdownIndicator,
-            ...(p.isDisabled ? styles.dropdownIndicatorDisabled : {}),
-        }),
-        indicatorSeparator: () => ({ display: 'none' }),
-        placeholder: s => ({ ...s, color: color.light.text['mention-grey'] }),
-        clearIndicator: s => ({ ...s, ...styles.clearIndicator }),
-        valueContainer: s => ({
-            ...s,
-            ...(isMulti !== false ? { padding: '0 8px' } : {}),
-        }),
-        group: s => ({ ...s, paddingTop: 0, paddingBottom: 0 }),
-        groupHeading: () => ({
-            backgroundColor: color.light.background['disabled-grey'],
-            padding: `${spacing('050')}px ${spacing('100')}px`,
-            fontSize: 11,
-            fontWeight: 600,
-            color: color.light.text['default-grey'],
-            textTransform: 'uppercase',
-            marginBottom: 0,
-            letterSpacing: 0.5,
-        }),
-    };
-    const MultiValueRemove = (props) => (_jsx(components.MultiValueRemove, { ...props, children: _jsx(LucideIcon, { name: "X", size: "xs", color: color.light.text['default-grey'] }) }));
-    const DropdownIndicator = (props) => (_jsx(components.DropdownIndicator, { ...props, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm", color: props.isDisabled ? color.light.text['disabled-grey'] : color.light.text['default-grey'] }) }));
-    const clearValues = () => {
-        setSelectedOptions([]);
-        onChange?.([]);
-    };
-    const onSingleChange = (value) => {
-        if (typeof value != 'object' || value === null)
-            return clearValues();
-        setSelectedOptions([value]);
-        return onChange?.([value]);
-    };
-    const onMultiChange = (values) => {
-        if (typeof value != 'object' || value === null)
-            return clearValues();
-        setSelectedOptions(values);
-        return onChange?.(values);
-    };
-    useEffect(() => {
-        const handler = setTimeout(() => {
-            const newSearchValue = searchValue ?? '';
-            onSearchChange?.(newSearchValue);
-        }, 300);
-        return () => {
-            clearTimeout(handler);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [searchValue]);
-    return (_jsxs(FormControl, { style: styles.select, 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(Box, { tag: "form-control-select-input", style: styles.inputContainer, children: _jsx(Box, { style: { ...(disabled ? styles.inputDisabled : {}) }, children: _jsx(ReactSelect, { ref: ref, value: selectedOptions, styles: selectStyles, isMulti: true, placeholder: placeholder, options: options, filterOption: disabledFilterSearch ? () => true : undefined, isSearchable: isSearchable, onInputChange: inputValue => setSearchValue(inputValue), noOptionsMessage: () => 'Aucun résultat', onChange: options => {
-                            const lastOption = Array.isArray(options) ? options[options.length - 1] : undefined;
-                            if (isMulti === false && lastOption)
-                                return onSingleChange(lastOption);
-                            if (Array.isArray(options))
-                                return onMultiChange(options);
-                            return clearValues();
-                        }, isDisabled: disabled, components: { DropdownIndicator, MultiValueRemove } }) }) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
-});

package/dist/ui/Autocomplete/AutocompleteChip.d.ts

@@ -1,8 +0,0 @@
-export type AutocompleteChipProps = {
-    label: string;
-    isMulti?: boolean;
-    onToggle?: () => void;
-    maxWidth?: number;
-};
-export declare const AutocompleteChip: (props: AutocompleteChipProps) => import("react").JSX.Element;
-//# sourceMappingURL=AutocompleteChip.d.ts.map

package/dist/ui/Autocomplete/AutocompleteChip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutocompleteChip.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/AutocompleteChip.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,gCAsB5D,CAAC"}

package/dist/ui/Autocomplete/AutocompleteChip.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, ButtonIcon, Typography } from '@alveole/components';
-import { useStyles } from './Autocomplete.styles';
-export const AutocompleteChip = (props) => {
-    const { label, isMulti = true, onToggle, maxWidth } = props;
-    const styles = useStyles();
-    return (_jsx(Box, { style: {
-            ...styles.multiValue,
-            backgroundColor: isMulti ? styles.multiValue.backgroundColor : '#FFFFFF',
-            ...(maxWidth != null ? { maxWidth } : {}),
-        }, children: _jsxs(Box, { display: "flex", flexDirection: "row", width: isMulti ? undefined : '100%', children: [_jsx(Box, { pt: isMulti ? '025' : '000', style: maxWidth != null ? { flexShrink: 1 } : {}, children: _jsx(Typography, { style: styles.nativeValue, numberOfLines: maxWidth != null ? 1 : undefined, children: label }) }), isMulti && _jsx(ButtonIcon, { size: "sm", icon: 'X', variant: "tertiary", onPress: onToggle })] }) }));
-};

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

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

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

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

package/dist/ui/Autocomplete/index.js

@@ -1,2 +0,0 @@
-export * from './Autocomplete';
-export * from './AutocompleteChip';

package/dist/ui/AutocompleteAddress/AutocompleteAddress.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { AutocompleteOption, AutocompleteProps } from '../Autocomplete';
-export type AutocompleteAddressValue = {
-    placeId?: string;
-    address?: string;
-    postalCode?: string;
-    city?: string;
-    country?: string;
-    latitude?: number;
-    longitude?: number;
-    custom?: boolean;
-};
-export type AutocompleteAddressProps = {
-    value?: AutocompleteProps['value'];
-    suggestions?: AutocompleteOption[];
-    disabledCreation?: boolean;
-    label?: string;
-    error?: string;
-    onSearchChange?: (query: string) => void;
-    /** Appelé avec l'id de lieu quand l'utilisateur sélectionne une suggestion */
-    onPlaceSelected?: (placeId: string) => void;
-    /** Appelé avec une adresse personnalisée quand l'utilisateur crée une option */
-    onCustomAddress?: (address: string) => void;
-    /** Appelé avec null quand la sélection est effacée */
-    onClear?: () => void;
-};
-export declare const AutocompleteAddress: (props: AutocompleteAddressProps) => React.JSX.Element;
-//# sourceMappingURL=AutocompleteAddress.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutocompleteAddress.d.ts","sourceRoot":"","sources":["../../../src/ui/AutocompleteAddress/AutocompleteAddress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEtF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,8EAA8E;IAC9E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gFAAgF;IAChF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,sBA8ClE,CAAC"}

package/dist/ui/AutocompleteAddress/AutocompleteAddress.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Autocomplete } from '../Autocomplete';
-export const AutocompleteAddress = (props) => {
-    const { value, disabledCreation, error, label, suggestions = [], onSearchChange, onPlaceSelected, onCustomAddress, onClear, } = props;
-    const uniqueId = React.useId();
-    const options = suggestions.length > 0 ? suggestions : (value ?? []);
-    return (_jsx(Autocomplete, { allowCreate: disabledCreation !== true, disabledFilterSearch: true, isMulti: false, label: label ?? 'Adresse', placeholder: "ex : 3 rue Robespierre", options: options, value: value, error: error, onSearchChange: onSearchChange, onChange: selected => {
-            const place = selected[0];
-            if (!place) {
-                onClear?.();
-                return;
-            }
-            if (place.__created) {
-                onCustomAddress?.(place.label);
-                return;
-            }
-            onPlaceSelected?.(place.value);
-        } }, `autocomplete-address--${value?.map(v => v.value).join(',')}-${uniqueId}`));
-};

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

@@ -1,13 +0,0 @@
-import { AutocompleteAddressProps } from './AutocompleteAddress';
-declare const _default: {
-    title: string;
-    tags: "ui"[];
-    experimental: true;
-    description: string;
-    component: (props: AutocompleteAddressProps) => import("react").JSX.Element;
-    styleFn: () => {};
-};
-export default _default;
-export declare const Default: () => import("react").JSX.Element;
-export * as Sources from './AutocompleteAddress.stories.sources';
-//# sourceMappingURL=AutocompleteAddress.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutocompleteAddress.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/AutocompleteAddress/AutocompleteAddress.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;AAEtF,wBAQkB;AAQlB,eAAO,MAAM,OAAO,mCAuBnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uCAAuC,CAAC"}

package/dist/ui/AutocompleteAddress/AutocompleteAddress.stories.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box } from '../../core';
-import { AutocompleteAddress } from './AutocompleteAddress';
-export default {
-    title: 'AutocompleteAddress',
-    tags: ['ui'],
-    experimental: true,
-    description: 'Champ adresse basé sur Autocomplete. Le consommateur fournit les suggestions via onSearchChange/suggestions.',
-    component: AutocompleteAddress,
-    styleFn: () => ({}),
-};
-const MOCK_SUGGESTIONS = [
-    { value: 'place-1', label: '3 rue Robespierre, 75011 Paris' },
-    { value: 'place-2', label: '10 avenue de la République, 75011 Paris' },
-    { value: 'place-3', label: '5 boulevard Voltaire, 75011 Paris' },
-];
-export const Default = () => {
-    const [value, setValue] = useState([]);
-    const [suggestions, setSuggestions] = useState([]);
-    const onSearchChange = query => {
-        setSuggestions(query && query.length >= 3 ? MOCK_SUGGESTIONS : []);
-    };
-    return (_jsx(Box, { minH: 300, children: _jsx(AutocompleteAddress, { label: "Adresse", value: value, suggestions: suggestions, onSearchChange: onSearchChange, onPlaceSelected: (placeId) => {
-                const found = MOCK_SUGGESTIONS.find(s => s.value === placeId);
-                if (found)
-                    setValue([found]);
-            }, onClear: () => setValue([]) }) }));
-};
-export * as Sources from './AutocompleteAddress.stories.sources';

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

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