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

package/lib/package.json

@@ -0,0 +1,162 @@
+{
+    "name": "@inseefr/lunatic",
+    "version": "3.0.0-rc.12",
+    "workersVersion": "0.3.0",
+    "description": "Library of questionnaire components",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/InseeFr/Lunatic.git"
+    },
+    "author": "INSEE (http://www.insee.fr)",
+    "contributor": [
+        {
+            "name": "Jonathan Boyer",
+            "email": "contact@grafikart.fr"
+        },
+        {
+            "name": "Laurent Caouissin",
+            "email": "laurent.caouissin@insee.fr"
+        },
+        {
+            "name": "Dylan Decrulle",
+            "email": "dylan.decrulle@insee.fr"
+        },
+        {
+            "name": "Renaud Genevois",
+            "email": "renaud.genevois@insee.fr"
+        },
+        {
+            "name": "Nicolas Laval",
+            "email": "nicolas.laval@insee.fr"
+        }
+    ],
+    "license": "MIT",
+    "main": "lib/src/index.js",
+    "types": "lib/src/index.d.ts",
+    "files": [
+        "lib",
+        "workers-release",
+        "scripts/build/workers-paths.js",
+        "scripts/build/add-workers-to-public.js"
+    ],
+    "scripts": {
+        "test": "vitest run",
+        "test:e2e": "playwright test",
+        "test:e2e:visual": "playwright test --headed --debug e2e/pairwise.spec.ts",
+        "test:e2e:codegen": "playwright codegen http://localhost:9999/iframe.html?viewMode=story&id=",
+        "test:storybook": "test-storybook --url http://localhost:9999 --maxWorkers=4 --no-cache",
+        "test-watch": "vitest",
+        "check": "tsc",
+        "lint": "eslint ./src",
+        "lint:check": "eslint . --ext .ts,.tsx",
+        "_format": "prettier **/*.{ts,tsx,json}",
+        "format": "npm run _format -- --write",
+        "format:check": "npm run _format -- --list-different",
+        "test-coverage": "vitest run --coverage",
+        "build-workers": "node ./scripts/build/build-workers.js",
+        "prepare-workers": "npm run build-workers && node ./scripts/build/add-workers-to-public.js",
+        "postinstall": "node ./scripts/build/add-workers-to-public.js",
+        "build": "tsc --project tsconfig.prod.json && sass ./src/css/main.scss ./lib/main.css && cp -R ./src/css/icons ./lib/icons && npm run build-workers",
+        "storybook": "npm run prepare-workers && storybook dev -p 9999 --no-open",
+        "build-storybook": "npm run prepare-workers && storybook build"
+    },
+    "bin": {
+        "workers": "./scripts/build/add-workers-to-public.js"
+    },
+    "keywords": [
+        "react",
+        "component",
+        "react-component",
+        "library"
+    ],
+    "dependencies": {
+        "@inseefr/trevas": "^0.1.20",
+        "@inseefr/vtl-2.0-antlr-tools": "^0.1.0",
+        "antlr4": "4.11.0",
+        "classnames": "^2.3.1",
+        "date-fns": "^2.25.0",
+        "lodash.camelcase": "^4.3.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.isequal": "^4.5.0",
+        "object-hash": "^2.2.0",
+        "prop-types": "^15.7.2",
+        "react-error-boundary": "^4.0.12",
+        "react-keyboard-event-handler": "^1.5.4",
+        "react-markdown": "^8.0.3",
+        "react-number-format": "^5.1.3",
+        "react-tooltip": "^5.23.0",
+        "remove-accents": "^0.4.2",
+        "sass": "^1.58.3",
+        "snowball": "^0.3.1",
+        "string-tokenizer": "^0.0.8"
+    },
+    "resolutions": {
+        "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0",
+        "jackspeak": "2.1.1"
+    },
+    "devDependencies": {
+        "@babel/preset-env": "^7.9.5",
+        "@babel/preset-react": "^7.9.0",
+        "@babel/preset-typescript": "^7.18.6",
+        "@playwright/test": "^1.30.0",
+        "@storybook/addon-a11y": "^7.4.6",
+        "@storybook/addon-actions": "^7.4.6",
+        "@storybook/addon-essentials": "^7.4.6",
+        "@storybook/addon-interactions": "^7.4.6",
+        "@storybook/addon-links": "^7.4.6",
+        "@storybook/addon-mdx-gfm": "^7.4.6",
+        "@storybook/addon-onboarding": "^1.0.8",
+        "@storybook/blocks": "^7.4.6",
+        "@storybook/jest": "^0.2.3",
+        "@storybook/react": "^7.4.6",
+        "@storybook/react-vite": "^7.4.6",
+        "@storybook/react-webpack5": "^7.4.6",
+        "@storybook/test-runner": "^0.13.0",
+        "@storybook/testing-library": "^0.2.2",
+        "@testing-library/react": "^14.0.0",
+        "@testing-library/react-hooks": "^8.0.1",
+        "@types/object-hash": "^2.2.0",
+        "@types/react": "^18.0.26",
+        "@types/react-dom": "^18.0.9",
+        "@types/react-keyboard-event-handler": "^1.5.2",
+        "@typescript-eslint/eslint-plugin": "^7.0.2",
+        "@typescript-eslint/parser": "^7.0.2",
+        "@vitejs/plugin-react": "^3.0.0",
+        "@vitest/coverage-c8": "^0.27.2",
+        "concurrently": "^7.6.0",
+        "core-js": "^3.17.3",
+        "cross-env": "^7.0.2",
+        "damerau-levenshtein": "^1.0.7",
+        "eslint": "8.57.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-config-react-app": "^7.0.1",
+        "eslint-plugin-flowtype": "^8.0.3",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-storybook": "^0.8.0",
+        "http-server": "^14.1.1",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^29.4.3",
+        "jsdom": "^21.1.0",
+        "jsdom-global": "^3.0.2",
+        "prettier": "^3.2.5",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "storybook": "^7.4.6",
+        "typescript": "^5.1.6",
+        "vite": "^4.0.0",
+        "vitest": "^0.27.2",
+        "vitest-dom": "^0.1.1",
+        "wait-on": "^7.0.1",
+        "webpack": "^5.75.0",
+        "webpack-cli": "^5.0.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0"
+    }
+}

