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

package/lib/components/shared/Notification.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Notification = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("./HOC/customizedComponent");
+var _slottableComponent = require("./HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticNotification(_ref) {
@@ -26,4 +26,4 @@ function LunaticNotification(_ref) {
     })
   });
 }
-var Notification = exports.Notification = (0, _customizedComponent.customizedComponent)('Notification', LunaticNotification);
+var Notification = exports.Notification = (0, _slottableComponent.slottableComponent)('Notification', LunaticNotification);

package/lib/components/shared/Radio/RadioGroup.js

@@ -7,7 +7,7 @@ exports.RadioGroup = void 0;
 require("./RadioGroup.scss");
 var _Fieldset = require("../Fieldset/Fieldset");
 var _ComponentErrors = require("../ComponentErrors/ComponentErrors");
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _getShortcutKey = require("../Checkbox/getShortcutKey");
 var _RadioOption = require("./RadioOption");
 var _useListKeyboardHandler = require("../../../hooks/useListKeyboardHandler");
@@ -35,7 +35,8 @@ function LunaticRadioGroup(_ref) {
     className = _ref.className,
     shortcut = _ref.shortcut,
     disabled = _ref.disabled,
-    readOnly = _ref.readOnly;
+    readOnly = _ref.readOnly,
+    clearable = _ref.clearable;
   var onKeyDown = (0, _useListKeyboardHandler.useListKeyboardHandler)(options, onSelect);
   var maxIndex = options.length;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Fieldset.Fieldset, {
@@ -64,4 +65,4 @@ function LunaticRadioGroup(_ref) {
     })]
   });
 }
-var RadioGroup = exports.RadioGroup = (0, _customizedComponent.customizedComponent)('Radio', LunaticRadioGroup);
+var RadioGroup = exports.RadioGroup = (0, _slottableComponent.slottableComponent)('RadioGroup', LunaticRadioGroup);

package/lib/components/shared/Radio/RadioOption.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _reactKeyboardEventHandler = _interopRequireDefault(require("react-keyboard-event-handler"));
 var _function = require("../../../utils/function");
 var _Label = require("../Label/Label");
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _Icons = require("../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -113,4 +113,4 @@ function getIcon(checked, checkboxStyle) {
   }
   return _Icons.RadioUncheckedIcon;
 }
-var RadioOption = exports.RadioOption = (0, _customizedComponent.customizedComponent)('RadioOption', LunaticRadioOption);
+var RadioOption = exports.RadioOption = (0, _slottableComponent.slottableComponent)('RadioOption', LunaticRadioOption);

package/lib/components/shared/Table/Table.js

@@ -7,7 +7,7 @@ exports.Table = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./Table.scss");
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTable(_ref) {
@@ -20,4 +20,4 @@ function LunaticTable(_ref) {
     children: children
   });
 }
-var Table = exports.Table = (0, _customizedComponent.customizedComponent)('Table', LunaticTable);
+var Table = exports.Table = (0, _slottableComponent.slottableComponent)('Table', LunaticTable);

package/lib/components/shared/Table/Tbody.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tbody = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTbody(_ref) {
@@ -18,4 +18,4 @@ function LunaticTbody(_ref) {
     children: children
   });
 }
-var Tbody = exports.Tbody = (0, _customizedComponent.customizedComponent)('Tbody', LunaticTbody);
+var Tbody = exports.Tbody = (0, _slottableComponent.slottableComponent)('Tbody', LunaticTbody);

package/lib/components/shared/Table/Td.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Td = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTd(_ref) {
@@ -24,4 +24,4 @@ function LunaticTd(_ref) {
     children: children
   });
 }
-var Td = exports.Td = (0, _customizedComponent.customizedComponent)('Td', LunaticTd);
+var Td = exports.Td = (0, _slottableComponent.slottableComponent)('Td', LunaticTd);

package/lib/components/shared/Table/Th.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Th = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTh(_ref) {
@@ -23,4 +23,4 @@ function LunaticTh(_ref) {
     children: children
   });
 }
-var Th = exports.Th = (0, _customizedComponent.customizedComponent)('Th', LunaticTh);
+var Th = exports.Th = (0, _slottableComponent.slottableComponent)('Th', LunaticTh);

package/lib/components/shared/Table/Thead.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Thead = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticThead(_ref) {
@@ -18,4 +18,4 @@ function LunaticThead(_ref) {
     children: children
   });
 }
-var Thead = exports.Thead = (0, _customizedComponent.customizedComponent)('Thead', LunaticThead);
+var Thead = exports.Thead = (0, _slottableComponent.slottableComponent)('Thead', LunaticThead);

package/lib/components/shared/Table/Tr.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tr = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _customizedComponent = require("../HOC/customizedComponent");
+var _slottableComponent = require("../HOC/slottableComponent");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function LunaticTr(_ref) {
@@ -19,4 +19,4 @@ function LunaticTr(_ref) {
     children: children
   });
 }
-var Tr = exports.Tr = (0, _customizedComponent.customizedComponent)('Tr', LunaticTr);
+var Tr = exports.Tr = (0, _slottableComponent.slottableComponent)('Tr', LunaticTr);

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/CheckboxOne/CheckboxOne.d.ts

@@ -1,12 +1,6 @@
-/// <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,11 @@
 /// <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,11 @@
 /// <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,11 @@
 /// <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,11 @@
 /// <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,11 @@
 /// <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,6 @@
-/// <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/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,11 @@
 /// <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> & {
+    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>, "id" | "label" | "description" | "declarations"> & {
         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;