@inseefr/lunatic 3.8.0 → 3.8.1-rc.1

package/esm/components/Suggester/useSuggestions.d.ts

@@ -1,12 +1,31 @@
 import type { SuggesterOptionType } from './SuggesterType';
+import { SearchStore } from '../../utils/search/SuggestersDatabase';
 type Props = {
-    storeName: string;
+    store: SearchStore;
+    storeState: State;
+    setStoreState: (s: State) => any;
     selectedOptions: SuggesterOptionType[];
     allowArbitrary: boolean;
 };
 export declare const OTHER_VALUE = "OTHER";
 type State = 'success' | 'loading' | 'error';
-export declare function useSuggestions({ storeName, selectedOptions, allowArbitrary, }: Props): {
+export declare function useStore({ storeName }: {
+    storeName: string;
+}): {
+    store: {
+        error: string;
+        search?: undefined;
+        index?: undefined;
+    } | {
+        error: null;
+        search: import("../../utils/search/SearchInterface").SearchInterface<import("../../utils/search/SearchInterface").IndexEntry>;
+        index: () => Promise<void>;
+    };
+    storeState: State;
+    setStoreState: import("react").Dispatch<import("react").SetStateAction<State>>;
+    getLabelById: (id: any) => string;
+};
+export declare function useSuggestions({ store, storeState: state, setStoreState: setState, selectedOptions, allowArbitrary, }: Props): {
     search: string;
     setSearch: (s: string) => void;
     state: State;

package/esm/components/Suggester/useSuggestions.js

@@ -1,17 +1,14 @@
 import { useEffect, useState } from 'react';
 import { useEffectDebounced } from '../../hooks/useDebounce';
-import { getSearchForStore } from '../../utils/search/SuggestersDatabase';
+import { getSearchForStore, } from '../../utils/search/SuggestersDatabase';
 import { useRefSync } from '../../hooks/useRefSync';
 export const OTHER_VALUE = 'OTHER';
-export function useSuggestions({ storeName, selectedOptions, allowArbitrary, }) {
-    const [searchQuery, setSearchQuery] = useState('');
+export function useStore({ storeName }) {
     const store = getSearchForStore(storeName);
     const searchIndexRef = useRefSync(store.index);
-    // eslint-disable-next-line prefer-const
-    let [options, setOptions] = useState(selectedOptions);
     const [state, setState] = useState(store.error !== null
         ? 'error'
-        : store.search.isIndexed()
+        : (store === null || store === void 0 ? void 0 : store.search.isIndexed())
             ? 'success'
             : 'loading');
     // Index the data when the component is loaded
@@ -28,16 +25,33 @@ export function useSuggestions({ storeName, selectedOptions, allowArbitrary, })
             setState('error');
         });
     }, [searchIndexRef]);
+    return {
+        store,
+        storeState: state,
+        setStoreState: setState,
+        getLabelById: (id) => {
+            var _a, _b, _c;
+            if (!id)
+                return '';
+            return (_c = (_b = (_a = store.search) === null || _a === void 0 ? void 0 : _a.getFieldsById(id)) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '';
+        },
+    };
+}
+export function useSuggestions({ store, storeState: state, setStoreState: setState, selectedOptions, allowArbitrary, }) {
+    const [searchQuery, setSearchQuery] = useState('');
+    // eslint-disable-next-line prefer-const
+    let [options, setOptions] = useState(selectedOptions);
     useEffectDebounced(() => {
         var _a;
         // Do not reset search for empty search
         if (!searchQuery) {
             return;
         }
-        (_a = store.search) === null || _a === void 0 ? void 0 : _a.search(searchQuery).then((r) => {
-            setOptions(r);
-            setState('success');
-        }).catch(() => setState('error'));
+        if (store.error === null)
+            (_a = store.search) === null || _a === void 0 ? void 0 : _a.search(searchQuery).then((r) => {
+                setOptions(r);
+                setState('success');
+            }).catch(() => setState('error'));
     }, [searchQuery], 300);
     if (searchQuery &&
         allowArbitrary &&

package/esm/components/Suggester/useSuggestions.js.map

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

package/esm/utils/search/SearchInterface.d.ts

@@ -9,4 +9,5 @@ export interface SearchInterface<T extends IndexEntry> {
     isIndexed(): boolean;
     index(data: T[]): Promise<void>;
     search(q: string): Promise<T[]>;
+    getFieldsById(id: any): T;
 }

package/esm/utils/search/SearchMinisearch.d.ts

@@ -8,4 +8,5 @@ export declare class SearchMinisearch<T extends IndexEntry> implements SearchInt
     isIndexed(): boolean;
     index(data: T[]): Promise<void>;
     search(q: string): Promise<T[]>;
+    getFieldsById(id: any): T;
 }

package/esm/utils/search/SearchMinisearch.js

@@ -35,5 +35,11 @@ export class SearchMinisearch {
         data = data.slice(0, this.info.max);
         return data;
     }
+    getFieldsById(id) {
+        if (!this.db) {
+            return {};
+        }
+        return this.db.getStoredFields(id);
+    }
 }
 //# sourceMappingURL=SearchMinisearch.js.map