package/lib/src/components/CheckboxBoolean/CheckboxBoolean.js

@@ -0,0 +1,14 @@
+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({ handleChange, response, errors, value, ...props }) {
+    const checked = !!value;
+    return (_jsx(CustomCheckboxBoolean, { ...props, checked: checked, onChange: () => handleChange(response, !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, onClick: 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/lib/src/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,YAAY,EACZ,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,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,EAChD,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/lib/src/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 handleChange = vi.fn();
+    const response = { name: 'demo' };
+    afterEach(() => {
+        vi.resetAllMocks();
+    });
+    it('renders label ', () => {
+        const { getByText } = render(_jsx(CheckboxBoolean, { id: "checkbox", label: label, value: true, handleChange: handleChange, response: response }));
+        expect(getByText(label)).toBeInTheDocument();
+    });
+    it('renders unchecked checkbox', () => {
+        const { getByRole } = render(_jsx(CheckboxBoolean, { id: "checkbox", label: label, description: description, value: false, handleChange: handleChange, 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, handleChange: handleChange, 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, handleChange: handleChange, response: response }));
+        const checkbox = getByRole('checkbox');
+        fireEvent.click(checkbox);
+        expect(handleChange).toHaveBeenCalledTimes(1);
+        expect(handleChange).toHaveBeenCalledWith(response, true);
+    });
+});
+//# sourceMappingURL=CheckboxBoolean.spec.js.map

package/lib/src/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/lib/src/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+import { CustomCheckboxGroup } from './CustomCheckboxGroup';
+import { getComponentErrors } from '../shared/ComponentErrors/ComponentErrors';
+export function CheckboxGroup({ id, value, responses, shortcut, handleChange, errors, label, description, }) {
+    const options = responses.map(({ label, response, description, id }) => {
+        const { name } = response;
+        return {
+            label,
+            name,
+            id,
+            checked: castValueToBoolean(value, name),
+            description,
+            onClick: function (checked) {
+                handleChange(response, checked);
+            },
+        };
+    });
+    return (_jsx(CustomCheckboxGroup, { id: id, description: description, options: options, label: label, errors: getComponentErrors(errors, id), shortcut: shortcut }));
+}
+function castValueToBoolean(value, name) {
+    if (value && name in value) {
+        return value[name] ?? false;
+    }
+    return false;
+}
+//# sourceMappingURL=CheckboxGroup.js.map

package/lib/src/components/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAW/E,MAAM,UAAU,aAAa,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,GAC6B;IACxC,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE;QACtE,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAE1B,OAAO;YACN,KAAK;YACL,IAAI;YACJ,EAAE;YACF,OAAO,EAAE,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC;YACxC,WAAW;YACX,OAAO,EAAE,UAAU,OAAgB;gBAClC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACjC,CAAC;SACD,CAAC;IACH,CAAC,CAAiC,CAAC;IAEnC,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,GACjB,CACF,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAC1B,KAAsD,EACtD,IAAY;IAEZ,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC;IAC7B,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC"}

package/lib/src/components/CheckboxGroup/CustomCheckboxGroup.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from 'react';
+import {} from './CheckboxGroup';
+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';
+export const CustomCheckboxGroup = slottableComponent('CheckboxGroup', ({ options, id, label, description, errors, shortcut }) => {
+    return (_jsxs(Fieldset, { className: "lunatic-checkbox-group", legend: label, description: description, children: [options.map((option, index) => {
+                return (_jsx("div", { className: "lunatic-checkbox-group-option", children: _jsx(CheckboxOption, { ...option, shortcut: shortcut, invalid: !!errors, id: option.id, codeModality: shortcut ? getShortcutKey(index, options.length) : undefined }) }, option.id));
+            }), _jsx(ComponentErrors, { errors: errors })] }));
+});
+//# sourceMappingURL=CustomCheckboxGroup.js.map

package/lib/src/components/CheckboxGroup/CustomCheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CustomCheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAA4B,MAAM,iBAAiB,CAAC;AAC3D,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;AAWnE,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CACpD,eAAe,EACf,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAS,EAAE,EAAE;IAChE,OAAO,CACN,MAAC,QAAQ,IACR,SAAS,EAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,WAAW,aAEvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC9B,OAAO,CACN,cAAK,SAAS,EAAC,+BAA+B,YAC7C,KAAC,cAAc,OACV,MAAM,EACV,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,IATiD,MAAM,CAAC,EAAE,CAUvD,CACN,CAAC;YACH,CAAC,CAAC,EACF,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC,CACD,CAAC"}

package/lib/src/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',
+            onClick: vi.fn(),
+        },
+        {
+            id: '2',
+            label: 'Option 2',
+            checked: true,
+            name: 'option2',
+            onClick: vi.fn(),
+        },
+        {
+            id: '3',
+            label: 'Option 3',
+            checked: false,
+            name: 'option3',
+            onClick: vi.fn(),
+        },
+    ];
+    it('calls onClick 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].onClick).toHaveBeenCalledTimes(1);
+        expect(options[0].onClick).toHaveBeenCalledWith(true);
+        fireEvent.click(option2);
+        expect(options[1].onClick).toHaveBeenCalledTimes(1);
+        expect(options[1].onClick).toHaveBeenCalledWith(false);
+        fireEvent.click(option3);
+        expect(options[2].onClick).toHaveBeenCalledTimes(1);
+        expect(options[2].onClick).toHaveBeenCalledWith(true);
+    });
+});
+//# sourceMappingURL=CustomCheckboxGroup.spec.js.map

