@inseefr/lunatic 3.0.0-rc.13 → 3.0.0-rc.15

package/lib/src/components/Suggester/useSuggestions.js

@@ -0,0 +1,86 @@
+import { useMemo, useRef, useState } from 'react';
+import { createSearching } from './helpers';
+import { useEffectDebounced } from '../../hooks/useDebounce';
+import { SuggesterStatus } from '../../use-lunatic/use-suggesters';
+export const OTHER_VALUE = 'OTHER';
+const getStateFromSuggesterStatus = (suggesterStatus) => {
+    if (suggesterStatus === SuggesterStatus.error ||
+        suggesterStatus === SuggesterStatus.unknown) {
+        return 'error';
+    }
+    return 'success';
+};
+export function useSuggestions({ indexStatus, storeName, idbVersion, workersBasePath, selectedOptions, allowArbitrary, }) {
+    const [search, setSearch] = useState('');
+    const isReady = indexStatus === SuggesterStatus.success;
+    const lastSearch = useRef();
+    const [state, setState] = useState(getStateFromSuggesterStatus(indexStatus));
+    let [options, setOptions] = useState(selectedOptions);
+    const searching = useMemo(() => {
+        if (!isReady) {
+            // While waiting for the search to be ready, remember the last search done
+            return (name) => {
+                return new Promise((resolve) => {
+                    lastSearch.current = [name, resolve];
+                });
+            };
+        }
+        const searching = createSearching(storeName, idbVersion, workersBasePath);
+        // Solve the last pending search
+        const pendingSearch = lastSearch.current;
+        if (pendingSearch && pendingSearch[0]) {
+            searching(pendingSearch[0]).then((r) => pendingSearch[1](r));
+            lastSearch.current = undefined;
+        }
+        return searching;
+    }, [isReady, storeName, idbVersion, workersBasePath]);
+    useEffectDebounced(() => {
+        searching?.(search)
+            .then((r) => {
+            setOptions(r.results);
+            setState('success');
+        })
+            .catch(() => setState('error'));
+    }, [search], 300);
+    if (search && allowArbitrary && options.length === 0 && state === 'success') {
+        options = [
+            {
+                id: OTHER_VALUE,
+                label: search,
+                value: OTHER_VALUE,
+            },
+        ];
+    }
+    // Since the underlying implementation of onFocus / onBlur can be wrong, ensure we don't call focus / blur handler multiple times
+    const [isFocused, setFocused] = useState(false);
+    return {
+        search,
+        setSearch: (s) => {
+            if (state === 'error') {
+                return;
+            }
+            setState('loading');
+            setSearch(s);
+        },
+        state,
+        options: isFocused ? options : selectedOptions,
+        onBlur: () => {
+            // Prevent extra calls
+            if (!isFocused) {
+                return;
+            }
+            setFocused(false);
+            setSearch('');
+            setOptions(selectedOptions);
+        },
+        onFocus: () => {
+            // Prevent extra calls
+            if (isFocused) {
+                return;
+            }
+            setFocused(true);
+            setSearch(selectedOptions[0]?.label ?? '');
+        },
+    };
+}
+//# sourceMappingURL=useSuggestions.js.map

package/lib/src/components/Suggester/useSuggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSuggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggester/useSuggestions.ts"],"names":[],"mappings":"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"}

package/lib/src/components/Switch/Switch.d.ts

@@ -15,5 +15,6 @@ export declare const Switch: React.ComponentType<import("../type").LunaticBasePr
         true: string;
         false: string;
     } | undefined;
+    componentType?: "Switch" | undefined;
 }>;
 export {};

package/lib/src/components/library.d.ts

@@ -4,6 +4,7 @@ import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
 import { CheckboxBoolean } from './CheckboxBoolean/CheckboxBoolean';
 import { Input } from './Input/Input';
 import { Textarea } from './Textarea/Textarea';
+import type { LunaticComponentProps } from './type';
 import type { ComponentType } from 'react';
 import { InputNumber } from './InputNumber/InputNumber';
 import { Duration } from './Duration/Duration';
