@inseefr/lunatic 3.4.5 → 3.4.6

package/esm/components/CheckboxBoolean/CheckboxBoolean.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
+import { CheckboxOption } from '../shared/Checkbox/CheckboxOption';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { Declarations } from '../shared/Declarations/Declarations';
+export function CheckboxBoolean({ handleChanges, response, errors, value, ...props }) {
+    const checked = !!value;
+    return (_jsx(CustomCheckboxBoolean, { ...props, checked: checked, onChange: () => handleChanges([
+            {
+                name: response.name,
+                value: !checked,
+            },
+        ]), errors: getComponentErrors(errors, props.id) }));
+}
+export const CustomCheckboxBoolean = slottableComponent('CheckboxBoolean', (props) => {
+    const { disabled, checked, id, onChange, label, declarations, description, errors, } = props;
+    return (_jsxs("div", { className: "lunatic-checkbox-boolean", children: [_jsx(CheckboxOption, { disabled: disabled, checked: checked, id: id, onCheck: onChange, label: _jsxs(_Fragment, { children: [label, _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations })] }), description: description, invalid: !!errors }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=CheckboxBoolean.js.map

package/esm/components/CheckboxBoolean/CheckboxBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxBoolean.js","sourceRoot":"","sources":["../../../src/components/CheckboxBoolean/CheckboxBoolean.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,eAAe,EACf,kBAAkB,GAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,MAAM,UAAU,eAAe,CAAC,EAC/B,aAAa,EACb,QAAQ,EACR,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACkC;IAC1C,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC;IACxB,OAAO,CACN,KAAC,qBAAqB,OACjB,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CACd,aAAa,CAAC;YACb;gBACC,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,OAAO;aACf;SACD,CAAC,EAEH,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAC3C,CACF,CAAC;AACH,CAAC;AAWD,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CACtD,iBAAiB,EACjB,CAAC,KAAK,EAAE,EAAE;IACT,MAAM,EACL,QAAQ,EACR,OAAO,EACP,EAAE,EACF,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAW,EACX,MAAM,GACN,GAAG,KAAK,CAAC;IACV,OAAO,CACN,eAAK,SAAS,EAAC,0BAA0B,aACxC,KAAC,cAAc,IACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,EACjB,KAAK,EACJ,8BACE,KAAK,EACN,KAAC,YAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,GACzB,IACA,EAEJ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,CAAC,CAAC,MAAM,GAChB,EACF,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/esm/components/CheckboxBoolean/CheckboxBoolean.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/CheckboxBoolean/CheckboxBoolean.spec.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, fireEvent } from '@testing-library/react';
+import { CheckboxBoolean } from './CheckboxBoolean';
+import { describe, it, expect, vi, afterEach } from 'vitest';
+describe('CheckboxBoolean', () => {
+    const label = 'I accept the terms and conditions';
+    const description = 'You must accept the terms and conditions to continue.';
+    const handleChanges = vi.fn();
+    const response = { name: 'demo' };
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+    it('renders label ', () => {
+        const { getByText } = render(_jsx(CheckboxBoolean, { id: "checkbox", label: label, value: true, handleChanges: handleChanges, response: response }));
+        expect(getByText(label)).toBeInTheDocument();
+    });
+    it('renders unchecked checkbox', () => {
+        const { getByRole } = render(_jsx(CheckboxBoolean, { id: "checkbox", label: label, description: description, value: false, handleChanges: handleChanges, response: response }));
+        const checkbox = getByRole('checkbox');
+        expect(checkbox).not.toBeChecked();
+        expect(checkbox).toBeEnabled();
+    });
+    it('renders checked checkbox', () => {
+        const { getByRole } = render(_jsx(CheckboxBoolean, { id: 'checkbox', label: label, description: description, value: true, handleChanges: handleChanges, response: response }));
+        const checkbox = getByRole('checkbox');
+        expect(checkbox).toBeChecked();
+        expect(checkbox).toBeEnabled();
+    });
+    it('calls onClick when checkbox is clicked', () => {
+        const { getByRole } = render(_jsx(CheckboxBoolean, { id: "checkbox", label: label, description: description, value: false, handleChanges: handleChanges, response: response }));
+        const checkbox = getByRole('checkbox');
+        fireEvent.click(checkbox);
+        expect(handleChanges).toHaveBeenCalledTimes(1);
+        expect(handleChanges).toHaveBeenCalledWith([{ ...response, value: true }]);
+    });
+});
+//# sourceMappingURL=CheckboxBoolean.spec.js.map

package/esm/components/CheckboxBoolean/CheckboxBoolean.spec.js.map

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

package/esm/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,2 @@
+import type { LunaticComponentProps } from '../type';
+export declare function CheckboxGroup({ id, shortcut, readOnly, options, disabled, errors, label, description, declarations, orientation, }: LunaticComponentProps<'CheckboxGroup'>): import("react/jsx-runtime").JSX.Element;

package/esm/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CustomCheckboxGroup } from './CustomCheckboxGroup';
+import { getComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
+export function CheckboxGroup({ id, shortcut, readOnly, options, disabled, errors, label, description, declarations, orientation, }) {
+    return (_jsx(CustomCheckboxGroup, { id: id, description: description, options: options, label: label, errors: getComponentErrors(errors, id), shortcut: shortcut, disabled: disabled, readOnly: readOnly, declarations: declarations, orientation: orientation }));
+}
+//# sourceMappingURL=CheckboxGroup.js.map

package/esm/components/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,MAAM,UAAU,aAAa,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GAC6B;IACxC,OAAO,CACN,KAAC,mBAAmB,IACnB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACvB,CACF,CAAC;AACH,CAAC"}

package/esm/components/CheckboxGroup/CustomCheckboxGroup.d.ts

@@ -0,0 +1,7 @@
+import type { LunaticError } from '../../use-lunatic/type';
+import type { LunaticComponentProps } from '../type';
+type Props = Pick<LunaticComponentProps<'CheckboxGroup'>, 'id' | 'label' | 'description' | 'declarations' | 'shortcut' | 'readOnly' | 'disabled' | 'options' | 'orientation'> & {
+    errors?: LunaticError[];
+};
+export declare const CustomCheckboxGroup: import("react").ComponentType<Props>;
+export {};

package/esm/components/CheckboxGroup/CustomCheckboxGroup.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { ComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
+import { Fieldset } from '../shared/Fieldset/Fieldset';
+import { CheckboxOption } from '../shared/Checkbox/CheckboxOption';
+import { getShortcutKey } from '../shared/Checkbox/getShortcutKey';
+import { Declarations } from '../shared/Declarations/Declarations';
+import { CustomInput } from '../Input/Input';
+export const CustomCheckboxGroup = slottableComponent('CheckboxGroup', ({ options, label, description, errors, shortcut, disabled, readOnly, declarations, orientation, }) => {
+    return (_jsxs(Fieldset, { className: "lunatic-checkbox-group", legend: label, description: description, children: [_jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), _jsx("div", { className: `lunatic-checkboxes lunatic-checkboxes--${orientation}`, children: options.map((option, index) => {
+                    var _a;
+                    return (_jsxs("div", { className: `lunatic-checkbox-group-option`, children: [_jsx(CheckboxOption, { ...option, disabled: disabled, readOnly: readOnly, shortcut: shortcut, invalid: !!errors, id: option.id, codeModality: shortcut ? getShortcutKey(index, options.length) : undefined }), option.onDetailChange && option.checked && (_jsx(CustomInput, { id: "detailId", label: (_a = option.detailLabel) !== null && _a !== void 0 ? _a : 'Précisez :', value: typeof option.detailValue === 'string'
+                                    ? option.detailValue
+                                    : '', onChange: option.onDetailChange, disabled: disabled }))] }, option.id));
+                }) }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=CustomCheckboxGroup.js.map

package/esm/components/CheckboxGroup/CustomCheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CustomCheckboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiB7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CACpD,eAAe,EACf,CAAC,EACA,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,GACJ,EAAE,EAAE;IACX,OAAO,CACN,MAAC,QAAQ,IACR,SAAS,EAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,WAAW,aAExB,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,cACC,SAAS,EAAE,0CAA0C,WAAW,EAAE,YAEjE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;oBAC9B,OAAO,CACN,eAAK,SAAS,EAAE,+BAA+B,aAC9C,KAAC,cAAc,OACV,MAAM,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,EACjB,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,YAAY,EACX,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,GAE5D,EACD,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,OAAO,IAAI,CAC3C,KAAC,WAAW,IACX,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,MAAA,MAAM,CAAC,WAAW,mCAAI,YAAY,EACzC,KAAK,EACJ,OAAO,MAAM,CAAC,WAAW,KAAK,QAAQ;oCACrC,CAAC,CAAC,MAAM,CAAC,WAAW;oCACpB,CAAC,CAAC,EAAE,EAEN,QAAQ,EAAE,MAAM,CAAC,cAAc,EAC/B,QAAQ,EAAE,QAAQ,GACjB,CACF,KAxBoD,MAAM,CAAC,EAAE,CAyBzD,CACN,CAAC;gBACH,CAAC,CAAC,GACG,EACN,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC,CACD,CAAC"}

package/esm/components/CheckboxGroup/CustomCheckboxGroup.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/CheckboxGroup/CustomCheckboxGroup.spec.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import { CustomCheckboxGroup } from './CustomCheckboxGroup';
+describe('CheckboxGroupContent', () => {
+    const options = [
+        {
+            id: '1',
+            label: 'Option 1',
+            checked: false,
+            name: 'option1',
+            onCheck: vi.fn(),
+        },
+        {
+            id: '2',
+            label: 'Option 2',
+            checked: true,
+            name: 'option2',
+            onCheck: vi.fn(),
+        },
+        {
+            id: '3',
+            label: 'Option 3',
+            checked: false,
+            name: 'option3',
+            onCheck: vi.fn(),
+        },
+    ];
+    it('calls onCheck callback when an option is clicked', () => {
+        const { getByLabelText } = render(_jsx(CustomCheckboxGroup, { options: options, id: "test-checkbox-group" }));
+        const option1 = getByLabelText('Option 1');
+        const option2 = getByLabelText('Option 2');
+        const option3 = getByLabelText('Option 3');
+        fireEvent.click(option1);
+        expect(options[0].onCheck).toHaveBeenCalledTimes(1);
+        expect(options[0].onCheck).toHaveBeenCalledWith(true);
+        fireEvent.click(option2);
+        expect(options[1].onCheck).toHaveBeenCalledTimes(1);
+        expect(options[1].onCheck).toHaveBeenCalledWith(false);
+        fireEvent.click(option3);
+        expect(options[2].onCheck).toHaveBeenCalledTimes(1);
+        expect(options[2].onCheck).toHaveBeenCalledWith(true);
+    });
+});
+//# sourceMappingURL=CustomCheckboxGroup.spec.js.map

package/esm/components/CheckboxGroup/CustomCheckboxGroup.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCheckboxGroup.spec.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CustomCheckboxGroup.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG;QACf;YACC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE;SAChB;QACD;YACC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE;SAChB;QACD;YACC,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE;SAChB;KACD,CAAC;IAEF,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAC,qBAAqB,GAAG,CAClE,CAAC;QAEF,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;QAE3C,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAEtD,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAEvD,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/CheckboxOne/CheckboxOne.d.ts

@@ -0,0 +1,5 @@
+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, errors, disabled, readOnly, shortcut, declarations, orientation, }: LunaticComponentProps<'CheckboxOne'>): import("react/jsx-runtime").JSX.Element;

package/esm/components/CheckboxOne/CheckboxOne.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroup } from '../shared/Radio/RadioGroup';
+import { getComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
+/**
+ * Checkbox acting as a radio (only one option can be checked at a time)
+ */
+export function CheckboxOne({ options, value, id, label, description, errors, disabled, readOnly, shortcut, declarations, orientation, }) {
+    return (_jsx(RadioGroup, { id: id, className: "lunatic-checkbox-one", options: options, value: value, disabled: disabled, readOnly: readOnly, errors: getComponentErrors(errors, id), label: label, description: description, checkboxStyle: true, shortcut: shortcut, declarations: declarations, orientation: orientation !== null && orientation !== void 0 ? orientation : 'vertical', clearable: true }));
+}
+//# sourceMappingURL=CheckboxOne.js.map

package/esm/components/CheckboxOne/CheckboxOne.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOne.js","sourceRoot":"","sources":["../../../src/components/CheckboxOne/CheckboxOne.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,EAAE,EACF,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,GAC2B;IACtC,OAAO,CACN,KAAC,UAAU,IACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,UAAU,EACtC,SAAS,SACR,CACF,CAAC;AACH,CAAC"}

package/esm/components/CheckboxOne/CheckboxOne.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/CheckboxOne/CheckboxOne.spec.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, fireEvent } from '@testing-library/react';
+import { CheckboxOne } from './CheckboxOne';
+import { describe, it, expect, vi } from 'vitest';
+describe('CheckboxOne component', () => {
+    const onCheck = vi.fn();
+    const options = [
+        { label: 'Option 1', value: 'option-1', onCheck: onCheck, checked: false },
+        { label: 'Option 2', value: 'option-2', onCheck: onCheck, checked: false },
+        { label: 'Option 3', value: 'option-3', onCheck: onCheck, checked: false },
+    ];
+    it('renders the component with correct props', () => {
+        const { getByText } = render(_jsx(CheckboxOne, { options: options, value: "option-1", id: "checkbox-one", handleChanges: onCheck }));
+        expect(getByText('Option 1')).toBeInTheDocument();
+        expect(getByText('Option 2')).toBeInTheDocument();
+        expect(getByText('Option 3')).toBeInTheDocument();
+    });
+    it('calls onSelect when an option is selected', () => {
+        const { getByText } = render(_jsx(CheckboxOne, { options: options, value: "option-1", id: "checkbox-one", label: "Checkbox One", description: "Choose one option", handleChanges: onCheck }));
+        fireEvent.click(getByText('Option 2'));
+        expect(onCheck).toHaveBeenCalledTimes(1);
+    });
+});
+//# sourceMappingURL=CheckboxOne.spec.js.map

package/esm/components/CheckboxOne/CheckboxOne.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOne.spec.js","sourceRoot":"","sources":["../../../src/components/CheckboxOne/CheckboxOne.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAElD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;IACxB,MAAM,OAAO,GAAG;QACf,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC5C,CAAC;IAEhC,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,WAAW,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,cAAc,EACjB,aAAa,EAAE,OAAO,GACrB,CACF,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,WAAW,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,mBAAmB,EAC/B,aAAa,EAAE,OAAO,GACrB,CACF,CAAC;QAEF,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEvC,MAAM,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,9 @@
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Datepicker({ dateFormat, response, handleChanges, errors, ...props }: LunaticComponentProps<'Datepicker'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Datepicker'>, 'response' | 'handleChanges' | 'errors'> & {
+    onChange: (s: string | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomDatepicker: import("react").ComponentType<CustomProps>;
+export {};

package/esm/components/Datepicker/Datepicker.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { DatepickerField } from './DatepickerField';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { Label } from '../shared/Label/Label';
+import { ComponentErrors, getComponentErrors, } from '../shared/ComponentErrors/ComponentErrors';
+import { Declarations } from '../shared/Declarations/Declarations';
+export function Datepicker({ dateFormat = 'YYYY-MM-DD', response, handleChanges, errors, ...props }) {
+    return (_jsx(CustomDatepicker, { ...props, dateFormat: dateFormat !== null && dateFormat !== void 0 ? dateFormat : 'YYYY-MM-DD', onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
+}
+export const CustomDatepicker = slottableComponent('Datepicker', (props) => {
+    const { disabled, readOnly, value = '', dateFormat = 'YYYY-MM-DD', id, label, errors, description, declarations, onChange, } = props;
+    const labelId = `lunatic-datepicker-${id}`;
+    const showDay = dateFormat.includes('DD');
+    const showMonth = dateFormat.includes('MM');
+    // Raw state, we allow invalid dates to be typed
+    const [numbers, setNumbers] = useState(() => numbersFromDateString(value !== null && value !== void 0 ? value : undefined));
+    const setNumber = (index) => (value) => {
+        const newNumbers = [...numbers];
+        newNumbers[index] = value;
+        setNumbers(newNumbers);
+        onNumbersChange(newNumbers);
+    };
+    const onNumbersChange = (numbers) => {
+        const formatParts = dateFormat.split('-');
+        const hasNaNIndex = numbers.findIndex((v) => Number.isNaN(v));
+        // Date has a missing part
+        if (hasNaNIndex > -1 && hasNaNIndex <= formatParts.length - 1) {
+            onChange(null);
+            return;
+        }
+        // Date is not valid
+        if (dateFormat === 'YYYY-MM-DD' && !isDateValid(numbers)) {
+            onChange(null);
+            return;
+        }
+        const result = formatParts
+            .map((v, k) => numbers[k].toString().padStart(v.length, '0'))
+            .join('-');
+        onChange(result);
+    };
+    const extraProps = {
+        readOnly,
+        disabled,
+    };
+    return (_jsxs("div", { className: "lunatic-input", children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsxs("div", { className: "lunaticDatepickerFields", children: [showDay && (_jsx(DatepickerField, { id: id + 'day', label: "Jour", description: "Exemple: 14", max: 31, value: numbers[2], onChange: setNumber(2), ...extraProps })), showMonth && (_jsx(DatepickerField, { id: id + 'month', label: "Mois", description: "Exemple: 07", max: 12, value: numbers[1], onChange: setNumber(1), ...extraProps })), _jsx(DatepickerField, { id: id + 'year', label: "Ann\u00E9e", description: "Exemple: 2023", value: numbers[0], max: 9999, onChange: setNumber(0), ...extraProps })] }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+function numbersFromDateString(s) {
+    if (!s) {
+        return [NaN, NaN, NaN];
+    }
+    const parts = s.split('-');
+    return [
+        parseInt(parts[0], 10),
+        parseInt(parts[1], 10),
+        parseInt(parts[2], 10),
+    ];
+}
+function isDateValid(dateArray) {
+    const [year, month, day] = dateArray;
+    const date = new Date(year, month - 1, day);
+    return (date.getFullYear() === year &&
+        date.getMonth() === month - 1 &&
+        date.getDate() === day);
+}
+//# sourceMappingURL=Datepicker.js.map

package/esm/components/Datepicker/Datepicker.js.map

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

package/esm/components/Datepicker/Datepicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/Datepicker/Datepicker.spec.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { Datepicker } from './Datepicker';
+describe('Datepicker', () => {
+    const mockOnChange = vi.fn();
+    const baseProps = {
+        value: '1999-01-01',
+        executeExpression: vi.fn,
+        response: { name: 'demo' },
+        'aria-labelledby': 'datepicker',
+        id: 'datepicker',
+    };
+    beforeEach(() => {
+        mockOnChange.mockClear();
+    });
+    ['YYYY-MM-DD', 'YYYY-MM', 'YYYY'].forEach((format) => {
+        it('should render properly with format ' + format, () => {
+            const { container } = render(_jsx(Datepicker, { ...baseProps, handleChanges: mockOnChange, dateFormat: format }));
+            expect(container).toMatchSnapshot();
+        });
+    });
+    it('handle change correctly for format YYYY-MM-DD', () => {
+        render(_jsx(Datepicker, { ...baseProps, dateFormat: "YYYY-MM-DD", handleChanges: mockOnChange }));
+        fireEvent.change(screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith([
+            {
+                ...baseProps.response,
+                value: '2023-01-01',
+            },
+        ]);
+        fireEvent.change(screen.getByLabelText(/Mois/), {
+            target: { valueAsNumber: 2 },
+        });
+        fireEvent.change(screen.getByLabelText(/Jour/), {
+            target: { valueAsNumber: 30 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith([
+            { ...baseProps.response, value: null },
+        ]);
+    });
+    it('handle change correctly for format YYYY-MM', () => {
+        render(_jsx(Datepicker, { ...baseProps, dateFormat: "YYYY-MM", value: "1999-01", handleChanges: mockOnChange }));
+        fireEvent.change(screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith([
+            {
+                ...baseProps.response,
+                value: '2023-01',
+            },
+        ]);
+        fireEvent.change(screen.getByLabelText(/Mois/), {
+            target: { valueAsNumber: 10 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith([
+            {
+                ...baseProps.response,
+                value: '2023-10',
+            },
+        ]);
+    });
+    it('handle change correctly for year YYYY', () => {
+        render(_jsx(Datepicker, { ...baseProps, dateFormat: "YYYY", value: "1999", handleChanges: mockOnChange }));
+        fireEvent.change(screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith([
+            { ...baseProps.response, value: '2023' },
+        ]);
+    });
+});
+//# sourceMappingURL=Datepicker.spec.js.map

package/esm/components/Datepicker/Datepicker.spec.js.map

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

package/esm/components/Datepicker/DatepickerField.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    id: string;
+    label: string;
+    description: string;
+    max?: number;
+    onChange: (value: number) => void;
+    value?: number;
+    readOnly?: boolean;
+    disabled?: boolean;
+};
+export declare function DatepickerField({ label, id, description, onChange, value, max, readOnly, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/components/Datepicker/DatepickerField.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+export function DatepickerField({ label, id, description, onChange, value, max, readOnly, disabled, }) {
+    const handleChange = (e) => {
+        if (!Number.isNaN(e.target.valueAsNumber) &&
+            ((max && e.target.valueAsNumber > max) || e.target.valueAsNumber < 1)) {
+            return;
+        }
+        onChange(e.target.valueAsNumber);
+    };
+    return (_jsxs("div", { className: classNames('lunaticDatepickerField', (!max || max > 999) && 'lunaticDatepickerFieldLarge'), children: [_jsxs("label", { htmlFor: id, children: [label, _jsx("span", { className: "lunaticDatepickerHint", children: description })] }), _jsx("input", { id: id, type: "number", min: 1, max: max, readOnly: readOnly, disabled: disabled, value: Number.isNaN(value) ? '' : value, onChange: handleChange, onFocus: (e) => e.target.select() })] }));
+}
+//# sourceMappingURL=DatepickerField.js.map

package/esm/components/Datepicker/DatepickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatepickerField.js","sourceRoot":"","sources":["../../../src/components/Datepicker/DatepickerField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,UAAU,eAAe,CAAC,EAC/B,KAAK,EACL,EAAE,EACF,WAAW,EACX,QAAQ,EACR,KAAK,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,GACD;IACP,MAAM,YAAY,GAAyC,CAAC,CAAC,EAAE,EAAE;QAChE,IACC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;YACrC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,EACpE,CAAC;YACF,OAAO;QACR,CAAC;QACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,CACN,eACC,SAAS,EAAE,UAAU,CACpB,wBAAwB,EACxB,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,IAAI,6BAA6B,CACpD,aAED,iBAAO,OAAO,EAAE,EAAE,aAChB,KAAK,EACN,eAAM,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAQ,IACrD,EACR,gBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EACvC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,GAChC,IACG,CACN,CAAC;AACH,CAAC"}

package/esm/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,9 @@
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Dropdown({ handleChanges, response, errors, ...props }: LunaticComponentProps<'Dropdown'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Dropdown'>, 'response' | 'handleChanges' | 'errors'> & {
+    onChange: (v: string | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomDropdown: import("react").ComponentType<CustomProps>;
+export {};

package/esm/components/Dropdown/Dropdown.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
+import { slottableComponent } from '../shared/HOC/slottableComponent';
+import { SimpleOptionRenderer } from './renderer/SimpleOptionRenderer';
+import { SimpleLabelRenderer } from './renderer/SimpleLabelRenderer';
+import { Combobox } from '../shared/Combobox/Combobox';
+import classNames from 'classnames';
+export function Dropdown({ handleChanges, response, errors, ...props }) {
+    return (_jsx(CustomDropdown, { ...props, onChange: (value) => handleChanges([{ name: response.name, value }]), errors: getComponentErrors(errors, props.id) }));
+}
+export const CustomDropdown = slottableComponent('Dropdown', (props) => {
+    const { id, disabled, options, className, value, declarations, description, label, errors, onChange, readOnly, } = props;
+    return (_jsx(Combobox, { id: id, className: classNames(className, 'lunatic-dropdown'), disabled: disabled, readOnly: readOnly, options: options, editable: false, onSelect: onChange, optionRenderer: SimpleOptionRenderer, labelRenderer: SimpleLabelRenderer, value: value, label: label, errors: errors, description: description, declarations: declarations }));
+});
+//# sourceMappingURL=Dropdown.js.map

package/esm/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,EACxB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EAC2B;IACnC,OAAO,CACN,KAAC,cAAc,OACV,KAAK,EACT,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EACpE,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAC3C,CACF,CAAC;AACH,CAAC;AAUD,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/C,UAAU,EACV,CAAC,KAAK,EAAE,EAAE;IACT,MAAM,EACL,EAAE,EACF,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACN,KAAC,QAAQ,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,EACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,oBAAoB,EACpC,aAAa,EAAE,mBAAmB,EAClC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GACzB,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

package/esm/components/Dropdown/Dropdown.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/Dropdown/Dropdown.spec.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { Dropdown } from './Dropdown';
+describe('Dropdown', () => {
+    const mockOnSelect = vi.fn();
+    const baseProps = {
+        value: 'toto',
+        id: 'dropdown',
+        'aria-labelledby': 'dropdown',
+        options: [
+            {
+                value: 'toto',
+                description: 'toto',
+                label: 'toto',
+            },
+        ],
+        response: { name: 'demo' },
+        handleChanges: mockOnSelect,
+    };
+    beforeEach(() => {
+        mockOnSelect.mockClear();
+    });
+    it('renders without crashing', () => {
+        const { container } = render(_jsx(Dropdown, { ...baseProps }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should handle readOnly', () => {
+        const { container } = render(_jsx(Dropdown, { ...baseProps, readOnly: true }));
+        expect(container).toMatchSnapshot();
+        const selection = container.querySelector('.lunatic-combo-box-content');
+        selection.focus();
+        expect(selection).toHaveFocus();
+        const span = selection === null || selection === void 0 ? void 0 : selection.querySelector('span');
+        expect(span).toHaveTextContent('toto');
+    });
+});
+//# sourceMappingURL=Dropdown.spec.js.map

package/esm/components/Dropdown/Dropdown.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.spec.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,EAAE,EAAE,UAAU;QACd,iBAAiB,EAAE,UAAU;QAC7B,OAAO,EAAE;YACR;gBACC,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,MAAM;gBACnB,KAAK,EAAE,MAAM;aACb;SACD;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QAC1B,aAAa,EAAE,YAAY;KAC3B,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACf,YAAY,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,OAAK,SAAS,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,OAAK,SAAS,EAAE,QAAQ,SAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACvE,SAAyB,CAAC,KAAK,EAAE,CAAC;QACnC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,IAAI,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/Dropdown/renderer/SimpleLabelRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { ComboboxOptionType } from '../../shared/Combobox/ComboboxType';
+type Props = {
+    option?: ComboboxOptionType;
+    placeholder?: string;
+    search?: string;
+};
+export declare function SimpleLabelRenderer({ option, placeholder, search }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/components/Dropdown/renderer/SimpleLabelRenderer.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function getContent(option, search) {
+    if (option) {
+        const { value, label } = option;
+        return label || value;
+    }
+    if (search === null || search === void 0 ? void 0 : search.trim().length) {
+        return search;
+    }
+    return null;
+}
+export function SimpleLabelRenderer({ option, placeholder, search }) {
+    const content = getContent(option, search);
+    if (content) {
+        return _jsx("span", { className: "selection", children: content });
+    }
+    return _jsx("span", { className: "placeholder", children: placeholder });
+}
+//# sourceMappingURL=SimpleLabelRenderer.js.map

package/esm/components/Dropdown/renderer/SimpleLabelRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLabelRenderer.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/renderer/SimpleLabelRenderer.tsx"],"names":[],"mappings":";AAQA,SAAS,UAAU,CAAC,MAAuB,EAAE,MAAe;IAC3D,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAChC,OAAO,KAAK,IAAI,KAAK,CAAC;IACvB,CAAC;IACD,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAG,MAAM,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAS;IACzE,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,eAAM,SAAS,EAAC,WAAW,YAAE,OAAO,GAAQ,CAAC;IACrD,CAAC;IACD,OAAO,eAAM,SAAS,EAAC,aAAa,YAAE,WAAW,GAAQ,CAAC;AAC3D,CAAC"}

package/esm/components/Dropdown/renderer/SimpleOptionRenderer.d.ts

@@ -0,0 +1,7 @@
+import type { ComboboxOptionType } from '../../shared/Combobox/ComboboxType';
+type Props = {
+    option: ComboboxOptionType;
+    selected?: boolean;
+};
+export declare function SimpleOptionRenderer({ option, selected }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/components/Dropdown/renderer/SimpleOptionRenderer.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+export function SimpleOptionRenderer({ option, selected }) {
+    const { value, label } = option;
+    if (label && typeof label === 'string' && label.length) {
+        return (_jsxs("div", { className: classnames('lunatic-dropdown-option', { selected }), children: [_jsx("span", { className: "id", children: value }), _jsx("span", { children: "\u00A0\u2014\u00A0" }), _jsx("span", { className: "label", children: label })] }));
+    }
+    return (_jsx("div", { className: classnames('lunatic-dropdown-option', { selected }), children: _jsx("span", { className: "id", children: label }) }));
+}
+//# sourceMappingURL=SimpleOptionRenderer.js.map

package/esm/components/Dropdown/renderer/SimpleOptionRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleOptionRenderer.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/renderer/SimpleOptionRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,UAAU,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAS;IAC/D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEhC,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACxD,OAAO,CACN,eAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,QAAQ,EAAE,CAAC,aAClE,eAAM,SAAS,EAAC,IAAI,YAAE,KAAK,GAAQ,EACnC,gDAAiC,EACjC,eAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,IACjC,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,QAAQ,EAAE,CAAC,YAClE,eAAM,SAAS,EAAC,IAAI,YAAE,KAAK,GAAQ,GAC9B,CACN,CAAC;AACH,CAAC"}

package/esm/components/Duration/Duration.d.ts

@@ -0,0 +1,9 @@
+import type { LunaticComponentProps } from '../type';
+import type { LunaticError } from '../../use-lunatic/type';
+export declare function Duration({ handleChanges, response, errors, ...props }: LunaticComponentProps<'Duration'>): import("react/jsx-runtime").JSX.Element;
+type CustomProps = Omit<LunaticComponentProps<'Duration'>, 'response' | 'handleChanges' | 'errors'> & {
+    onChange: (v: string | null) => void;
+    errors?: LunaticError[];
+};
+export declare const CustomDuration: import("react").ComponentType<CustomProps>;
+export {};