package/esm/utils/search/SearchMinisearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchMinisearch.js","sourceRoot":"","sources":["../../../src/utils/search/SearchMinisearch.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,OAAO,gBAAgB;IAO5B,YAAY,IAAgB;QAJ5B,OAAE,GAAyB,IAAI,CAAC;QAEhC,YAAO,GAAG,KAAK,CAAC;QAGf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,SAAS;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,IAAS;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5D,IAAI,CAAC,EAAE,GAAG,IAAI,UAAU,CAAC;YACxB,MAAM,EAAE,UAAU;YAClB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU;YACxD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;SAC9B,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,CAAS;QACrB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,OAAO,EAAE,CAAC;QACX,CAAC;QACD,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE;YAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;SACjC,CAAe,CAAC;QAEjB,oCAAoC;QACpC,IAAI,GAAG,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAE7B,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEpC,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}
+{"version":3,"file":"SearchMinisearch.js","sourceRoot":"","sources":["../../../src/utils/search/SearchMinisearch.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,OAAO,gBAAgB;IAO5B,YAAY,IAAgB;QAJ5B,OAAE,GAAyB,IAAI,CAAC;QAEhC,YAAO,GAAG,KAAK,CAAC;QAGf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,SAAS;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,IAAS;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;QAC5D,IAAI,CAAC,EAAE,GAAG,IAAI,UAAU,CAAC;YACxB,MAAM,EAAE,UAAU;YAClB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU;YACxD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;SAC9B,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,CAAS;QACrB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,OAAO,EAAE,CAAC;QACX,CAAC;QACD,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE;YAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;SACjC,CAAe,CAAC;QAEjB,oCAAoC;QACpC,IAAI,GAAG,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAE7B,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEpC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,aAAa,CAAC,EAAO;QACpB,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YACd,OAAO,EAAO,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,CAAM,CAAC;IACzC,CAAC;CACD"}

package/esm/utils/search/SuggestersDatabase.d.ts

@@ -4,6 +4,13 @@ import type { LunaticSource } from '../../use-lunatic/type';
  * This file retains a dictionary of all the search indexed by storeName
  */
 export declare function registerSuggesters(infos: LunaticSource['suggesters'], fetcher: (name: string) => Promise<Array<IndexEntry>>): void;
+export type SearchStore = {
+    error: string;
+} | {
+    error?: null;
+    search: SearchInterface<IndexEntry>;
+    index: () => Promise<void>;
+};
 export declare function getSearchForStore(storeName: string): {
     error: string;
     search?: undefined;

package/esm/utils/search/SuggestersDatabase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestersDatabase.js","sourceRoot":"","sources":["../../../src/utils/search/SuggestersDatabase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,UAAU,GAAG,IAAI,GAAG,EAAuC,CAAC;AAClE,6DAA6D;AAC7D,IAAI,WAAW,GAAG,CAAC,CAAS,EAA8B,EAAE,CAC3D,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAErB;;GAEG;AACH,MAAM,UAAU,kBAAkB,CACjC,KAAkC,EAClC,OAAqD;IAErD,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO;IACR,CAAC;IACD,WAAW,GAAG,OAAO,CAAC;IACtB,KAAK,MAAM,SAAS,IAAI,KAAK,EAAE,CAAC;QAC/B,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,gBAAgB,CAAa,SAAS,CAAC,CAAC,CAAC;IAC7E,CAAC;AACF,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAiB;IAClD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACb,OAAO;YACN,KAAK,EAAE,iCAAiC,GAAG,SAAS;SACpD,CAAC;IACH,CAAC;IACD,OAAO;QACN,KAAK,EAAE,IAAI;QACX,MAAM;QACN,KAAK,EAAE,GAAG,EAAE;YACX,IAAI,CAAC,MAAM,EAAE,CAAC;gBACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;YACzB,CAAC;YACD,IAAI,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC;gBACxB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAC1B,CAAC;YACD,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC;KACD,CAAC;AACH,CAAC"}
+{"version":3,"file":"SuggestersDatabase.js","sourceRoot":"","sources":["../../../src/utils/search/SuggestersDatabase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,UAAU,GAAG,IAAI,GAAG,EAAuC,CAAC;AAClE,6DAA6D;AAC7D,IAAI,WAAW,GAAG,CAAC,CAAS,EAA8B,EAAE,CAC3D,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAErB;;GAEG;AACH,MAAM,UAAU,kBAAkB,CACjC,KAAkC,EAClC,OAAqD;IAErD,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO;IACR,CAAC;IACD,WAAW,GAAG,OAAO,CAAC;IACtB,KAAK,MAAM,SAAS,IAAI,KAAK,EAAE,CAAC;QAC/B,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,gBAAgB,CAAa,SAAS,CAAC,CAAC,CAAC;IAC7E,CAAC;AACF,CAAC;AAYD,MAAM,UAAU,iBAAiB,CAAC,SAAiB;IAClD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACb,OAAO;YACN,KAAK,EAAE,iCAAiC,GAAG,SAAS;SACpD,CAAC;IACH,CAAC;IACD,OAAO;QACN,KAAK,EAAE,IAAI;QACX,MAAM;QACN,KAAK,EAAE,GAAG,EAAE;YACX,IAAI,CAAC,MAAM,EAAE,CAAC;gBACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;YACzB,CAAC;YACD,IAAI,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC;gBACxB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAC1B,CAAC;YACD,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC;KACD,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@inseefr/lunatic",
-    "version": "3.8.0",
+    "version": "3.8.1-rc.1",
     "description": "Library of questionnaire components",
     "repository": {
         "type": "git",

package/src/components/Suggester/Suggester.spec.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { describe, it, expect, vi } from 'vitest';
-import { WrappedSuggester } from './Suggester'; // Ajuste le chemin selon ton projet
+import { WrappedSuggester } from './Suggester';
 
 // Mock of useSuggestions
 vi.mock('./useSuggestions', () => ({
@@ -11,52 +11,119 @@ vi.mock('./useSuggestions', () => ({
 		setSearch: vi.fn(),
 		onFocus: vi.fn(),
 		onBlur: vi.fn(),
+		getSelectedLabelById: vi.fn(),
+	})),
+
+	useStore: vi.fn(() => ({
+		store: {},
+		storeState: 'success',
+		setStoreState: vi.fn(),
+		getLabelById: vi.fn(),
 	})),
 }));
 
+const FAKE_PLACE_HOLDER = 'place holder...';
 // Mock of CustomSuggester
 vi.mock('./CustomSuggester', () => ({
 	CustomSuggester: vi.fn(({ value }) => (
-		<div data-testid="custom-suggester">{JSON.stringify(value)}</div>
+		<div data-testid="custom-suggester">
+			{Array.isArray(value) && value.length > 0
+				? (value[0].value ?? FAKE_PLACE_HOLDER)
+				: FAKE_PLACE_HOLDER}
+		</div>
 	)),
 }));
 
 describe('WrappedSuggester useEffect', () => {
-	it('should update selectedOptions when value prop changes', () => {
-		// Given initial props
-		const initialProps = {
-			storeName: 'store',
-			id: 'suggester-1',
-			className: '',
-			handleChanges: vi.fn(),
-			disabled: false,
-			value: 'initialValue',
-			label: 'Label',
-			declarations: [],
-			description: '',
-			errors: {},
-			readOnly: false,
-			response: { name: 'response' },
-			optionResponses: [{ name: 'labelResponse', attribute: 'label' }],
-			executeExpression: vi.fn(),
-			iteration: 1,
-			arbitrary: { response: { name: 'ARBITRARY' } },
-			optionRenderer: vi.fn(),
-			labelRenderer: vi.fn(),
-			focused: false,
-		};
+	// Given initial props
+	const initialProps = {
+		storeName: 'store',
+		id: 'suggester-1',
+		className: '',
+		handleChanges: vi.fn(),
+		disabled: false,
+		value: 'initialValue',
+		label: 'Label',
+		declarations: [],
+		description: '',
+		errors: {},
+		readOnly: false,
+		response: { name: 'response' },
+		optionResponses: [{ name: 'labelResponse', attribute: 'label' }],
+		executeExpression: vi.fn(),
+		iteration: 1,
+		arbitrary: { response: { name: 'ARBITRARY' } },
+		optionRenderer: vi.fn(),
+		labelRenderer: vi.fn(),
+		focused: false,
+	};
+	it('should display place holder when no value is set', () => {
+		// Given the composant initialize
+
+		const { rerender } = render(
+			<WrappedSuggester {...initialProps} value={null} />
+		);
+		const suggesterValue = screen.getByTestId('custom-suggester').textContent;
+		expect(suggesterValue).toContain(FAKE_PLACE_HOLDER);
 
+		const forcedValue = 'FORCED value';
+
+		// When we change the value
+		const newProps = { ...initialProps, value: forcedValue };
+		rerender(<WrappedSuggester {...newProps} />);
+
+		// Then selectedOptions, i.e value props of customSuggester have to be updated
+		const updatedValue = screen.getByTestId('custom-suggester').textContent;
+		expect(updatedValue).toContain('FORCED value');
+	});
+
+	it('should update selectedOptions when value prop changes', () => {
 		// Given the composant initialize
 		const { rerender } = render(<WrappedSuggester {...initialProps} />);
 		const suggesterValue = screen.getByTestId('custom-suggester').textContent;
 		expect(suggesterValue).toContain('initialValue');
 
+		const forcedValue = 'FORCED value';
+
 		// When we change the value
-		const newProps = { ...initialProps, value: 'FORCED value' };
+		const newProps = { ...initialProps, value: forcedValue };
 		rerender(<WrappedSuggester {...newProps} />);
 
 		// Then selectedOptions, i.e value props of customSuggester have to be updated
 		const updatedValue = screen.getByTestId('custom-suggester').textContent;
 		expect(updatedValue).toContain('FORCED value');
 	});
+
+	it('should update selectedOptions when value prop is set to null', () => {
+		// Given the composant initialize
+		const { rerender } = render(<WrappedSuggester {...initialProps} />);
+		const suggesterValue = screen.getByTestId('custom-suggester').textContent;
+		expect(suggesterValue).toContain('initialValue');
+
+		const forcedValue = null;
+
+		// When we change the value
+		const newProps = { ...initialProps, value: forcedValue };
+		rerender(<WrappedSuggester {...newProps} />);
+
+		// Then selectedOptions, i.e value props of customSuggester have to be updated
+		const updatedValue = screen.getByTestId('custom-suggester').textContent;
+		expect(updatedValue).toContain(FAKE_PLACE_HOLDER);
+	});
+
+	it('should update selectedOptions when value prop is set to an empty string ("")', () => {
+		// Given the composant initialize
+		const { rerender } = render(<WrappedSuggester {...initialProps} />);
+		const suggesterValue = screen.getByTestId('custom-suggester').textContent;
+		expect(suggesterValue).toContain('initialValue');
+
+		const forcedValue = '';
+		// When we change the value
+		const newProps = { ...initialProps, value: forcedValue };
+		rerender(<WrappedSuggester {...newProps} />);
+
+		// Then selectedOptions, i.e value props of customSuggester have to be updated
+		const updatedValue = screen.getByTestId('custom-suggester').textContent;
+		expect(updatedValue).toContain(FAKE_PLACE_HOLDER);
+	});
 });

package/src/components/Suggester/Suggester.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import type { LunaticComponentProps } from '../type';
 import { CustomSuggester } from './CustomSuggester';
 import { getComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
-import { OTHER_VALUE, useSuggestions } from './useSuggestions';
+import { OTHER_VALUE, useStore, useSuggestions } from './useSuggestions';
 import D from '../../i18n';
 import type { SuggesterOptionType } from './SuggesterType';
 
@@ -15,6 +15,8 @@ export function Suggester(props: LunaticComponentProps<'Suggester'>) {
 	return <WrappedSuggester {...props} key={suggesterKey} />;
 }
 
+const ARBITRARY_ID = 'OTHER';
+
 export function WrappedSuggester({
 	storeName,
 	id,
@@ -36,18 +38,22 @@ export function WrappedSuggester({
 	arbitrary,
 	arbitraryValue,
 }: LunaticComponentProps<'Suggester'>) {
+	const { store, storeState, setStoreState, getLabelById } = useStore({
+		storeName,
+	});
+
 	// Default options should not change between render
 	// so we can break the rule of hooks here
 	const computeSelectedOptions = (): [SuggesterOptionType] | [] => {
 		if (arbitraryValue) {
-			return [{ id: 'OTHER', label: arbitraryValue, value: 'OTHER' }];
+			return [{ id: ARBITRARY_ID, label: arbitraryValue, value: ARBITRARY_ID }];
 		}
 		if (!value) {
 			return [];
 		}
 		const labelResponse = optionResponses?.find((o) => o.attribute === 'label');
 		if (!labelResponse) {
-			return [{ id: value, label: value, value: value }];
+			return [{ id: value, label: getLabelById(value), value: value }];
 		}
 		const label = executeExpression(
 			{ value: labelResponse.name, type: 'VTL' },
@@ -73,7 +79,9 @@ export function WrappedSuggester({
 
 	const { state, options, search, setSearch, onFocus, onBlur } = useSuggestions(
 		{
-			storeName: storeName,
+			store,
+			storeState,
+			setStoreState,
 			allowArbitrary: !!arbitrary,
 			selectedOptions: selectedOptions,
 		}
@@ -110,7 +118,7 @@ export function WrappedSuggester({
 			{ name: response.name, value: null },
 		];
 		// User chose an arbitrary option or clear the value
-		if (arbitrary && arbitrary.response) {
+		if (arbitrary?.response) {
 			newResponses.push({
 				name: arbitrary.response.name,
 				value: v?.id === OTHER_VALUE ? search : null,
@@ -145,11 +153,19 @@ export function WrappedSuggester({
 		setSearch('');
 	};
 
-	// Fix display issue (when handleChanges is called outside this component (in management mode, return to FORCED value by example) )
-	// We have to re-compute actual selection
 	useEffect(() => {
-		if (value) {
-			setSelectedOptions(computeSelectedOptions());
+		// Fix display issue (when handleChanges is called outside this component (in management mode, return to FORCED value by example)
+		// "value" does'nt match selectedOption's "id"
+		if (selectedOptions[0]?.id !== value) {
+			const actualSelection = computeSelectedOptions();
+			const selectedOptionsWithLabel = actualSelection.map((selection) => {
+				if (selection.id === ARBITRARY_ID) return selection;
+				return {
+					...selection,
+					label: getLabelById(selection.id),
+				};
+			}) as [SuggesterOptionType];
+			setSelectedOptions(selectedOptionsWithLabel);
 		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [value]);

package/src/components/Suggester/useSuggestions.ts

@@ -1,11 +1,16 @@
 import { useEffect, useState } from 'react';
 import type { SuggesterOptionType } from './SuggesterType';
 import { useEffectDebounced } from '../../hooks/useDebounce';
-import { getSearchForStore } from '../../utils/search/SuggestersDatabase';
+import {
+	getSearchForStore,
+	SearchStore,
+} from '../../utils/search/SuggestersDatabase';
 import { useRefSync } from '../../hooks/useRefSync';
 
 type Props = {
-	storeName: string;
+	store: SearchStore;
+	storeState: State;
+	setStoreState: (s: State) => any;
 	selectedOptions: SuggesterOptionType[];
 	allowArbitrary: boolean;
 };
@@ -14,20 +19,13 @@ export const OTHER_VALUE = 'OTHER';
 
 type State = 'success' | 'loading' | 'error';
 
-export function useSuggestions({
-	storeName,
-	selectedOptions,
-	allowArbitrary,
-}: Props) {
-	const [searchQuery, setSearchQuery] = useState('');
+export function useStore({ storeName }: { storeName: string }) {
 	const store = getSearchForStore(storeName);
 	const searchIndexRef = useRefSync(store.index);
-	// eslint-disable-next-line prefer-const
-	let [options, setOptions] = useState(selectedOptions);
 	const [state, setState] = useState<State>(
 		store.error !== null
 			? 'error'
-			: store.search.isIndexed()
+			: store?.search.isIndexed()
 				? 'success'
 				: 'loading'
 	);
@@ -47,19 +45,42 @@ export function useSuggestions({
 			});
 	}, [searchIndexRef]);
 
+	return {
+		store,
+		storeState: state,
+		setStoreState: setState,
+		getLabelById: (id: any) => {
+			if (!id) return '';
+			return store.search?.getFieldsById(id)?.label ?? '';
+		},
+	};
+}
+
+export function useSuggestions({
+	store,
+	storeState: state,
+	setStoreState: setState,
+	selectedOptions,
+	allowArbitrary,
+}: Props) {
+	const [searchQuery, setSearchQuery] = useState('');
+	// eslint-disable-next-line prefer-const
+	let [options, setOptions] = useState(selectedOptions);
+
 	useEffectDebounced(
 		() => {
 			// Do not reset search for empty search
 			if (!searchQuery) {
 				return;
 			}
-			store.search
-				?.search(searchQuery)
-				.then((r) => {
-					setOptions(r);
-					setState('success');
-				})
-				.catch(() => setState('error'));
+			if (store.error === null)
+				store.search
+					?.search(searchQuery)
+					.then((r) => {
+						setOptions(r);
+						setState('success');
+					})
+					.catch(() => setState('error'));
 		},
 		[searchQuery],
 		300

package/src/utils/search/SearchInterface.ts

@@ -14,4 +14,6 @@ export interface SearchInterface<T extends IndexEntry> {
 	index(data: T[]): Promise<void>;
 
 	search(q: string): Promise<T[]>;
+
+	getFieldsById(id: any): T;
 }

package/src/utils/search/SearchMinisearch.ts

@@ -51,4 +51,11 @@ export class SearchMinisearch<T extends IndexEntry>
 
 		return data;
 	}
+
+	getFieldsById(id: any) {
+		if (!this.db) {
+			return {} as T;
+		}
+		return this.db.getStoredFields(id) as T;
+	}
 }

package/src/utils/search/SuggestersDatabase.ts

@@ -23,6 +23,16 @@ export function registerSuggesters(
 	}
 }
 
+export type SearchStore =
+	| {
+			error: string;
+	  }
+	| {
+			error?: null;
+			search: SearchInterface<IndexEntry>;
+			index: () => Promise<void>;
+	  };
+
 export function getSearchForStore(storeName: string) {
 	const search = suggesters.get(storeName);
 	if (!search) {