package/lib/src/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/lib/src/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, handleChange, errors, shortcut, response, }) {
+    return (_jsx(RadioGroup, { id: id, className: "lunatic-checkbox-one", options: options, value: value, errors: getComponentErrors(errors, id), label: label, description: description, onSelect: (value) => handleChange(response, value), checkboxStyle: true, shortcut: shortcut, clearable: true }));
+}
+//# sourceMappingURL=CheckboxOne.js.map

package/lib/src/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,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,GAC8B;IACtC,OAAO,CACN,KAAC,UAAU,IACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,kBAAkB,CAAC,MAAM,EAAE,EAAE,CAAC,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,EACjE,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,SACR,CACF,CAAC;AACH,CAAC"}

package/lib/src/components/CheckboxOne/CheckboxOne.spec.js

@@ -0,0 +1,25 @@
+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 options = [
+        { label: 'Option 1', value: 'option-1' },
+        { label: 'Option 2', value: 'option-2' },
+        { label: 'Option 3', value: 'option-3' },
+    ];
+    const onSelect = vi.fn();
+    it('renders the component with correct props', () => {
+        const { getByText } = render(_jsx(CheckboxOne, { response: { name: 'demo' }, options: options, value: "option-1", id: "checkbox-one", handleChange: onSelect }));
+        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, { response: { name: 'demo' }, options: options, value: "option-1", id: "checkbox-one", label: "Checkbox One", description: "Choose one option", handleChange: onSelect }));
+        fireEvent.click(getByText('Option 2'));
+        expect(onSelect).toHaveBeenCalledTimes(1);
+        expect(onSelect).toHaveBeenCalledWith({ name: 'demo' }, 'option-2');
+    });
+});
+//# sourceMappingURL=CheckboxOne.spec.js.map