@@ -14,15 +15,19 @@ import { CheckboxOne } from './CheckboxOne/CheckboxOne';
 import { Suggester } from './Suggester/Suggester';
 import { Summary } from './Summary/Summary';
 export declare const library: {
-    Sequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style">>;
-    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "declarations" | "id">>;
+    Sequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style"> & {
+        componentType?: "Sequence" | undefined;
+    }>;
+    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "declarations" | "id"> & {
+        componentType?: "Subsequence" | undefined;
+    }>;
     RosterForLoop: (props: import("./type").LunaticBaseProps<unknown> & {
         lines: {
             min: number;
             max: number;
         };
         iterations: number;
-        getComponents: (n: number) => import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+        getComponents: (n: number) => LunaticComponentProps<keyof import("./type").ComponentPropsByType>[];
         executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
             iteration?: number | number[] | undefined;
             bindingDependencies?: string[] | undefined;
@@ -35,6 +40,7 @@ export declare const library: {
             colspan?: number | undefined;
         }[] | undefined;
         paginatedLoop?: boolean | undefined;
+        componentType?: "RosterForLoop" | undefined;
     }) => import("react/jsx-runtime").JSX.Element | null;
     Loop: typeof Loop;
     Table: typeof Table;
@@ -53,6 +59,7 @@ export declare const library: {
         response: {
             name: string;
         };
+        componentType?: "Radio" | undefined;
     }>;
     Input: typeof Input;
     Duration: typeof Duration;
@@ -65,9 +72,11 @@ export declare const library: {
             true: string;
             false: string;
         } | undefined;
