@inseefr/lunatic 2.4.4 → 2.4.5-mvp-eap

package/lib/components/suggester/lunatic-suggester.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _idbSuggester = require("./idb-suggester");
+var _react = require("react");
+var _commons = require("../commons");
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
-var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
+var _idbSuggester = require("./idb-suggester");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticSuggester(_ref) {
@@ -28,12 +29,34 @@ function LunaticSuggester(_ref) {
     missingResponse = _ref.missingResponse,
     management = _ref.management,
     response = _ref.response,
+    responses = _ref.responses,
     getSuggesterStatus = _ref.getSuggesterStatus;
-  var onChange = (0, _useOnHandleChange["default"])({
+  // ToDo :
+  /**
+   * response -> responses
+   * onChange(id) -> onChange({ code: '', label: '', info: '' }) -> onSelect in subComponent
+   * useOnHandleChange -> update to handleChange on 3 response REPONSENAME (historical value i.e the code), REPONSENAME_LABEL, REPONSENAME_INFO
+   */
+  // @ts-ignore
+  var onChangeSimple = (0, _commons.useOnHandleChange)({
     handleChange: handleChange,
     response: response,
     value: value
   });
+  var onChange = (0, _react.useCallback)(function (option) {
+    if (responses) {
+      responses.forEach(function (r) {
+        // @ts-ignore
+        if (value[r.id] != option[r.id]) {
+          // @ts-ignore
+          handleChange(r.response, option[r.id]);
+        }
+      });
+    } else {
+      // @ts-ignore
+      onChangeSimple(option === null || option === void 0 ? void 0 : option.id);
+    }
+  }, [handleChange, onChangeSimple, responses, value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
     id: id,
     preferences: preferences,
@@ -48,8 +71,12 @@ function LunaticSuggester(_ref) {
       storeName: storeName,
       optionRenderer: optionRenderer,
       labelRenderer: labelRenderer,
-      idbVersion: idbVersion,
+      idbVersion: idbVersion
+      // @ts-ignore
+      ,
       onSelect: onChange,
+      responses: responses,
+      response: response,
       disabled: disabled,
       id: id,
       value: value,

package/lib/hooks/use-did-change.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDidChange = useDidChange;
+var _react = require("react");
+/**
+ * Hook for debug purpose that log the data that changed between 2 renders
+ */
+function useDidChange(obj, suffix) {
+  var ref = (0, _react.useRef)(obj);
+  for (var key in obj) {
+    if (obj[key] !== ref.current[key]) {
+      console.log("\"".concat(key, "\" has changed ").concat(suffix !== null && suffix !== void 0 ? suffix : ''), obj[key]);
+    }
+  }
+  ref.current = obj;
+}

package/lib/src/components/commons/components/combo-box/combo-box.d.ts

@@ -1,20 +1,20 @@
 import { ReactNode } from 'react';
+import { LunaticBaseProps } from '../../../type';
 import './combo-box.scss';
 import { ComboBoxOption } from './combo-box.type';
-import { SelectionProps } from './selection/selection';
 import { PanelProps } from './panel/panel';
-import { LunaticBaseProps } from '../../../type';
+import { SelectionProps } from './selection/selection';
 type Props = SelectionProps & PanelProps & {
     className?: string;
     classStyle?: string;
     value: string | null;
     messageError?: string;
-    getOptionValue?: (o: ComboBoxOption) => string;
+    getOptionValue?: (o: ComboBoxOption) => string | undefined;
     label?: ReactNode;
     description?: ReactNode;
     errors?: LunaticBaseProps['errors'];
     onChange?: (s: string | null) => void;
-    onSelect: (s: string | null) => void;
+    onSelect: (s: ComboBoxOption | null | string) => void;
     options: ComboBoxOption[];
 };
 declare const _default: import("react").ComponentType<Props>;

package/lib/src/components/commons/components/combo-box/combo-box.stories.d.ts

@@ -15,13 +15,13 @@ export declare const Default: Story<{
     classStyle?: string | undefined;
     value: string | null;
     messageError?: string | undefined;
-    getOptionValue?: ((o: ComboBoxOption) => string) | undefined;
+    getOptionValue?: ((o: ComboBoxOption) => string | undefined) | undefined;
     label?: import("react").ReactNode;
     description?: import("react").ReactNode;
     errors?: {
         [id: string]: import("../../../..").LunaticError[];
     } | undefined;
     onChange?: ((s: string | null) => void) | undefined;
-    onSelect: (s: string | null) => void;
+    onSelect: (s: string | ComboBoxOption | null) => void;
     options: ComboBoxOption[];
 }>;

package/lib/src/components/commons/components/combo-box/panel/panel.d.ts

@@ -12,6 +12,6 @@ export type PanelProps = {
     expanded?: boolean;
     id?: string;
     search?: string;
-    onSelect: (value: string) => void;
+    onSelect: (value: string | ComboBoxOption | null) => void;
 };
 export declare function Panel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, }: PanelProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/commons/components/combo-box/state-management/actions.d.ts

@@ -40,8 +40,8 @@ export declare const onInit: ({ ...payload }: ComboAction<ComboActionKind.ON_INI
     readonly type: ComboActionKind.ON_INIT;
     readonly payload: {
         readonly options: ComboBoxOption[];
-        readonly value: string | null;
-        readonly getOptionValue: (o: ComboBoxOption) => string;
+        readonly value: string | ComboBoxOption | null;
+        readonly getOptionValue: (o: ComboBoxOption) => string | undefined;
     };
 };
 export type ComboAction<T extends ComboActionKind = ComboActionKind> = ({
@@ -70,8 +70,8 @@ export type ComboAction<T extends ComboActionKind = ComboActionKind> = ({
     type: ComboActionKind.ON_INIT;
     payload: {
         options: ComboBoxOption[];
-        value: string | null;
-        getOptionValue: (o: ComboBoxOption) => string;
+        value: string | ComboBoxOption | null;
+        getOptionValue: (o: ComboBoxOption) => string | undefined;
     };
 }) & {
     type: T;

package/lib/src/components/commons/components/orchestrated-component.d.ts

@@ -1,9 +1,9 @@
-import { LunaticBaseProps } from '../../type';
 import { LunaticComponentDefinition } from '../../../use-lunatic/type';
+import { LunaticBaseProps } from '../../type';
 type Props = {
     linksIterations?: [number, number];
     component: LunaticComponentDefinition;
     features?: string[];
-} & Pick<LunaticBaseProps, 'id' | 'iteration' | 'executeExpression' | 'handleChange' | 'missing' | 'shortcut' | 'management' | 'preferences' | 'value' | 'errors'>;
-declare function OrchestratedComponent({ id, component, handleChange, features, missing, shortcut, management, preferences, value, iteration, linksIterations, executeExpression, errors, }: Props): import("react/jsx-runtime").JSX.Element | null;
+} & Pick<LunaticBaseProps, 'id' | 'iteration' | 'executeExpression' | 'handleChange' | 'missing' | 'shortcut' | 'management' | 'getSuggesterStatus' | 'preferences' | 'value' | 'errors'>;
+declare function OrchestratedComponent({ id, component, handleChange, features, missing, shortcut, management, preferences, value, iteration, linksIterations, executeExpression, getSuggesterStatus, errors, }: Props): import("react/jsx-runtime").JSX.Element | null;
 export default OrchestratedComponent;

package/lib/src/components/commons/create-row-orchestrator.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
-import { LunaticComponentProps } from '../type';
 import { LunaticComponentDefinition, LunaticState } from '../../use-lunatic/type';
+import { LunaticComponentProps } from '../type';
 type OriginalProps = {
     key: number;
     rowIndex: number;
@@ -13,6 +13,7 @@ type OriginalProps = {
         [key: string]: unknown;
     }) => void;
     executeExpression: LunaticState['executeExpression'];
+    getSuggesterStatus?: LunaticState['getSuggesterStatus'];
     iteration?: number;
     linksIterations?: [number, number];
     features?: string[];
@@ -26,6 +27,6 @@ type OrchestratedProps = {
         index: number;
         [key: string]: unknown;
     }) => void;
-} & Pick<OriginalProps, 'id' | 'components' | 'valueMap' | 'features' | 'missing' | 'shortcut' | 'preferences' | 'executeExpression' | 'iteration' | 'errors'>;
-declare function createRowOrchestrator(Row: FunctionComponent<OriginalProps>): ({ id, components, nbRows, valueMap, handleChange, features, missing, shortcut, preferences, executeExpression, iteration, xAxisIterations, errors, }: OrchestratedProps) => import("react/jsx-runtime").JSX.Element | null;
+} & Pick<OriginalProps, 'id' | 'components' | 'valueMap' | 'features' | 'missing' | 'shortcut' | 'preferences' | 'executeExpression' | 'iteration' | 'errors' | 'getSuggesterStatus'>;
+declare function createRowOrchestrator(Row: FunctionComponent<OriginalProps>): ({ id, components, nbRows, valueMap, handleChange, features, missing, shortcut, preferences, executeExpression, getSuggesterStatus, iteration, xAxisIterations, errors, }: OrchestratedProps) => import("react/jsx-runtime").JSX.Element | null;
 export default createRowOrchestrator;

package/lib/src/components/dropdown/html/dropdown-writable/dropdown-writable.d.ts

@@ -5,7 +5,7 @@ type Props = {
     id?: string;
     disabled?: boolean;
     options: ComboBoxOption[];
-    onSelect: (v: string | null) => void;
+    onSelect: (v: string | null | ComboBoxOption) => void;
     className?: string;
     value: string | null;
     label?: ReactNode;

package/lib/src/components/dropdown/html/dropdown.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import './dropdown.scss';
 import { LunaticComponentProps } from '../../type';
+import { ComboBoxOption } from '../../commons/components/combo-box/combo-box.type';
 export type DropdownProps = {
-    onSelect: (v: string | null) => void;
+    onSelect: (value: string | ComboBoxOption | null) => void;
     className?: string;
 } & Pick<LunaticComponentProps<'Dropdown'>, 'id' | 'disabled' | 'options' | 'writable' | 'value' | 'description' | 'label' | 'errors'>;
 declare const _default: React.ComponentType<DropdownProps>;

package/lib/src/components/input-number/html/input-number-thousand.d.ts

@@ -9,5 +9,5 @@ type Props = {
     max?: number;
     decimals?: number;
 };
-declare const InputNumberThousand: ({ id, value, onChange, disabled, labelId, min, max, decimals, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const InputNumberThousand: ({ id, onChange, value, disabled, required, labelId, min, max, decimals, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default InputNumberThousand;

package/lib/src/components/input-number/html/input-number.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import './input-number.scss';
 import { LunaticBaseProps } from '../../type';
+import './input-number.scss';
 type Props = {
     id?: string;
     onChange?: (n: number | null) => void;
@@ -14,6 +14,7 @@ type Props = {
     label?: ReactNode;
     description?: string;
     unit?: string;
+    dynamicUnit?: ReactNode;
     errors?: LunaticBaseProps['errors'];
 };
 declare const _default: import("react").ComponentType<Props>;

package/lib/src/components/loop/block-for-loop/block-for-loop-ochestrator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const BlockForLoopOrchestrator: ({ id, components, nbRows, valueMap, handleChange, features, missing, shortcut, preferences, executeExpression, iteration, xAxisIterations, errors, }: {
+declare const BlockForLoopOrchestrator: ({ id, components, nbRows, valueMap, handleChange, features, missing, shortcut, preferences, executeExpression, getSuggesterStatus, iteration, xAxisIterations, errors, }: {
     nbRows: number;
     xAxisIterations?: number | undefined;
     handleChange: (response: {
@@ -25,6 +25,10 @@ declare const BlockForLoopOrchestrator: ({ id, components, nbRows, valueMap, han
         logging?: import("../../../use-lunatic/commons/execute-expression/create-execute-expression").ExpressionLogger | undefined;
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
+    getSuggesterStatus?: ((name: string | undefined) => {
+        status: import("../../../use-lunatic/use-suggesters").SuggesterStatus;
+        timestamp: number;
+    }) | undefined;
     iteration?: number | undefined;
     linksIterations?: [number, number] | undefined;
     features?: string[] | undefined;
@@ -41,10 +45,14 @@ declare const BlockForLoopOrchestrator: ({ id, components, nbRows, valueMap, han
         logging?: import("../../../use-lunatic/commons/execute-expression/create-execute-expression").ExpressionLogger | undefined;
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
+    getSuggesterStatus: (name: string) => {
+        status: import("../../../use-lunatic/use-suggesters").SuggesterStatus;
+        timestamp: number;
+    };
     value: Record<string, unknown[]>;
-    headers?: {
+    header?: {
         label: import("react").ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;
-}, "id" | "preferences" | "missing" | "errors" | "shortcut">, "id" | "components" | "iteration" | "executeExpression" | "features" | "preferences" | "missing" | "errors" | "shortcut" | "valueMap">) => import("react/jsx-runtime").JSX.Element | null;
+}, "id" | "preferences" | "missing" | "errors" | "shortcut">, "id" | "components" | "iteration" | "executeExpression" | "features" | "preferences" | "missing" | "errors" | "shortcut" | "getSuggesterStatus" | "valueMap">) => import("react/jsx-runtime").JSX.Element | null;
 export default BlockForLoopOrchestrator;

package/lib/src/components/loop/block-for-loop/block-for-loop.d.ts

@@ -12,8 +12,12 @@ declare const _default: React.ComponentType<import("../../type").LunaticBaseProp
         logging?: import("../../../use-lunatic/commons/execute-expression/create-execute-expression").ExpressionLogger | undefined;
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
+    getSuggesterStatus: (name: string) => {
+        status: import("../../../use-lunatic/use-suggesters").SuggesterStatus;
+        timestamp: number;
+    };
     value: Record<string, unknown[]>;
-    headers?: {
+    header?: {
         label: React.ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;

package/lib/src/components/loop/roster-for-loop/roster-for-loop-orchestrator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const RosterForLoopOrchestrator: ({ id, components, nbRows, valueMap, handleChange, features, missing, shortcut, preferences, executeExpression, iteration, xAxisIterations, errors, }: {
+declare const RosterForLoopOrchestrator: ({ id, components, nbRows, valueMap, handleChange, features, missing, shortcut, preferences, executeExpression, getSuggesterStatus, iteration, xAxisIterations, errors, }: {
     nbRows: number;
     xAxisIterations?: number | undefined;
     handleChange: (response: {
@@ -25,6 +25,10 @@ declare const RosterForLoopOrchestrator: ({ id, components, nbRows, valueMap, ha
         logging?: import("../../../use-lunatic/commons/execute-expression/create-execute-expression").ExpressionLogger | undefined;
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
+    getSuggesterStatus?: ((name: string | undefined) => {
+        status: import("../../../use-lunatic/use-suggesters").SuggesterStatus;
+        timestamp: number;
+    }) | undefined;
     iteration?: number | undefined;
     linksIterations?: [number, number] | undefined;
     features?: string[] | undefined;
@@ -41,10 +45,14 @@ declare const RosterForLoopOrchestrator: ({ id, components, nbRows, valueMap, ha
         logging?: import("../../../use-lunatic/commons/execute-expression/create-execute-expression").ExpressionLogger | undefined;
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
+    getSuggesterStatus: (name: string) => {
+        status: import("../../../use-lunatic/use-suggesters").SuggesterStatus;
+        timestamp: number;
+    };
     value: Record<string, unknown[]>;
-    headers?: {
+    header?: {
         label: import("react").ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;
-}, "id" | "preferences" | "missing" | "errors" | "shortcut">, "id" | "components" | "iteration" | "executeExpression" | "features" | "preferences" | "missing" | "errors" | "shortcut" | "valueMap">) => import("react/jsx-runtime").JSX.Element | null;
+}, "id" | "preferences" | "missing" | "errors" | "shortcut">, "id" | "components" | "iteration" | "executeExpression" | "features" | "preferences" | "missing" | "errors" | "shortcut" | "getSuggesterStatus" | "valueMap">) => import("react/jsx-runtime").JSX.Element | null;
 export default RosterForLoopOrchestrator;

package/lib/src/components/loop/roster-for-loop/roster-for-loop.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-declare const _default: React.ComponentType<import("../../type").LunaticBaseProps<unknown> & {
+/// <reference types="react" />
+declare const _default: import("react").ComponentType<import("../../type").LunaticBaseProps<unknown> & {
     lines: {
         min: number;
         max: number;
@@ -12,9 +12,13 @@ declare const _default: React.ComponentType<import("../../type").LunaticBaseProp
         logging?: import("../../../use-lunatic/commons/execute-expression/create-execute-expression").ExpressionLogger | undefined;
         bindingDependencies?: string[] | undefined;
     } | undefined) => T;
+    getSuggesterStatus: (name: string) => {
+        status: import("../../../use-lunatic/use-suggesters").SuggesterStatus;
+        timestamp: number;
+    };
     value: Record<string, unknown[]>;
-    headers?: {
-        label: React.ReactNode;
+    header?: {
+        label: import("react").ReactNode;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;
 }>;

package/lib/src/components/loop/roster-for-loop/roster-table.d.ts

@@ -1,5 +1,5 @@
-import './roster.scss';
 import { LunaticComponentProps } from '../../type';
+import './roster.scss';
 type Props = {
     nbRows: number;
     handleChange: (response: {
@@ -8,6 +8,6 @@ type Props = {
         index: number;
         [k: string]: unknown;
     }) => void;
-} & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'headers' | 'value' | 'management' | 'missing' | 'shortcut' | 'errors'>;
-declare function RosterTable({ components, nbRows, executeExpression, id, headers, value: valueMap, shortcut, missing, management, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
+} & Pick<LunaticComponentProps<'RosterForLoop'>, 'id' | 'components' | 'executeExpression' | 'header' | 'value' | 'missing' | 'errors' | 'getSuggesterStatus'>;
+declare function RosterTable({ components, nbRows, executeExpression, getSuggesterStatus, id, header, value: valueMap, missing, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export default RosterTable;

package/lib/src/components/loop/roster-for-loop/row.d.ts

@@ -1,5 +1,5 @@
+import { LunaticComponentDefinition, LunaticState } from '../../../use-lunatic/type';
 import { LunaticBaseProps } from '../../type';
-import { LunaticComponentDefinition } from '../../../use-lunatic/type';
 type Props = {
     id: string;
     valueMap?: Record<string, unknown>;
@@ -14,10 +14,11 @@ type Props = {
     missing?: LunaticBaseProps['missing'];
     management?: LunaticBaseProps['management'];
     executeExpression: LunaticBaseProps['executeExpression'];
+    getSuggesterStatus: LunaticState['getSuggesterStatus'];
     errors?: LunaticBaseProps['errors'];
     components: LunaticComponentDefinition[];
     preferences?: LunaticBaseProps['preferences'];
     shortcut?: LunaticBaseProps['shortcut'];
 };
-declare function Row({ id, components, valueMap, rowIndex, handleChange, features, missing, shortcut, management, preferences, executeExpression, errors, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Row({ id, components, valueMap, rowIndex, handleChange, features, missing, shortcut, management, preferences, executeExpression, getSuggesterStatus, errors, }: Props): import("react/jsx-runtime").JSX.Element;
 export default Row;

package/lib/src/components/suggester/html/suggester.d.ts

@@ -1,12 +1,12 @@
-import React, { ReactNode } from 'react';
-import './default-style.scss';
+import { ReactNode } from 'react';
 import { LunaticError } from '../../../use-lunatic/type';
 import { ComboBoxOption } from '../../commons/components/combo-box/combo-box.type';
 import { LunaticComponentProps } from '../../type';
+import './default-style.scss';
 type Props = {
     className?: string;
     placeholder?: string;
-    onSelect?: (s: string | null) => void;
+    onSelect?: (s: ComboBoxOption | null | string) => void;
     value: string | null;
     labelRenderer: LunaticComponentProps<'Suggester'>['labelRenderer'];
     optionRenderer: LunaticComponentProps<'Suggester'>['optionRenderer'];
@@ -18,6 +18,8 @@ type Props = {
     label?: ReactNode;
     description?: ReactNode;
     errors?: Record<string, LunaticError[]>;
+    responses?: any;
+    response?: any;
 };
-declare const _default: React.ComponentType<Props>;
+declare const _default: import("react").ComponentType<Props>;
 export default _default;

package/lib/src/components/suggester/idb-suggester/idb-suggester.d.ts

@@ -1,6 +1,7 @@
+import { ComboBoxOption } from '../../commons/components/combo-box/combo-box.type';
 import { LunaticComponentProps } from '../../type';
-type Props = Pick<LunaticComponentProps<'Suggester'>, 'storeName' | 'idbVersion' | 'id' | 'className' | 'optionRenderer' | 'labelRenderer' | 'disabled' | 'value' | 'label' | 'description' | 'getSuggesterStatus' | 'errors'> & {
-    onSelect: (v: string | null) => void;
+type Props = Pick<LunaticComponentProps<'Suggester'>, 'storeName' | 'idbVersion' | 'id' | 'className' | 'optionRenderer' | 'labelRenderer' | 'disabled' | 'value' | 'label' | 'description' | 'getSuggesterStatus' | 'errors' | 'response' | 'responses'> & {
+    onSelect: (v: ComboBoxOption | null) => void;
 };
-export declare function IDBSuggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, onSelect, disabled, value, label, description, getSuggesterStatus, errors, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IDBSuggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, onSelect, disabled, value, label, description, getSuggesterStatus, errors, responses, response, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/components/suggester/lunatic-suggester.d.ts

@@ -1,3 +1,3 @@
 import { LunaticComponentProps } from '../type';
-declare function LunaticSuggester({ id, storeName, optionRenderer, labelRenderer, idbVersion, focused, value, handleChange, disabled, errors, label, description, preferences, declarations, missing, missingResponse, management, response, getSuggesterStatus, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
+declare function LunaticSuggester({ id, storeName, optionRenderer, labelRenderer, idbVersion, focused, value, handleChange, disabled, errors, label, description, preferences, declarations, missing, missingResponse, management, response, responses, getSuggesterStatus, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
 export default LunaticSuggester;

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

@@ -1,7 +1,7 @@
-import { LunaticComponentDefinition, LunaticError, LunaticExpression, LunaticState } from '../use-lunatic/type';
 import { CSSProperties, FunctionComponent, ReactNode } from 'react';
-import { SuggesterStatus } from '../use-lunatic/use-suggesters';
 import useLunatic from '../use-lunatic';
+import { LunaticComponentDefinition, LunaticError, LunaticExpression, LunaticState } from '../use-lunatic/type';
+import { SuggesterStatus } from '../use-lunatic/use-suggesters';
 export type LunaticBaseProps<ValueType = unknown> = {
     id: string;
     handleChange: (response: {
@@ -38,6 +38,10 @@ export type LunaticBaseProps<ValueType = unknown> = {
     componentType?: string;
     questionContext?: ReactNode;
     questionInformation?: ReactNode;
+    getSuggesterStatus?: (name: string) => {
+        status: SuggesterStatus;
+        timestamp: number;
+    };
 };
 export type SuggesterOption = {
     children?: string[];
@@ -58,6 +62,7 @@ type ComponentPropsByType = {
         max: number;
         decimals: number;
         unit?: string;
+        dynamicUnit?: ReactNode;
         response: {
             name: string;
         };
@@ -83,8 +88,12 @@ type ComponentPropsByType = {
         iterations?: number;
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
+        getSuggesterStatus: (name: string) => {
+            status: SuggesterStatus;
+            timestamp: number;
+        };
         value: Record<string, unknown[]>;
-        headers?: Array<{
+        header?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
@@ -97,8 +106,12 @@ type ComponentPropsByType = {
         iterations?: number;
         components: LunaticComponentDefinition[];
         executeExpression: LunaticState['executeExpression'];
+        getSuggesterStatus: (name: string) => {
+            status: SuggesterStatus;
+            timestamp: number;
+        };
         value: Record<string, unknown[]>;
-        headers?: Array<{
+        header?: Array<{
             label: ReactNode;
         }>;
         paginatedLoop?: boolean;
@@ -198,6 +211,7 @@ type ComponentPropsByType = {
             name: string;
         };
         writable?: boolean;
+        onSelect?: any;
     };
     Textarea: LunaticBaseProps<string> & {
         cols?: number;
@@ -236,9 +250,15 @@ type ComponentPropsByType = {
         }>;
         idbVersion?: string;
         focused: boolean;
-        response: {
+        response?: {
             name: string;
         };
+        responses?: Array<{
+            id: string;
+            response: {
+                name: string;
+            };
+        }>;
     };
 };
 export type LunaticComponentType = keyof ComponentPropsByType;

package/lib/src/hooks/use-did-change.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Hook for debug purpose that log the data that changed between 2 renders
+ */
+export declare function useDidChange(obj: Record<string, unknown>, suffix?: string): void;