package/lib/src/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;AAClD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG;QACf,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KACxC,CAAC;IACF,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;IAEzB,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,WAAW,IACX,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,cAAc,EACjB,YAAY,EAAE,QAAQ,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,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,mBAAmB,EAC/B,YAAY,EAAE,QAAQ,GACrB,CACF,CAAC;QAEF,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEvC,MAAM,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,UAAU,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/src/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, handleChange, errors, ...props }) {
+    return (_jsx(CustomDatepicker, { ...props, dateFormat: dateFormat ?? 'YYYY-MM-DD', onChange: (v) => handleChange(response, v), 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 ?? 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/lib/src/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/lib/src/components/Datepicker/Datepicker.spec.js

@@ -0,0 +1,56 @@
+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, handleChange: mockOnChange, dateFormat: format }));
+            expect(container).toMatchSnapshot();
+        });
+    });
+    it('handle change correctly for format YYYY-MM-DD', () => {
+        render(_jsx(Datepicker, { ...baseProps, dateFormat: "YYYY-MM-DD", handleChange: mockOnChange }));
+        fireEvent.change(screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith(baseProps.response, '2023-01-01');
+        fireEvent.change(screen.getByLabelText(/Mois/), {
+            target: { valueAsNumber: 2 },
+        });
+        fireEvent.change(screen.getByLabelText(/Jour/), {
+            target: { valueAsNumber: 30 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith(baseProps.response, null);
+    });
+    it('handle change correctly for format YYYY-MM', () => {
+        render(_jsx(Datepicker, { ...baseProps, dateFormat: "YYYY-MM", value: "1999-01", handleChange: mockOnChange }));
+        fireEvent.change(screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith(baseProps.response, '2023-01');
+        fireEvent.change(screen.getByLabelText(/Mois/), {
+            target: { valueAsNumber: 10 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith(baseProps.response, '2023-10');
+    });
+    it('handle change correctly for year YYYY', () => {
+        render(_jsx(Datepicker, { ...baseProps, dateFormat: "YYYY", value: "1999", handleChange: mockOnChange }));
+        fireEvent.change(screen.getByLabelText(/Année/), {
+            target: { valueAsNumber: 2023 },
+        });
+        expect(mockOnChange).toHaveBeenLastCalledWith(baseProps.response, '2023');
+    });
+});
+//# sourceMappingURL=Datepicker.spec.js.map

package/lib/src/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/lib/src/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/lib/src/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/lib/src/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({ handleChange, response, errors, ...props }) {
+    return (_jsx(CustomDropdown, { ...props, onChange: (v) => handleChange(response, v), errors: getComponentErrors(errors, props.id) }));
+}
+export const CustomDropdown = slottableComponent('Dropdown', (props) => {
+    const { id, disabled, options, className, value, 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 }));
+});
+//# sourceMappingURL=Dropdown.js.map

package/lib/src/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,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EAC2B;IACnC,OAAO,CACN,KAAC,cAAc,OACV,KAAK,EACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC1C,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,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,GACvB,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

package/lib/src/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' },
+        handleChange: 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?.querySelector('span');
+        expect(span).toHaveTextContent('toto');
+    });
+});
+//# sourceMappingURL=Dropdown.spec.js.map

package/lib/src/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,YAAY,EAAE,YAAY;KAC1B,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,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}