+        componentType?: "Switch" | undefined;
     }>;
     Question: ({ components, ...props }: Pick<import("./type").LunaticBaseProps<unknown>, "label" | "description" | "declarations" | "id"> & {
-        components: import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+        components: LunaticComponentProps<keyof import("./type").ComponentPropsByType>[];
+        componentType?: "Question" | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     FilterDescription: ({ id, label }: {
         id: string;
@@ -86,7 +95,8 @@ export declare const library: {
         yAxisIterations: number;
         symLinks: Record<string, Record<string, string>>;
         value: Record<string, unknown[]>;
-        getComponents: (x: number, y: number) => import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+        getComponents: (x: number, y: number) => LunaticComponentProps<keyof import("./type").ComponentPropsByType>[];
+        componentType?: "PairwiseLinks" | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Roundabout: typeof Roundabout;
     Suggester: typeof Suggester;

package/lib/src/components/shared/Combobox/Combobox.d.ts

@@ -14,8 +14,10 @@ type Props = ComboboxSelectionProps & ComboboxPanelProps & {
     onChange?: (s: string | null) => void;
     onSelect: (s: string | null) => void;
     onBlur?: () => void;
+    onFocus?: () => void;
     options: ComboboxOptionType[];
     readOnly?: boolean;
+    isLoading?: boolean;
 };
 export declare const Combobox: import("react").ComponentType<Props>;
 export {};

package/lib/src/components/shared/Combobox/Combobox.js

@@ -11,16 +11,16 @@ import { between, forceInt } from '../../../utils/number';
 import { Label } from '../Label/Label';
 import { slottableComponent } from '../HOC/slottableComponent';
 const EMPTY_SEARCH = '';
-function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = 'Commencez votre saisie...', editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, messageError, search: searchProps = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, errors, onBlur, }) {
+function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = 'Commencez votre saisie...', editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, errors, onBlur, onFocus, isLoading, }) {
     const [expanded, setExpanded] = useState(false);
     const [focused, setFocused] = useState(false);
-    const [search, setSearch] = useState(searchProps ?? '');
     const selectedIndex = getIndexFromOptions(options, value, getOptionValue);
     const labelId = `label-${id}`;
     const handleFocus = () => {
         if (disabled || readOnly) {
             return;
         }
+        onFocus?.();
         setExpanded(true);
         setFocused(true);
     };
@@ -28,24 +28,23 @@ function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-sty
         if (disabled || readOnly) {
             return;
         }
-        onBlur?.();
         setExpanded(false);
         setFocused(false);
+        onBlur?.();
     };
     const handleSelect = (index, close = true) => {
         const indexNumber = between(forceInt(index), 0, options.length);
         const option = options[indexNumber];
         if (close) {
             setExpanded(false);
+            onBlur?.();
         }
         onSelect(getOptionValue(option));
     };
     const handleChange = (s) => {
-        setSearch(s ?? '');
         onChange?.(s);
     };
     const handleClear = () => {
-        setSearch('');
         setExpanded(false);
         onChange?.(EMPTY_SEARCH);
         onSelect(null);
@@ -78,7 +77,7 @@ function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-sty
     if (messageError) {
         return (_jsx("div", { className: "lunatic-combo-box-message-error", children: messageError }));
     }
-    return (_jsxs(ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsxs(ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [_jsx(ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), _jsx(ComboboxPanel, { optionRenderer: optionRenderer, options: options, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && (_jsx(ComboboxClearButton, { className: classnames({ focused }), search: search, onClick: handleClear, editable: editable }))] }));
+    return (_jsxs(ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsxs(ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [_jsx(ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), _jsx(ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && (_jsx(ComboboxClearButton, { className: classnames({ focused }), search: search, onClick: handleClear, editable: editable }))] }));
 }
 function getIndexFromOptions(options, value, getOptionValue) {
     if (!Array.isArray(options)) {

package/lib/src/components/shared/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/lib/src/components/shared/Combobox/ComboboxType.d.ts

@@ -46,5 +46,6 @@ export type ComboboxPanelProps = {
     expanded?: boolean;
     id?: string;
     search?: string;
+    isLoading?: boolean;
     onSelect: (value: string) => void;
 };

package/lib/src/components/shared/Combobox/Panel/ComboboxOption.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
 import { slottableComponent } from '../../HOC/slottableComponent';
+import D from '../../../../i18n';
 export const ComboboxOption = slottableComponent('ComboboxOption', ({ option, selected }) => {
     const { id, value, label } = option;
+    if (value === 'OTHER') {
+        return (_jsx("div", { className: classnames('lunatic-combo-box-option', { selected }), children: _jsx("span", { className: "label", children: `${D.SUGGESTER_NO_RESULT} : ${D.SUGGESTER_ARBITRARY} "${label}"` }) }));
+    }
     if (label && typeof label === 'string' && label.length) {
         return (_jsxs("div", { className: classnames('lunatic-combo-box-option', { selected }), children: [_jsx("span", { className: "id", children: id || value }), _jsx("span", { children: " - " }), _jsx("span", { className: "label", children: label })] }));
     }

package/lib/src/components/shared/Combobox/Panel/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAOlE,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/C,gBAAgB,EAChB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC/B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEpC,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACxD,OAAO,CACN,eAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,aACnE,eAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,EACzC,iCAAgB,EAChB,eAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,IACjC,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,eAAM,SAAS,EAAC,IAAI,YAAE,EAAE,GAAQ,GAC3B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,CAAC,MAAM,kBAAkB,CAAC;AAOjC,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/C,gBAAgB,EAChB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC/B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEpC,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,eAAM,SAAS,EAAC,OAAO,YACrB,GAAG,CAAC,CAAC,mBAAmB,MAAM,CAAC,CAAC,mBAAmB,KAAK,KAAK,GAAG,GAC3D,GACF,CACN,CAAC;IACH,CAAC;IAED,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACxD,OAAO,CACN,eAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,aACnE,eAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,EACzC,iCAAgB,EAChB,eAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,IACjC,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,eAAM,SAAS,EAAC,IAAI,YAAE,EAAE,GAAQ,GAC3B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/lib/src/components/shared/Combobox/Panel/ComboboxPanel.d.ts

@@ -2,4 +2,4 @@ import type { ComboboxPanelProps } from '../ComboboxType';
 /**
  * Floating menu containing selectable options
  */
-export declare function ComboboxPanel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, }: ComboboxPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxPanel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, isLoading, }: ComboboxPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/src/components/shared/Combobox/Panel/ComboboxPanel.js

@@ -2,12 +2,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ComboboxOptionContainer } from './ComboboxOptionContainer';
 import { ComboboxPanelContainer } from './ComboboxPanelContainer';
 import { ComboboxOption } from './ComboboxOption';
+import D from '../../../../i18n';
 /**
  * Floating menu containing selectable options
  */
-export function ComboboxPanel({ optionRenderer: OptionRender, options = [], focused, selectedIndex, expanded, id, search, onSelect, }) {
+export function ComboboxPanel({ optionRenderer: OptionRender, options = [], focused, selectedIndex, expanded, id, search, onSelect, isLoading, }) {
     const visibleOptions = expanded ? options : [];
     const ComboBoxOptionComponent = OptionRender ?? ComboboxOption;
+    // Do not display the panel if it's empty
+    if (visibleOptions.length === 0 && !search) {
+        return null;
+    }
+    if (isLoading) {
+        return (_jsx(ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: _jsx("div", { className: "lunatic-combo-box-option", children: _jsx("span", { className: "label", children: D.SUGGESTER_LOADING }) }) }));
+    }
+    if (search && visibleOptions.length === 0) {
+        return (_jsx(ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: _jsx("div", { className: "lunatic-combo-box-option", children: _jsx("span", { className: "label", children: D.SUGGESTER_NO_RESULT }) }) }));
+    }
+    if (visibleOptions.length === 0) {
+        return (_jsx(ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: _jsx("div", { className: "lunatic-combo-box-option", children: _jsx("span", { className: "label", children: D.SUGGESTER_NO_RESULT }) }) }));
+    }
     return (_jsx(ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: visibleOptions.map((option, index) => (_jsx(ComboboxOptionContainer, { index: index.toString(), selected: selectedIndex === index, onSelect: onSelect, children: _jsx(ComboBoxOptionComponent, { option: option, selected: selectedIndex === index, search: search }) }, option.id ?? option.value))) }));
 }
 //# sourceMappingURL=ComboboxPanel.js.map

package/lib/src/components/shared/Combobox/Panel/ComboboxPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPanel.js","sourceRoot":"","sources":["../../../../../../src/components/shared/Combobox/Panel/ComboboxPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC7B,cAAc,EAAE,YAAY,EAC5B,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,GACY;IACpB,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/C,MAAM,uBAAuB,GAAG,YAAY,IAAI,cAAc,CAAC;IAC/D,OAAO,CACN,KAAC,sBAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEf,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,uBAAuB,IAEvB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvB,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,QAAQ,EAAE,QAAQ,YAElB,KAAC,uBAAuB,IACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,MAAM,EAAE,MAAM,GACb,IATG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,CAUL,CAC1B,CAAC,GACsB,CACzB,CAAC;AACH,CAAC"}
+{"version":3,"file":"ComboboxPanel.js","sourceRoot":"","sources":["../../../../../../src/components/shared/Combobox/Panel/ComboboxPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,CAAC,MAAM,kBAAkB,CAAC;AAEjC;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC7B,cAAc,EAAE,YAAY,EAC5B,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,SAAS,GACW;IACpB,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/C,MAAM,uBAAuB,GAAG,YAAY,IAAI,cAAc,CAAC;IAE/D,yCAAyC;IACzC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACf,OAAO,CACN,KAAC,sBAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,cAAK,SAAS,EAAC,0BAA0B,YACxC,eAAM,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,iBAAiB,GAAQ,GAC/C,GACkB,CACzB,CAAC;IACH,CAAC;IAED,IAAI,MAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3C,OAAO,CACN,KAAC,sBAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,cAAK,SAAS,EAAC,0BAA0B,YACxC,eAAM,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,GAAQ,GACjD,GACkB,CACzB,CAAC;IACH,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,CACN,KAAC,sBAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,cAAK,SAAS,EAAC,0BAA0B,YACxC,eAAM,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,mBAAmB,GAAQ,GACjD,GACkB,CACzB,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,sBAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEf,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,uBAAuB,IAEvB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvB,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,QAAQ,EAAE,QAAQ,YAElB,KAAC,uBAAuB,IACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,MAAM,EAAE,MAAM,GACb,IATG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,CAUL,CAC1B,CAAC,GACsB,CACzB,CAAC;AACH,CAAC"}

package/lib/src/components/shared/Combobox/Selection/ComboboxLabelSelection.js

@@ -13,6 +13,12 @@ function getContent(option, search, placeholder) {
 }
 const LunaticComboBoxLabelSelection = ({ option, placeholder, search, disabled = false, readOnly = false, }) => {
     const isPlaceholder = !option && (!search || search.length === 0);
+    if (option?.value === 'OTHER') {
+        return (_jsx("div", { className: classNames('lunatic-combo-box-selected', {
+                disabled,
+                readOnly,
+            }), children: _jsx("span", { className: "selection", children: option.label }) }));
+    }
     return (_jsx("div", { className: classNames('lunatic-combo-box-selected', {
             disabled,
             readOnly,

package/lib/src/components/shared/Combobox/Selection/ComboboxLabelSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxLabelSelection.js","sourceRoot":"","sources":["../../../../../../src/components/shared/Combobox/Selection/ComboboxLabelSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAUlE,SAAS,UAAU,CAClB,MAAuB,EACvB,MAAwB,EACxB,WAAoB;IAEpB,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACpC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC;IAC1D,CAAC;IACD,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,WAAW,IAAI,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,6BAA6B,GAAG,CAAC,EACtC,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACT,EAAE,EAAE;IACX,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAClE,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;YACnD,QAAQ;YACR,QAAQ;SACR,CAAC,YAEF,eACC,SAAS,EAAE,UAAU,CAAC;gBACrB,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,CAAC,aAAa;aACzB,CAAC,YAED,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,GAClC,GACF,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CACvD,wBAAwB,EACxB,6BAA6B,CAC7B,CAAC"}
+{"version":3,"file":"ComboboxLabelSelection.js","sourceRoot":"","sources":["../../../../../../src/components/shared/Combobox/Selection/ComboboxLabelSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAUlE,SAAS,UAAU,CAClB,MAAuB,EACvB,MAAwB,EACxB,WAAoB;IAEpB,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACpC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC;IAC1D,CAAC;IACD,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,WAAW,IAAI,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,6BAA6B,GAAG,CAAC,EACtC,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACT,EAAE,EAAE;IACX,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAClE,IAAI,MAAM,EAAE,KAAK,KAAK,OAAO,EAAE,CAAC;QAC/B,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;gBACnD,QAAQ;gBACR,QAAQ;aACR,CAAC,YAEF,eAAM,SAAS,EAAC,WAAW,YAAE,MAAM,CAAC,KAAK,GAAQ,GAC5C,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;YACnD,QAAQ;YACR,QAAQ;SACR,CAAC,YAEF,eACC,SAAS,EAAE,UAAU,CAAC;gBACrB,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,CAAC,aAAa;aACzB,CAAC,YAED,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,GAClC,GACF,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CACvD,wBAAwB,EACxB,6BAA6B,CAC7B,CAAC"}

package/lib/src/components/type.d.ts

@@ -1,6 +1,5 @@
 import type { CSSProperties, FunctionComponent, ReactNode } from 'react';
 import useLunatic from '../use-lunatic';
-import type { FilledLunaticComponentProps } from '../use-lunatic/commons/fill-components/fill-components';
 import type { LunaticComponentDefinition, LunaticError, LunaticState } from '../use-lunatic/type';
 import { SuggesterStatus } from '../use-lunatic/use-suggesters';
 type Formats = 'PTnHnM' | 'PnYnM';
@@ -40,7 +39,6 @@ export type LunaticBaseProps<ValueType = unknown> = {
         label: ReactNode;
     }[];
     features?: string[];
-    componentType?: string;
     goNextPage?: () => void;
     goPreviousPage?: () => void;
 };
@@ -57,7 +55,7 @@ export type SuggesterOption = {
         fields: string[];
     }>;
 };
-type ComponentPropsByType = {
+export type ComponentPropsByType = {
     InputNumber: LunaticBaseProps<number | null> & {
         min?: number;
         max?: number;
@@ -66,12 +64,14 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'InputNumber';
     };
     Duration: LunaticBaseProps<string | null> & {
         format: Formats;
         response: {
             name: string;
         };
+        componentType?: 'Duration';
     };
     Input: LunaticBaseProps<string> & {
         maxLength?: number;
@@ -79,11 +79,17 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'Input';
+    };
+    Sequence: Pick<LunaticBaseProps<string>, 'id' | 'label' | 'style' | 'declarations' | 'description'> & {
+        componentType?: 'Sequence';
+    };
+    Subsequence: Pick<LunaticBaseProps<string>, 'id' | 'label' | 'declarations'> & {
+        componentType?: 'Subsequence';
     };
-    Sequence: Pick<LunaticBaseProps<string>, 'id' | 'label' | 'style' | 'declarations' | 'description'>;
-    Subsequence: Pick<LunaticBaseProps<string>, 'id' | 'label' | 'declarations'>;
     Question: Pick<LunaticBaseProps<unknown>, 'label' | 'id' | 'description' | 'declarations'> & {
-        components: FilledLunaticComponentProps[];
+        components: LunaticComponentProps[];
+        componentType?: 'Question';
     };
     RosterForLoop: LunaticBaseProps<unknown> & {
         lines: {
@@ -91,7 +97,7 @@ type ComponentPropsByType = {
             max: number;
         };
         iterations: number;
-        getComponents: (n: number) => FilledLunaticComponentProps[];
+        getComponents: (n: number) => LunaticComponentProps[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
         header?: Array<{
@@ -100,6 +106,7 @@ type ComponentPropsByType = {
             colspan?: number;
         }>;
         paginatedLoop?: boolean;
+        componentType?: 'RosterForLoop';
     };
     Loop: LunaticBaseProps<unknown> & {
         lines: {
@@ -107,13 +114,14 @@ type ComponentPropsByType = {
             max: number;
         };
         iterations: number;
-        getComponents: (n: number) => FilledLunaticComponentProps[];
+        getComponents: (n: number) => LunaticComponentProps[];
         executeExpression: LunaticState['executeExpression'];
         value: Record<string, unknown[]>;
         header?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
+        componentType?: 'Loop';
     };
     Table: LunaticBaseProps<unknown> & {
         value: Record<string, unknown>;
@@ -122,12 +130,13 @@ type ComponentPropsByType = {
             rowspan?: number;
             colspan?: number;
         }>;
-        body: (FilledLunaticComponentProps & {
+        body: (LunaticComponentProps & {
             colspan?: number;
             rowspan?: number;
         })[][];
         executeExpression: LunaticState['executeExpression'];
         iteration: LunaticState['pager']['iteration'];
+        componentType?: 'Table';
     };
     Datepicker: LunaticBaseProps<string | null> & {
         dateFormat: 'YYYY-MM-DD' | 'YYYY-MM' | 'YYYY';
@@ -136,6 +145,7 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'Datepicker';
     };
     CheckboxGroup: LunaticBaseProps<Record<string, boolean | null>> & {
         responses: Array<{
@@ -149,6 +159,7 @@ type ComponentPropsByType = {
         handleChange: (response: {
             name: string;
         }, value: boolean, args?: Record<string, unknown>) => void;
+        componentType?: 'CheckboxGroup';
     };
     CheckboxOne: LunaticBaseProps<string | null> & {
         options: Array<{
@@ -159,6 +170,7 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'CheckboxOne';
     };
     Switch: LunaticBaseProps<boolean> & {
         response: {
@@ -168,11 +180,13 @@ type ComponentPropsByType = {
             true: string;
             false: string;
         };
+        componentType?: 'Switch';
     };
     CheckboxBoolean: LunaticBaseProps<boolean> & {
         response: {
             name: string;
         };
+        componentType?: 'CheckboxBoolean';
     };
     Radio: LunaticBaseProps<string | null> & {
         options: Array<{
@@ -184,6 +198,7 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'Radio';
     };
     Roundabout: LunaticBaseProps<string> & {
         iterations: number;
@@ -196,6 +211,7 @@ type ComponentPropsByType = {
             partial?: Array<boolean>;
             label?: Array<string>;
         };
+        componentType?: 'Roundabout';
     };
     Dropdown: LunaticBaseProps<string | null> & {
         options: Array<{
@@ -206,6 +222,7 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'Dropdown';
     };
     Textarea: LunaticBaseProps<string> & {
         cols?: number;
@@ -215,8 +232,11 @@ type ComponentPropsByType = {
         response: {
             name: string;
         };
+        componentType?: 'Textarea';
+    };
+    FilterDescription: Pick<LunaticBaseProps<string>, 'id' | 'label'> & {
+        componentType?: 'FilterDescription';
     };
-    FilterDescription: Pick<LunaticBaseProps<string>, 'id' | 'label'>;
     PairwiseLinks: Omit<LunaticBaseProps, 'value'> & {
         components: LunaticComponentDefinition[];
         features?: LunaticState['features'];
@@ -225,9 +245,11 @@ type ComponentPropsByType = {
         yAxisIterations: number;
         symLinks: Record<string, Record<string, string>>;
         value: Record<string, unknown[]>;
-        getComponents: (x: number, y: number) => FilledLunaticComponentProps[];
+        getComponents: (x: number, y: number) => LunaticComponentProps[];
+        componentType?: 'PairwiseLinks';
     };
     Suggester: LunaticBaseProps<string | null> & {
+        componentType?: 'Suggester';
         storeName: string;
         workersBasePath?: string;
         getSuggesterStatus: (name: string) => {
@@ -253,10 +275,18 @@ type ComponentPropsByType = {
             name: string;
             attribute: string;
         }[];
+        arbitrary: {
+            response: {
+                name: string;
+            };
+        };
+        arbitraryValue?: string;
+        allowArbitrary?: boolean;
         executeExpression: LunaticState['executeExpression'];
         iteration: LunaticState['pager']['iteration'];
     };
     Summary: LunaticBaseProps<string | null> & {
+        componentType?: 'Summary';
         executeExpression: LunaticState['executeExpression'];
         sections: Array<{
             id: string;

package/lib/src/components/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/type.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAOxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/type.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAMxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC"}

package/lib/src/hooks/use-track-changes.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
-import { useRefSync } from './use-ref-sync';
+import { useRefSync } from './useRefSync';
 /**
  * Allow tracking changed while interacting with Lunatic forms
  */

package/lib/src/hooks/use-track-changes.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-track-changes.js","sourceRoot":"","sources":["../../../src/hooks/use-track-changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C;;GAEG;AACH,MAAM,UAAU,eAAe,CAC9B,OAAgB,EAChB,KAA4B,EAC5B,OAAyC;IAEzC,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;IACnD,+CAA+C;IAC/C,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;YACxB,OAAO;QACR,CAAC;QACD,MAAM,YAAY,GAAG,CAAC,CAAuC,EAAE,EAAE;YAChE,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC,CAAC;QACF,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,kCAAkC;IAClC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,WAAW,CACjC,CAAC,QAAiB,KAAK,EAAE,EAAE;QAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACd,gHAAgH,CAChH,CAAC;QACH,CAAC;QACD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QACtE,IAAI,KAAK,EAAE,CAAC;YACX,gBAAgB,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAC1C,CAAC;IAEF,OAAO;QACN,cAAc;QACd,gBAAgB;KAChB,CAAC;AACH,CAAC"}
+{"version":3,"file":"use-track-changes.js","sourceRoot":"","sources":["../../../src/hooks/use-track-changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C;;GAEG;AACH,MAAM,UAAU,eAAe,CAC9B,OAAgB,EAChB,KAA4B,EAC5B,OAAyC;IAEzC,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;IACnD,+CAA+C;IAC/C,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;YACxB,OAAO;QACR,CAAC;QACD,MAAM,YAAY,GAAG,CAAC,CAAuC,EAAE,EAAE;YAChE,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC,CAAC;QACF,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,kCAAkC;IAClC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,WAAW,CACjC,CAAC,QAAiB,KAAK,EAAE,EAAE;QAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACd,gHAAgH,CAChH,CAAC;QACH,CAAC;QACD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QACtE,IAAI,KAAK,EAAE,CAAC;YACX,gBAAgB,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAC1C,CAAC;IAEF,OAAO;QACN,cAAc;QACd,gBAAgB;KAChB,CAAC;AACH,CAAC"}

package/lib/src/hooks/useDebounce.d.ts

@@ -0,0 +1,4 @@
+import { type DependencyList } from 'react';
+export declare const useDebounce: <A extends unknown[], R = void>(fn: (...args: A) => R, ms: number) => (...args: A) => Promise<R>;
+export declare const useDebouncedState: <A>(initialState: A, ms: number) => [A, (args: A) => void];
+export declare const useEffectDebounced: (cb: () => void, deps: DependencyList, ms: number) => void;

package/lib/src/hooks/useDebounce.js

@@ -0,0 +1,23 @@
+import { useEffect, useMemo, useState } from 'react';
+import { debounce } from '../utils/function';
+import { useRefSync } from './useRefSync';
+export const useDebounce = (fn, ms) => {
+    const fnRef = useRefSync(fn);
+    const [debouncedFun, teardown] = useMemo(() => {
+        return debounce((...args) => fnRef.current(...args), ms);
+    }, []);
+    useEffect(() => teardown, []);
+    return debouncedFun;
+};
+export const useDebouncedState = (initialState, ms) => {
+    const [state, setState] = useState(initialState);
+    const debounceSetState = useDebounce(setState, ms);
+    return [state, debounceSetState];
+};
+export const useEffectDebounced = (cb, deps, ms) => {
+    const debouncedCb = useDebounce(cb, ms);
+    useEffect(() => {
+        debouncedCb().catch(console.error);
+    }, deps);
+};
+//# sourceMappingURL=useDebounce.js.map

package/lib/src/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAC1B,EAAqB,EACrB,EAAU,EACqB,EAAE;IACjC,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7C,OAAO,QAAQ,CAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAE9B,OAAO,YAA0C,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAChC,YAAe,EACf,EAAU,EACe,EAAE;IAC3B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,gBAAgB,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnD,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CACjC,EAAc,EACd,IAAoB,EACpB,EAAU,EACT,EAAE;IACH,MAAM,WAAW,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC,CAAC"}