@inseefr/lunatic 3.0.0-rc.1 → 3.0.0-rc.11

package/lib/main.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/css/main.scss","../src/css/components/Button.scss","../src/css/components/CheckboxGroup.scss","../src/css/components/CheckboxOne.scss","../src/css/components/CheckboxOption.scss","../src/css/components/Combobox.scss","../src/css/components/ComponentErrors.scss","../src/css/components/Datepicker.scss","../src/css/components/Declarations.scss","../src/css/components/Dropdown.scss","../src/css/components/Duration.scss","../src/css/components/Fieldset.scss","../src/css/components/IconButton.scss","../src/css/components/Input.scss","../src/css/components/InputNumber.scss","../src/css/components/Label.scss","../src/css/components/Missing.scss","../src/css/components/ModalControls.scss","../src/css/components/RadioGroup.scss","../src/css/components/RosterForLoop.scss","../src/css/components/Roundabout.scss","../src/css/components/Sequence.scss","../src/css/components/Suggester.scss","../src/css/components/Table.scss","../src/css/components/Textarea.scss","../src/css/components/VariableStatus.scss","../src/css/components/Dragger.scss","../src/css/components/SuggesterWidget.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;;AAkBF;AA0BE;AA+BA;;AAxDA;EACE;EACA;;AAEF;EACE;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASF;EACE;;AAEA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAMJ;EAzEA;EACA;;AA2EA;EA5EA;EACA;;AA8EA;EACE;EA3EF;EACA;EACA;;AAEA;EACE;;AAyEF;EA9EA;EACA;EACA;;AAEA;EACE;;AA6EF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEE;EACE;;AAEF;EACE;;;ACpJR;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;;;AClBE;EACE;EACA;;AAGJ;EACE;EACA;;;ACRF;EACC;;AAGF;EACC;;AAEA;EACC;EACA;EACA;;AACA;EACC;;;ACbH;EACC;;AACA;EACC;;AAGD;EACC;EACA;EACA;EACA;;;AAIH;EACC;EACA;;;ACMD;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACC;EACA;EACA;;AAEC;EACC;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EApCL;;AAuCK;EAhDL;EASA;EAPA;EACA;EACA;EACA;;AAgDI;EACC;EACA;EACA;EACA;EACA;EAjDL;EAmDK;EACA;EACA;EA9DL;EASA;EAPA;EACA;EACA;EACA;;AA4DK;EACC;EACA;EACA;;AAGD;EACC;;AAKH;EApEH;EAsEI;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAED;EACC;EACA;;AAQN;EACC;EACA;EACA;EACA;;AACA;EACC;;AAIA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;;AACA;EACC;EACA;EACA;EACA;EAKA;;AAJA;EACC;;AAMF;EAEC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAKH;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;;AAIA;EACC;;AAED;EACC;EAtMJ;EACA;EACA;;;ACFA;EACC;;;ACFF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AChBD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIF;EACC;EACA;;AACA;EACC;;;ACxBD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;;ACjCJ;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;ACPF;EACC;EACA;EACA;;;ACHD;EACC;EACA;;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;;AC9BA;AAAA;AAAA;AAAA;EACC;;AACA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;ACnCF;EACC;;AAEA;EACC;;;ACNF;EACC;EACA;;;ACHF;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;ACzBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;;AAMF;AAAA;AAAA;AAAA;EAIC;EACA;;AAGF;EACC;EACA;;;AC3CA;EACC;;AAGF;EACC;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;;;ACUH;EACC;EACA;EACA;EACA;;AAEC;EACC;EACA;;;ACnCH;EACC;;AAGC;EACC;;AAGD;EACC;;;ACRF;EACC;EACA;EACA;EACA;EACA;EACA;;;AC8BD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;;AACA;EACC;EACA;EACA;;AAQC;EACC;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EAvEN;;AA0EM;EAlEN;EARA;EAUA;EACA;EACA;EACA;;AAkEK;EACC;EACA;EACA;EACA;EACA;EApFN;;AAuFM;EACC;EAhFP;EARA;EAUA;EACA;EACA;EACA;;AA8EM;EACC;EACA;EACA;;AAGD;EACC;;AAKH;EAvGJ;EAyGK;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AASP;EACC;EACA;EACA;;AAEA;EACC;;AAjIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAsHA;EACC;;AArIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA0HA;EACC;;AAzIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA+HA;EACC;EACA;;AACA;EACC;EACA;EACA;;;ACpKH;EACC;EACA;EACA;EACA;;AACA;AAAA;EAEC;EACA;EACA;;AAGA;AAAA;EAEC;EACA;EACA;;AAKH;EACC;EACA;;;ACrBD;EACC;EACA;;;ACLF;EACC;AAMA;AAUA;;AAdA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;;AC/BJ;EACE;EACA;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAED;EACC;EACA;EACA,kBA1BO;EA2BP;EACA;EACA;EACA;;AAlBD;EACC;EACA;;AAoBA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA,OAxCK;EAyCL;EACA;EACA;;AAED;EACC,OA9CK;EA+CL;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA,kBA1DK;;AA4DL;EACC;EACA;;AAGD;EACC,kBAjEI;EAkEJ;EACA;;AAIA;EACC;EACA;EACA,MA5EG;;AAiFN;EACC;EACA;EACA;EACA;;AAGC;EACC,cAvFG;EAwFH;EAMA;;AALA;EACC,kBA1FE;EA2FF;;AAOH;EACC;EACA;EACA;;AACA;EACC,kBAxGG;EAyGH;;AAMJ;EACC;EACA;EACA;EACA,kBApHM;EAqHN;EACA;EACA;EACA;EACA;;AAGC;EACC;;AAIF;EACC;EACA;EACA,MAnIK;;AAWR;EACC;EACA;;AA4HA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,kBAnJK;EAoJL;EACA;;AAEA;EACC;;AAGD;EACC,kBA1JI;EA2JJ;;AAGD;EACC;;AACA;EACC;;AAED;EACC;EACA;EACA,MAzKG","file":"main.css"}

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

@@ -1,6 +1,11 @@
 /// <reference types="react" />
-export declare const CheckboxBoolean: import("react").ComponentType<import("../type").LunaticBaseProps<boolean> & {
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function CheckboxBoolean({ handleChange, response, errors, value, ...props }: LunaticComponentProps<'CheckboxBoolean'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'CheckboxBoolean'>, 'response' | 'handleChange' | 'errors' | 'value'> & {
+    onChange: () => void;
+    errors?: LunaticError[];
+    checked?: boolean;
+};
+export declare const CustomCheckboxBoolean: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 import type { LunaticComponentProps } from '../type';
-import './CheckboxGroup.scss';
 export type CheckboxGroupOption = {
+    id: string;
     label: ReactNode;
     name: string;
     checked: boolean;

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

@@ -1,12 +1,5 @@
-/// <reference types="react" />
-import './CheckboxOne.scss';
-export declare const CheckboxOne: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
-    options: {
-        description?: import("react").ReactNode;
-        label: import("react").ReactNode;
-        value: string;
-    }[];
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticComponentProps } from '../type';
+/**
+ * Checkbox acting as a radio (only one option can be checked at a time)
+ */
+export declare function CheckboxOne({ options, value, id, label, description, handleChange, errors, shortcut, response, }: LunaticComponentProps<'CheckboxOne'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,10 @@
 /// <reference types="react" />
-import './Datepicker.scss';
 import type { LunaticComponentProps } from '../type';
-export declare function LunaticDatepicker({ disabled, readOnly, value, dateFormat, response, id, handleChange, label, errors, description, declarations, }: LunaticComponentProps<'Datepicker'>): import("react/jsx-runtime").JSX.Element;
-export declare const Datepicker: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
-    dateFormat: "YYYY-MM-DD" | "YYYY" | "YYYY-MM";
-    min?: string | undefined;
-    max?: string | undefined;
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Datepicker({ dateFormat, response, handleChange, errors, ...props }: LunaticComponentProps<'Datepicker'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Datepicker'>, 'response' | 'handleChange' | 'errors'> & {
+    onChange: (s: string | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomDatepicker: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,13 +1,10 @@
 /// <reference types="react" />
-import './Dropdown.scss';
-export declare const Dropdown: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
-    options: {
-        description: import("react").ReactNode;
-        label: import("react").ReactNode;
-        value: string;
-    }[];
-    response: {
-        name: string;
-    };
-    writable?: boolean | undefined;
-}>;
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Dropdown({ handleChange, response, errors, ...props }: LunaticComponentProps<'Dropdown'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Dropdown'>, 'response' | 'handleChange' | 'errors'> & {
+    onChange: (v: string | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomDropdown: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-import './Duration.scss';
-export declare const Duration: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
-    format: "PTnHnM" | "PnYnM";
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Duration({ handleChange, response, errors, ...props }: LunaticComponentProps<'Duration'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Duration'>, 'response' | 'handleChange' | 'errors'> & {
+    onChange: (v: string | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomDuration: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -3,5 +3,5 @@ type Props = {
     id: string;
     label?: ReactNode;
 };
-export declare const FilterDescription: import("react").ComponentType<Props>;
+export declare const FilterDescription: ({ id, label }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import './Input.scss';
-export declare const Input: import("react").ComponentType<import("../type").LunaticBaseProps<string> & {
-    maxLength?: number | undefined;
-    value: string | null;
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Input({ handleChange, response, errors, ...props }: LunaticComponentProps<'Input'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Input'>, 'response' | 'handleChange' | 'errors'> & {
+    onChange: (v: string) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomInput: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import './InputNumber.scss';
-export declare const InputNumber: import("react").ComponentType<import("../type").LunaticBaseProps<number | null> & {
-    min?: number | undefined;
-    max?: number | undefined;
-    decimals?: number | undefined;
-    unit?: string | undefined;
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function InputNumber({ handleChange, response, errors, decimals, ...props }: LunaticComponentProps<'InputNumber'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'InputNumber'>, 'response' | 'handleChange' | 'errors'> & {
+    onChange: (v: number | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomInputNumber: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,22 +1,15 @@
-/// <reference types="react" />
+import { type PropsWithChildren } from 'react';
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
 /**
  * Loop without specific markup (stack of subcomponents)
  */
-export declare const Loop: import("react").ComponentType<import("../type").LunaticBaseProps<unknown> & {
-    lines: {
-        min: number;
-        max: number;
-    };
-    iterations: number;
-    getComponents: (n: number) => import("../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
-    executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
-        iteration?: number | number[] | undefined;
-        bindingDependencies?: string[] | undefined;
-        deps?: string[] | undefined;
-    } | undefined) => T;
-    value: Record<string, unknown[]>;
-    header?: {
-        label: import("react").ReactNode;
-    }[] | undefined;
-    paginatedLoop?: boolean | undefined;
+export declare function Loop({ lines, iterations, value, handleChange, getComponents, errors, ...props }: LunaticComponentProps<'Loop'>): import("react/jsx-runtime").JSX.Element | null;
+type CustomProps = Omit<LunaticComponentProps<'Loop'>, 'response' | 'handleChange' | 'errors' | 'lines' | 'iterations' | 'value' | 'getComponents'> & PropsWithChildren<{
+    errors?: LunaticError[];
+    addRow?: () => void;
+    removeRow?: () => void;
+    canControlRows?: boolean;
 }>;
+export declare const CustomLoop: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,6 +1,7 @@
 import { type PropsWithChildren, type ReactElement, type ReactNode } from 'react';
 import type { FilledLunaticComponentProps } from '../use-lunatic/commons/fill-components/fill-components';
-type Props<T extends FilledLunaticComponentProps, V = undefined> = {
+import { type LunaticSlotComponents } from './shared/HOC/slottableComponent';
+type Props<T extends FilledLunaticComponentProps, V = unknown> = {
     components: (FilledLunaticComponentProps | ReactElement | {
         label: string;
         [key: string]: unknown;
@@ -12,11 +13,12 @@ type Props<T extends FilledLunaticComponentProps, V = undefined> = {
     wrapper?: (props: PropsWithChildren<FilledLunaticComponentProps & T & V & {
         index: number;
     }>) => ReactNode;
+    slots?: Partial<LunaticSlotComponents>;
 };
 /**
  * Entry point for orchestrators, this component display the list of fields
  */
-export declare function LunaticComponents<T extends FilledLunaticComponentProps, V = undefined>({ components, autoFocusKey, componentProps, blocklist, memo, wrapper, }: Props<T, V>): import("react/jsx-runtime").JSX.Element;
+export declare function LunaticComponents<T extends FilledLunaticComponentProps, V = undefined>({ components, autoFocusKey, componentProps, blocklist, memo, slots, wrapper, }: Props<T, V>): import("react/jsx-runtime").JSX.Element;
 export declare function hasLabel(component: unknown): component is {
     label: ReactNode;
 } & FilledLunaticComponentProps;

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

@@ -1,7 +1,9 @@
-/// <reference types="react" />
+import type { LunaticComponentProps } from '../type';
+import type { PropsWithChildren } from 'react';
 /**
  * Surround a question giving additional context with label / description / declarations
  */
-export declare const Question: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<unknown>, "id" | "label" | "description" | "declarations"> & {
-    components: import("../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
-}>;
+export declare const Question: ({ components, ...props }: LunaticComponentProps<'Question'>) => import("react/jsx-runtime").JSX.Element;
+type CustomProps = PropsWithChildren<Omit<LunaticComponentProps<'Question'>, 'components'>>;
+export declare const CustomQuestion: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,25 +1,5 @@
-/// <reference types="react" />
-import './RosterForLoop.scss';
+import type { LunaticComponentProps } from '../type';
 /**
  * Loop displayed as a table
  */
-export declare const RosterForLoop: import("react").ComponentType<import("../type").LunaticBaseProps<unknown> & {
-    lines: {
-        min: number;
-        max: number;
-    };
-    iterations: number;
-    getComponents: (n: number) => import("../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
-    executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
-        iteration?: number | number[] | undefined;
-        bindingDependencies?: string[] | undefined;
-        deps?: string[] | undefined;
-    } | undefined) => T;
-    value: Record<string, unknown[]>;
-    header?: {
-        label: import("react").ReactNode;
-        rowspan?: number | undefined;
-        colspan?: number | undefined;
-    }[] | undefined;
-    paginatedLoop?: boolean | undefined;
-}>;
+export declare const RosterForLoop: (props: LunaticComponentProps<'RosterForLoop'>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,3 @@
-import './Roundabout.scss';
 import type { LunaticComponentProps } from '../type';
 /**
  * Roundabout is a special loop component where the user can select the iteration to go to

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

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import './Sequence.scss';
-export declare const Sequence: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "id" | "label" | "style" | "description" | "declarations">>;
+export declare const Sequence: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style">>;

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Subsequence: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "id" | "label" | "declarations">>;
+export declare const Subsequence: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "label" | "declarations" | "id">>;

package/lib/src/components/Suggester/CustomSuggester.d.ts

@@ -1,12 +1,15 @@
 import { type ReactNode } from 'react';
 import type { LunaticError } from '../../use-lunatic/type';
 import type { LunaticComponentProps } from '../type';
-import type { ComboboxOptionType } from '../shared/Combobox/ComboboxType';
+import type { SuggesterOptionType } from './SuggesterType';
 type Props = {
     className?: string;
     classNamePrefix?: string;
     placeholder?: string;
-    onSelect?: (s: string | null) => void;
+    onSelect: (option: string | null | {
+        id?: string;
+        [key: string]: ReactNode;
+    }) => void;
     value: string | null;
     labelRenderer: LunaticComponentProps<'Suggester'>['labelRenderer'];
     optionRenderer: LunaticComponentProps<'Suggester'>['optionRenderer'];
@@ -14,12 +17,13 @@ type Props = {
     readOnly?: boolean;
     id?: string;
     searching?: (s: string | null) => Promise<{
-        results: ComboboxOptionType[];
+        results: SuggesterOptionType[];
         search: string;
     }>;
     label?: ReactNode;
     description?: ReactNode;
     errors?: LunaticError[];
+    defaultOptions?: SuggesterOptionType[];
 };
 export declare const CustomSuggester: import("react").ComponentType<Props>;
 export {};

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

@@ -1,3 +1,2 @@
 import type { LunaticComponentProps } from '../type';
-import './Suggester.scss';
-export declare function Suggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, handleChange, disabled, value, label, description, getSuggesterStatus, errors, readOnly, workersBasePath, response, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;
+export declare function Suggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, handleChange, disabled, value, label, description, getSuggesterStatus, errors, readOnly, workersBasePath, response, optionResponses, executeExpression, iteration, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/Suggester/SuggesterType.d.ts

@@ -0,0 +1,6 @@
+export type SuggesterOptionType = {
+    id: string;
+    label: string;
+    value: string;
+    [k: string]: string;
+};

package/lib/src/components/Suggester/helpers.d.ts

@@ -1,6 +1,6 @@
-import type { ComboboxOptionType } from '../shared/Combobox/ComboboxType';
+import type { SuggesterOptionType } from './SuggesterType';
 export declare function isWorkerCompatible(): boolean;
 export declare function createSearching(name: string, version: string, workersBasePath?: string): (search: string | null) => Promise<{
-    results: ComboboxOptionType[];
+    results: SuggesterOptionType[];
     search: string;
 }>;

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

@@ -1,4 +1,12 @@
+import type { LunaticComponentProps } from '../type';
 import React from 'react';
+import type { LunaticError } from '../../use-lunatic/type';
+type CustomProps = Omit<LunaticComponentProps<'Switch'>, 'response' | 'handleChange' | 'errors' | 'value'> & {
+    onChange: () => void;
+    errors?: LunaticError[];
+    checked: boolean;
+};
+export declare const CustomSwitch: React.ComponentType<CustomProps>;
 export declare const Switch: React.ComponentType<import("../type").LunaticBaseProps<boolean> & {
     response: {
         name: string;
@@ -8,3 +16,4 @@ export declare const Switch: React.ComponentType<import("../type").LunaticBasePr
         false: string;
     } | undefined;
 }>;
+export {};

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import './Textarea.scss';
-export declare const Textarea: import("react").ComponentType<import("../type").LunaticBaseProps<string> & {
-    cols?: number | undefined;
-    placeHolder?: string | undefined;
-    maxLength?: number | undefined;
-    rows?: number | undefined;
-    response: {
-        name: string;
-    };
-}>;
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Textarea({ handleChange, response, errors, ...props }: LunaticComponentProps<'Textarea'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Textarea'>, 'response' | 'handleChange' | 'errors'> & {
+    onChange: (v: string) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomTextarea: import("react").ComponentType<CustomProps>;
+export {};

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

@@ -1,14 +1,22 @@
 import { Table } from './Table/Table';
+import { Datepicker } from './Datepicker/Datepicker';
 import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import { CheckboxBoolean } from './CheckboxBoolean/CheckboxBoolean';
+import { Input } from './Input/Input';
+import { Textarea } from './Textarea/Textarea';
 import type { ComponentType } from 'react';
-import { ComponentSet } from './ComponentSet/ComponentSet';
+import { InputNumber } from './InputNumber/InputNumber';
+import { Duration } from './Duration/Duration';
+import { Loop } from './Loop/Loop';
+import { Dropdown } from './Dropdown/Dropdown';
 import { Roundabout } from './Roundabout/Roundabout';
+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>, "id" | "label" | "style" | "description" | "declarations">>;
-    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "id" | "label" | "declarations">>;
-    RosterForLoop: ComponentType<import("./type").LunaticBaseProps<unknown> & {
+    Sequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style">>;
+    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "declarations" | "id">>;
+    RosterForLoop: (props: import("./type").LunaticBaseProps<unknown> & {
         lines: {
             min: number;
             max: number;
@@ -27,59 +35,14 @@ export declare const library: {
             colspan?: number | undefined;
         }[] | undefined;
         paginatedLoop?: boolean | undefined;
-    }>;
-    Loop: ComponentType<import("./type").LunaticBaseProps<unknown> & {
-        lines: {
-            min: number;
-            max: number;
-        };
-        iterations: number;
-        getComponents: (n: number) => import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
-        executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
-            iteration?: number | number[] | undefined;
-            bindingDependencies?: string[] | undefined;
-            deps?: string[] | undefined;
-        } | undefined) => T;
-        value: Record<string, unknown[]>;
-        header?: {
-            label: import("react").ReactNode;
-        }[] | undefined;
-        paginatedLoop?: boolean | undefined;
-    }>;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Loop: typeof Loop;
     Table: typeof Table;
-    InputNumber: ComponentType<import("./type").LunaticBaseProps<number | null> & {
-        min?: number | undefined;
-        max?: number | undefined;
-        decimals?: number | undefined;
-        unit?: string | undefined;
-        response: {
-            name: string;
-        };
-    }>;
-    Datepicker: ComponentType<import("./type").LunaticBaseProps<string | null> & {
-        dateFormat: "YYYY-MM-DD" | "YYYY" | "YYYY-MM";
-        min?: string | undefined;
-        max?: string | undefined;
-        response: {
-            name: string;
-        };
-    }>;
+    InputNumber: typeof InputNumber;
+    Datepicker: typeof Datepicker;
     CheckboxGroup: typeof CheckboxGroup;
-    CheckboxOne: ComponentType<import("./type").LunaticBaseProps<string | null> & {
-        options: {
-            description?: import("react").ReactNode;
-            label: import("react").ReactNode;
-            value: string;
-        }[];
-        response: {
-            name: string;
-        };
-    }>;
-    CheckboxBoolean: ComponentType<import("./type").LunaticBaseProps<boolean> & {
-        response: {
-            name: string;
-        };
-    }>;
+    CheckboxOne: typeof CheckboxOne;
+    CheckboxBoolean: typeof CheckboxBoolean;
     Radio: ComponentType<import("./type").LunaticBaseProps<string | null> & {
         options: {
             description: import("react").ReactNode;
@@ -91,28 +54,9 @@ export declare const library: {
             name: string;
         };
     }>;
-    Input: ComponentType<import("./type").LunaticBaseProps<string> & {
-        maxLength?: number | undefined;
-        value: string | null;
-        response: {
-            name: string;
-        };
-    }>;
-    Duration: ComponentType<import("./type").LunaticBaseProps<string | null> & {
-        format: "PTnHnM" | "PnYnM";
-        response: {
-            name: string;
-        };
-    }>;
-    Textarea: ComponentType<import("./type").LunaticBaseProps<string> & {
-        cols?: number | undefined;
-        placeHolder?: string | undefined;
-        maxLength?: number | undefined;
-        rows?: number | undefined;
-        response: {
-            name: string;
-        };
-    }>;
+    Input: typeof Input;
+    Duration: typeof Duration;
+    Textarea: typeof Textarea;
     Switch: ComponentType<import("./type").LunaticBaseProps<boolean> & {
         response: {
             name: string;
@@ -122,25 +66,14 @@ export declare const library: {
             false: string;
         } | undefined;
     }>;
-    Question: ComponentType<Pick<import("./type").LunaticBaseProps<unknown>, "id" | "label" | "description" | "declarations"> & {
+    Question: ({ components, ...props }: Pick<import("./type").LunaticBaseProps<unknown>, "label" | "description" | "declarations" | "id"> & {
         components: import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
-    }>;
-    ComponentSet: typeof ComponentSet;
-    FilterDescription: ComponentType<{
+    }) => import("react/jsx-runtime").JSX.Element;
+    FilterDescription: ({ id, label }: {
         id: string;
         label?: import("react").ReactNode;
-    }>;
-    Dropdown: ComponentType<import("./type").LunaticBaseProps<string | null> & {
-        options: {
-            description: import("react").ReactNode;
-            label: import("react").ReactNode;
-            value: string;
-        }[];
-        response: {
-            name: string;
-        };
-        writable?: boolean | undefined;
-    }>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Dropdown: typeof Dropdown;
     PairwiseLinks: ({ declarations, xAxisIterations, yAxisIterations, id, getComponents, }: Omit<import("./type").LunaticBaseProps<unknown>, "value"> & {
         components: import("..").LunaticComponentDefinition[];
         features?: ["VTL"] | ["VTL", "MD"] | undefined;

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

@@ -1,5 +1,4 @@
 import { type MouseEventHandler, type PropsWithChildren } from 'react';
-import './Button.scss';
 type Props = PropsWithChildren<{
     onClick?: MouseEventHandler<HTMLButtonElement | HTMLInputElement>;
     className?: string;

package/lib/src/components/shared/Button/IconButton.d.ts

@@ -1,5 +1,4 @@
 import type { HTMLAttributes, PropsWithChildren } from 'react';
-import './IconButton.scss';
 type Props = PropsWithChildren<{
     disabled?: boolean;
 }> & HTMLAttributes<HTMLButtonElement>;

package/lib/src/components/shared/Checkbox/CheckboxOption.d.ts

@@ -1,5 +1,4 @@
 import { type ReactNode } from 'react';
-import './CheckboxOption.scss';
 import type { LunaticBaseProps } from '../../type';
 export type CheckboxOptionProps = {
     disabled?: boolean;

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

@@ -1,5 +1,4 @@
 import { type ReactNode } from 'react';
-import './Combobox.scss';
 import type { ComboboxOptionType, ComboboxPanelProps, ComboboxSelectionProps } from './ComboboxType';
 import type { LunaticError } from '../../../use-lunatic/type';
 type Props = ComboboxSelectionProps & ComboboxPanelProps & {
@@ -14,6 +13,7 @@ type Props = ComboboxSelectionProps & ComboboxPanelProps & {
     errors?: LunaticError[];
     onChange?: (s: string | null) => void;
     onSelect: (s: string | null) => void;
+    onBlur?: () => void;
     options: ComboboxOptionType[];
     readOnly?: boolean;
 };

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

@@ -1,4 +1,3 @@
-import './ComponentErrors.scss';
 import type { LunaticError } from '../../../use-lunatic/type';
 type Props = {
     errors?: Record<string, LunaticError[]>;

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

@@ -1,14 +1,13 @@
-import './Declarations.scss';
 import { type PropsWithChildren, type ReactNode } from 'react';
 export declare const Declaration: import("react").ComponentType<PropsWithChildren<{
-    type: string;
+    declarationType: 'INSTRUCTION' | 'COMMENT' | 'HELP' | 'CODECARD' | 'WARNING' | 'STATEMENT';
 }>>;
 type Props = {
     id?: string;
     type?: 'AFTER_QUESTION_TEXT' | 'BEFORE_QUESTION_TEXT' | 'DETACHABLE';
     declarations?: {
         id: string;
-        declarationType: string;
+        declarationType: 'INSTRUCTION' | 'COMMENT' | 'HELP' | 'CODECARD' | 'WARNING' | 'STATEMENT';
         position: string;
         label: ReactNode;
     }[];