@inseefr/lunatic 3.4.3 → 3.4.5-rc.0

package/components/shared/MDLabel/MDLabel.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MDLabel = MDLabel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_markdown_1 = __importDefault(require("react-markdown"));
+const MarkdownLink_1 = require("./MarkdownLink");
+const remark_breaks_1 = __importDefault(require("remark-breaks"));
+const remark_emoji_1 = __importDefault(require("remark-emoji"));
+function MDLabel({ expression }) {
+    const hasParagraphs = /\n\n/.test(expression);
+    const components = {
+        p: hasParagraphs ? 'p' : react_1.Fragment,
+        br: 'br',
+        a: MarkdownA,
+    };
+    return ((0, jsx_runtime_1.jsx)(react_markdown_1.default, { components: components, remarkPlugins: [[remark_emoji_1.default, { accessible: true }], remark_breaks_1.default], children: expression }));
+}
+const MarkdownA = ({ title, href, children, }) => {
+    const tooltip = title ? (0, jsx_runtime_1.jsx)(MDLabel, { expression: title }) : null;
+    return ((0, jsx_runtime_1.jsx)(MarkdownLink_1.MarkdownLink, { href: href, tooltip: tooltip, children: children }));
+};
+//# sourceMappingURL=MDLabel.js.map

package/components/shared/MDLabel/MDLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MDLabel.js","sourceRoot":"","sources":["../../../src/components/shared/MDLabel/MDLabel.tsx"],"names":[],"mappings":";;;;;AAQA,0BAeC;;AAvBD,iCAAyD;AACzD,oEAA2D;AAC3D,iDAA8C;AAC9C,kEAAyC;AACzC,gEAAiC;AAIjC,SAAgB,OAAO,CAAC,EAAE,UAAU,EAAS;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG;QAClB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAQ;QACjC,EAAE,EAAE,IAAI;QACR,CAAC,EAAE,SAAS;KACW,CAAC;IACzB,OAAO,CACN,uBAAC,wBAAQ,IACR,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,CAAC,CAAC,sBAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,uBAAY,CAAC,YAE3D,UAAU,GACD,CACX,CAAC;AACH,CAAC;AACD,MAAM,SAAS,GAAG,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,QAAQ,GAC6C,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,uBAAC,OAAO,IAAC,UAAU,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,OAAO,CACN,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YACxC,QAAQ,GACK,CACf,CAAC;AACH,CAAC,CAAC"}

package/components/shared/MDLabel/MDLabel.spec.js

@@ -0,0 +1,112 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const MDLabel_1 = require("./MDLabel");
+function getStringHtmlWithoutId(htmlElement) {
+    return htmlElement.outerHTML.replace(/id="[^"]+"/g, '');
+}
+(0, vitest_1.describe)('md-label', () => {
+    (0, vitest_1.it)('should handle simple text', () => {
+        const obj = (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: "This **is** a simple test" }));
+        return (0, vitest_1.expect)(obj.container).toMatchInlineSnapshot(`
+			<div>
+			  This 
+			  <strong>
+			    is
+			  </strong>
+			   a simple test
+			</div>
+		`);
+    });
+    (0, vitest_1.it)('should handle line break', () => {
+        const obj = (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: 'This **is** a simple test\non multiple line' }));
+        return (0, vitest_1.expect)(obj.container).toMatchInlineSnapshot(`
+			<div>
+			  This 
+			  <strong>
+			    is
+			  </strong>
+			   a simple test
+			  <br />
+			  
+
+			  on multiple line
+			</div>
+		`);
+    });
+    (0, vitest_1.it)('should handle paragraphs break', () => {
+        const obj = (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: 'This **is** a simple test\n\nwith multiple paragraphs' }));
+        return (0, vitest_1.expect)(obj.container).toMatchInlineSnapshot(`
+			<div>
+			  <p>
+			    This 
+			    <strong>
+			      is
+			    </strong>
+			     a simple test
+			  </p>
+			  
+
+			  <p>
+			    with multiple paragraphs
+			  </p>
+			</div>
+		`);
+    });
+    (0, vitest_1.it)('should handle emoticon', () => {
+        const obj = (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: '**Demo** of a :dog:' }));
+        return (0, vitest_1.expect)(obj.container).toMatchInlineSnapshot(`
+			<div>
+			  <strong>
+			    Demo
+			  </strong>
+			   of a 
+			  <span
+			    aria-label="dog emoji"
+			    role="img"
+			  >
+			    🐶
+			  </span>
+			</div>
+		`);
+    });
+    (0, vitest_1.it)('should render external link', () => {
+        const obj = (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: 'This is a [link](https://inseefr.github.io/Lunatic/docs)' }));
+        const stringHtmlWithoutId = getStringHtmlWithoutId(obj.container);
+        return (0, vitest_1.expect)(stringHtmlWithoutId).toMatchInlineSnapshot(`"<div>This is a <a href="https://inseefr.github.io/Lunatic/docs" target="_blank" rel="noopener noreferrer" >link</a></div>"`);
+    });
+    (0, vitest_1.it)('should render external link with tooltip', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: "This is a [link](https://inseefr.github.io/Lunatic/docs 'with a tooltip')" }));
+        const link = react_1.screen.getByText('link'); // Get the link element by its text content
+        // Simulate hover event
+        await user_event_1.default.hover(link);
+        let tooltip;
+        await (0, react_1.waitFor)(() => {
+            tooltip = react_1.screen.getByRole('tooltip');
+        });
+        (0, vitest_1.expect)(link.getAttribute('data-tooltip-id')).toBe(tooltip?.id);
+        (0, vitest_1.expect)(tooltip).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('should render internal link', () => {
+        const obj = (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: 'This is an [internal link](/docs)' }));
+        return (0, vitest_1.expect)(getStringHtmlWithoutId(obj.container)).toMatchInlineSnapshot(`"<div>This is an <a href="/docs" >internal link</a></div>"`);
+    });
+    (0, vitest_1.it)('should render internal link with tooltip', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(MDLabel_1.MDLabel, { expression: "This is an [internal link](/docs 'with a tooltip')" }));
+        const link = react_1.screen.getByText('internal link'); // Get the link element by its text content
+        // Simulate hover event
+        await user_event_1.default.hover(link);
+        let tooltip = null;
+        await (0, react_1.waitFor)(() => {
+            tooltip = react_1.screen.getByRole('tooltip');
+        });
+        (0, vitest_1.expect)(tooltip).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=MDLabel.spec.js.map

package/components/shared/MDLabel/MDLabel.spec.js.map

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

package/components/shared/MDLabel/MarkdownLink.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_tooltip_1 = require("react-tooltip");
+const RouterLink_1 = require("./RouterLink");
+const slottableComponent_1 = require("../HOC/slottableComponent");
+exports.MarkdownLink = (0, slottableComponent_1.slottableComponent)('MarkdownLink', ({ href, children, tooltip }) => {
+    const id = (0, react_1.useId)();
+    const extraProps = tooltip
+        ? { 'data-tooltip-id': `tooltip-${id}`, className: 'link-md' }
+        : {};
+    const isAbsoluteLink = href.trim().startsWith('/');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isAbsoluteLink ? ((0, jsx_runtime_1.jsx)(RouterLink_1.RouterLink, { to: href, id: id, ...extraProps, children: children })) : ((0, jsx_runtime_1.jsx)("a", { href: href, target: "_blank", rel: "noopener noreferrer", id: id, ...extraProps, children: children })), tooltip && ((0, jsx_runtime_1.jsx)(react_tooltip_1.Tooltip, { className: "tooltip-content", id: `tooltip-${id}`, children: tooltip }))] }));
+});
+//# sourceMappingURL=MarkdownLink.js.map

package/components/shared/MDLabel/MarkdownLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownLink.js","sourceRoot":"","sources":["../../../src/components/shared/MDLabel/MarkdownLink.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,iDAAwC;AACxC,6CAA0C;AAC1C,kEAA+D;AAIlD,QAAA,YAAY,GAAG,IAAA,uCAAkB,EAC7C,cAAc,EACd,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,UAAU,GAAG,OAAO;QACzB,CAAC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE;QAC9D,CAAC,CAAC,EAAE,CAAC;IACN,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEnD,OAAO,CACN,6DACE,cAAc,CAAC,CAAC,CAAC,CACjB,uBAAC,uBAAU,IAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAM,UAAU,YAC1C,QAAQ,GACG,CACb,CAAC,CAAC,CAAC,CACH,8BACC,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,EAAE,EAAE,EAAE,KACF,UAAU,YAEb,QAAQ,GACN,CACJ,EACA,OAAO,IAAI,CACX,uBAAC,uBAAO,IAAC,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAE,WAAW,EAAE,EAAE,YACtD,OAAO,GACC,CACV,IACC,CACH,CAAC;AACH,CAAC,CACD,CAAC"}

package/components/shared/MDLabel/RouterLink.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const slottableComponent_1 = require("../HOC/slottableComponent");
+exports.RouterLink = (0, slottableComponent_1.slottableComponent)('RouterLink', (props) => {
+    const { to, children, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)("a", { href: to, ...rest, children: children }));
+});
+//# sourceMappingURL=RouterLink.js.map

package/components/shared/MDLabel/RouterLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterLink.js","sourceRoot":"","sources":["../../../src/components/shared/MDLabel/RouterLink.tsx"],"names":[],"mappings":";;;;AACA,kEAA+D;AAIlD,QAAA,UAAU,GAAG,IAAA,uCAAkB,EAAC,YAAY,EAAE,CAAC,KAAY,EAAE,EAAE;IAC3E,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,CACN,8BAAG,IAAI,EAAE,EAAE,KAAM,IAAI,YACnB,QAAQ,GACN,CACJ,CAAC;AACH,CAAC,CAAC,CAAC"}

package/components/shared/Missing/Missing.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MissingPure = exports.Missing = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const constants_1 = require("../../../utils/constants");
+const lunatic_context_1 = require("../../../use-lunatic/lunatic-context");
+const Button_1 = require("../Button/Button");
+const useKeyboardKey_1 = require("../../../hooks/useKeyboardKey");
+const Missing = (props) => {
+    const propsContext = (0, lunatic_context_1.useLunaticMissing)();
+    if (!propsContext.missing || !props.missingResponse) {
+        return null;
+    }
+    if (props.componentType === 'Loop' && props.paginatedLoop) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(exports.MissingPure, { ...props, ...propsContext });
+};
+exports.Missing = Missing;
+const MissingPure = (props) => {
+    const { missingResponse, handleChanges, missingStrategy, shortcut, missingShortcut, dontKnowButton, refusedButton, disabled, readOnly, } = props;
+    const value = missingResponse?.value;
+    const onClick = (value) => {
+        handleChanges([{ name: missingResponse?.name ?? 'UNKNOWN', value }]);
+    };
+    const handleMissingStrategy = (0, react_1.useCallback)(() => {
+        if (missingStrategy)
+            missingStrategy();
+    }, [missingStrategy]);
+    const onClickDK = () => {
+        onClick(constants_1.DK);
+        handleMissingStrategy();
+    };
+    const onClickRF = () => {
+        onClick(constants_1.RF);
+        handleMissingStrategy();
+    };
+    const hasKeyboardShortcut = Boolean(shortcut &&
+        !disabled &&
+        !readOnly &&
+        missingShortcut &&
+        missingShortcut.dontKnow &&
+        missingShortcut.refused);
+    (0, useKeyboardKey_1.useKeyboardKey)(Object.values(missingShortcut), (e) => {
+        e.preventDefault();
+        if (e.key.toLowerCase() === missingShortcut.dontKnow.toLowerCase())
+            onClickDK();
+        if (e.key.toLowerCase() === missingShortcut.refused.toLowerCase())
+            onClickRF();
+    }, hasKeyboardShortcut);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "missing-buttons", children: [(0, jsx_runtime_1.jsx)("span", { className: `missing-button${value === constants_1.DK ? '-active' : ''} missing-button-dk${value === constants_1.DK ? '-active' : ''}`, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { selected: value === constants_1.DK, disabled: disabled, readOnly: readOnly, label: dontKnowButton, onClick: onClickDK }) }), (0, jsx_runtime_1.jsx)("span", { className: `missing-button${value === constants_1.RF ? '-active' : ''} missing-button-rf${value === constants_1.RF ? '-active' : ''}`, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { selected: value === constants_1.RF, disabled: disabled, readOnly: readOnly, label: refusedButton, onClick: onClickRF }) })] }));
+};
+exports.MissingPure = MissingPure;
+exports.default = exports.Missing;
+//# sourceMappingURL=Missing.js.map

package/components/shared/Missing/Missing.js.map

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

package/components/shared/Missing/Missing.spec.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const Missing_1 = require("./Missing");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('Missing', () => {
+    const handleChanges = vitest_1.vi.fn();
+    const missingResponse = {
+        name: 'Demo',
+        value: '',
+    };
+    const dontKnowButton = "Don't know";
+    const refusedButton = 'Refused';
+    (0, vitest_1.afterEach)(() => {
+        vitest_1.vi.clearAllMocks();
+    });
+    (0, vitest_1.it)('should render the "Don\'t Know" and "Refused" buttons', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Missing_1.MissingPure, { dontKnowButton: dontKnowButton, refusedButton: refusedButton, missingResponse: missingResponse, handleChanges: handleChanges, missingShortcut: { dontKnow: '', refused: '' }, missingStrategy: () => { }, shortcut: false }));
+        const dontKnow = getByText(dontKnowButton);
+        const refused = getByText(refusedButton);
+        (0, vitest_1.expect)(dontKnow).toBeInTheDocument();
+        (0, vitest_1.expect)(refused).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('should call the handleChanges function when a button is clicked', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Missing_1.MissingPure, { dontKnowButton: dontKnowButton, refusedButton: refusedButton, missingResponse: missingResponse, handleChanges: handleChanges, missingShortcut: { dontKnow: '', refused: '' }, missingStrategy: () => { }, shortcut: false }));
+        const dontKnow = getByText(dontKnowButton);
+        const refused = getByText(refusedButton);
+        react_1.fireEvent.click(dontKnow);
+        react_1.fireEvent.click(refused);
+        (0, vitest_1.expect)(handleChanges).toHaveBeenCalledTimes(2);
+        (0, vitest_1.expect)(handleChanges).toHaveBeenCalledWith([
+            { ...missingResponse, value: 'DK' },
+        ]);
+        (0, vitest_1.expect)(handleChanges).toHaveBeenCalledWith([
+            { ...missingResponse, value: 'RF' },
+        ]);
+    });
+    (0, vitest_1.it)('should not handle keyboard shortcuts when a shortcut is not provided', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Missing_1.MissingPure, { dontKnowButton: dontKnowButton, refusedButton: refusedButton, missingResponse: missingResponse, handleChanges: handleChanges, missingShortcut: { dontKnow: '', refused: '' }, missingStrategy: () => { }, shortcut: false }));
+        const body = document.body;
+        react_1.fireEvent.click(body, { key: 'd' });
+        react_1.fireEvent.click(body, { key: 'r' });
+        (0, vitest_1.expect)(handleChanges).toHaveBeenCalledTimes(0);
+    });
+});
+//# sourceMappingURL=Missing.spec.js.map

package/components/shared/Missing/Missing.spec.js.map

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

package/components/shared/ModalControls/ModalControls.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalControls = ModalControls;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const Button_1 = require("../Button/Button");
+const i18n_1 = __importDefault(require("../../../i18n"));
+function ErrorItem({ criticality, errorMessage }) {
+    return (0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)(criticality), children: errorMessage });
+}
+function ComponentErrors({ errors }) {
+    const content = errors.map(function (error, index) {
+        return (0, react_1.createElement)(ErrorItem, { ...error, key: index });
+    }, []);
+    return (0, jsx_runtime_1.jsx)("ul", { className: (0, classnames_1.default)('errors'), children: content });
+}
+function ModalControls(props) {
+    if (typeof props.errors !== 'object') {
+        return null;
+    }
+    const errors = Object.values(props.errors).flat();
+    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)("div", { className: "lunatic-modal-controls", children: (0, jsx_runtime_1.jsxs)("div", { className: "modal-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "body", children: (0, jsx_runtime_1.jsx)(ComponentErrors, { errors: errors }) }), (0, jsx_runtime_1.jsx)(CloseOrSkip, { ...props })] }) }), document.body);
+}
+function CloseOrSkip({ onClose, goNext, isCritical }) {
+    if (isCritical) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "modal-buttons", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { className: "modal-button", onClick: onClose, children: i18n_1.default.MODAL_CORRECT }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "modal-buttons", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { className: "modal-button", onClick: onClose, children: i18n_1.default.MODAL_CORRECT }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: "modal-button", onClick: goNext, children: i18n_1.default.MODAL_IGNORE })] }));
+}
+//# sourceMappingURL=ModalControls.js.map

package/components/shared/ModalControls/ModalControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalControls.js","sourceRoot":"","sources":["../../../src/components/shared/ModalControls/ModalControls.tsx"],"names":[],"mappings":";;;;;AAyBA,sCAkBC;;;AA3CD,4DAAoC;AAGpC,0DAAiC;AACjC,6CAA0C;AAC1C,yDAA8B;AAS9B,SAAS,SAAS,CAAC,EAAE,WAAW,EAAE,YAAY,EAAgB;IAC7D,OAAO,+BAAI,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,CAAC,YAAG,YAAY,GAAM,CAAC;AACpE,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,MAAM,EAA8B;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,KAAK,EAAE,KAAK;QAChD,OAAO,2BAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,+BAAI,SAAS,EAAE,IAAA,oBAAU,EAAC,QAAQ,CAAC,YAAG,OAAO,GAAM,CAAC;AAC5D,CAAC;AAED,SAAgB,aAAa,CAAC,KAAY;IACzC,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;IAElD,OAAO,mBAAQ,CAAC,YAAY,CAC3B,gCAAK,SAAS,EAAC,wBAAwB,YACtC,iCAAK,SAAS,EAAC,eAAe,aAC7B,gCAAK,SAAS,EAAC,MAAM,YACpB,uBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,GAC9B,EACN,uBAAC,WAAW,OAAK,KAAK,GAAI,IACrB,GACD,EACN,QAAQ,CAAC,IAAI,CACb,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAS;IAC1D,IAAI,UAAU,EAAE,CAAC;QAChB,OAAO,CACN,gCAAK,SAAS,EAAC,eAAe,YAC7B,uBAAC,eAAM,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,YAC/C,cAAC,CAAC,aAAa,GACR,GACJ,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,iCAAK,SAAS,EAAC,eAAe,aAC7B,uBAAC,eAAM,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,YAC/C,cAAC,CAAC,aAAa,GACR,EACT,uBAAC,eAAM,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,YAC9C,cAAC,CAAC,YAAY,GACP,IACJ,CACN,CAAC;AACH,CAAC"}

package/components/shared/ModalControls/ModalControls.spec.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ModalControls_1 = require("./ModalControls");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('ModalControls component', () => {
+    (0, vitest_1.it)('should render correctly when there are errors', () => {
+        const errors = {
+            field1: [
+                {
+                    id: 'message1',
+                    criticality: 'ERROR',
+                    errorMessage: 'Error message 1',
+                    typeOfControl: 'CONSISTENCY',
+                },
+            ],
+            field2: [
+                {
+                    id: 'message2',
+                    criticality: 'ERROR',
+                    errorMessage: 'Error message 2',
+                    typeOfControl: 'CONSISTENCY',
+                },
+            ],
+        };
+        const goNext = vitest_1.vi.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ModalControls_1.ModalControls, { errors: errors, goNext: goNext, onClose: () => { } }));
+        (0, vitest_1.expect)(getByText('Error message 1')).toBeInTheDocument();
+        (0, vitest_1.expect)(getByText('Error message 2')).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('should render correctly when there are no errors', () => {
+        const goNext = vitest_1.vi.fn();
+        const { queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ModalControls_1.ModalControls, { errors: {}, goNext: goNext, onClose: () => { } }));
+        (0, vitest_1.expect)(queryByText('Error message 1')).toBeNull();
+        (0, vitest_1.expect)(queryByText('Error message 2')).toBeNull();
+    });
+    (0, vitest_1.it)('should call the goNext function when the skip button is clicked', () => {
+        const errors = {
+            field1: [
+                {
+                    criticality: 'ERROR',
+                    errorMessage: 'Error message 1',
+                    id: 'message1',
+                    typeOfControl: 'CONSISTENCY',
+                },
+            ],
+            field2: [
+                {
+                    criticality: 'ERROR',
+                    errorMessage: 'Error message 2',
+                    id: 'message2',
+                    typeOfControl: 'CONSISTENCY',
+                },
+            ],
+        };
+        const goNext = vitest_1.vi.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ModalControls_1.ModalControls, { errors: errors, goNext: goNext, onClose: () => { } }));
+        react_1.fireEvent.click(getByText('Ignore'));
+        (0, vitest_1.expect)(goNext).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=ModalControls.spec.js.map

package/components/shared/ModalControls/ModalControls.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalControls.spec.js","sourceRoot":"","sources":["../../../src/components/shared/ModalControls/ModalControls.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAA2D;AAC3D,mDAAgD;AAChD,mCAAkD;AAGlD,IAAA,iBAAQ,EAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,IAAA,WAAE,EAAC,+CAA+C,EAAE,GAAG,EAAE;QACxD,MAAM,MAAM,GAAG;YACd,MAAM,EAAE;gBACP;oBACC,EAAE,EAAE,UAAU;oBACd,WAAW,EAAE,OAAO;oBACpB,YAAY,EAAE,iBAAiB;oBAC/B,aAAa,EAAE,aAAa;iBAC5B;aACD;YACD,MAAM,EAAE;gBACP;oBACC,EAAE,EAAE,UAAU;oBACd,WAAW,EAAE,OAAO;oBACpB,YAAY,EAAE,iBAAiB;oBAC/B,aAAa,EAAE,aAAa;iBAC5B;aACD;SACwC,CAAC;QAC3C,MAAM,MAAM,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,6BAAa,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACpE,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,IAAA,eAAM,EAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,MAAM,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,cAAM,EAC7B,uBAAC,6BAAa,IAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAChE,CAAC;QACF,IAAA,eAAM,EAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAClD,IAAA,eAAM,EAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,iEAAiE,EAAE,GAAG,EAAE;QAC1E,MAAM,MAAM,GAAG;YACd,MAAM,EAAE;gBACP;oBACC,WAAW,EAAE,OAAO;oBACpB,YAAY,EAAE,iBAAiB;oBAC/B,EAAE,EAAE,UAAU;oBACd,aAAa,EAAE,aAAa;iBAC5B;aACD;YACD,MAAM,EAAE;gBACP;oBACC,WAAW,EAAE,OAAO;oBACpB,YAAY,EAAE,iBAAiB;oBAC/B,EAAE,EAAE,UAAU;oBACd,aAAa,EAAE,aAAa;iBAC5B;aACD;SACwC,CAAC;QAC3C,MAAM,MAAM,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,6BAAa,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACpE,CAAC;QACF,iBAAS,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/shared/Notification.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const slottableComponent_1 = require("./HOC/slottableComponent");
+function LunaticNotification({ className, title, description }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-notification', className), children: (0, jsx_runtime_1.jsxs)("div", { className: "lunatic-notification-container", children: [(0, jsx_runtime_1.jsx)("div", { className: "title", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "descripttion", children: description })] }) }));
+}
+exports.Notification = (0, slottableComponent_1.slottableComponent)('Notification', LunaticNotification);
+//# sourceMappingURL=Notification.js.map

package/components/shared/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/components/shared/Notification.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,iEAA8D;AAQ9D,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAS;IACpE,OAAO,CACN,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,CAAC,YAC5D,iCAAK,SAAS,EAAC,gCAAgC,aAC9C,gCAAK,SAAS,EAAC,OAAO,YAAE,KAAK,GAAO,EACpC,gCAAK,SAAS,EAAC,cAAc,YAAE,WAAW,GAAO,IAC5C,GACD,CACN,CAAC;AACH,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,uCAAkB,EAC7C,cAAc,EACd,mBAAmB,CACnB,CAAC"}

package/components/shared/Radio/RadioGroup.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Fieldset_1 = require("../Fieldset/Fieldset");
+const ComponentErrors_1 = require("../ComponentErrors/ComponentErrors");
+const slottableComponent_1 = require("../HOC/slottableComponent");
+const getShortcutKey_1 = require("../Checkbox/getShortcutKey");
+const RadioOption_1 = require("./RadioOption");
+const useListKeyboardHandler_1 = require("../../../hooks/useListKeyboardHandler");
+const Declarations_1 = require("../Declarations/Declarations");
+/**
+ * Stack of radios fields surrounded by a fieldset
+ */
+function LunaticRadioGroup({ options, value, id, label, description, checkboxStyle = false, errors, className, shortcut, disabled, readOnly, declarations, orientation, }) {
+    const onKeyDown = (0, useListKeyboardHandler_1.useListKeyboardHandler)(options);
+    const maxIndex = options.length;
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { className: className, legend: label, description: description, children: [(0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), (0, jsx_runtime_1.jsx)("div", { className: `lunatic-checkboxes lunatic-checkboxes--${orientation}`, children: options.map(function (option, index) {
+                    const radioId = `lunatic-radio-${id}-${option.value}`;
+                    const codeModality = (0, getShortcutKey_1.getShortcutKey)(index, maxIndex);
+                    return ((0, react_1.createElement)(RadioOption_1.RadioOption, { ...option, key: radioId, id: radioId, index: index, checked: value === option.value, onKeyDown: onKeyDown, checkboxStyle: checkboxStyle, codeModality: shortcut ? codeModality : undefined, shortcut: shortcut, disabled: disabled, readOnly: readOnly, invalid: !!errors }));
+                }) }), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] }));
+}
+exports.RadioGroup = (0, slottableComponent_1.slottableComponent)('RadioGroup', LunaticRadioGroup);
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/shared/Radio/RadioGroup.tsx"],"names":[],"mappings":";;;;;AAAA,mDAAgD;AAChD,wEAAqE;AACrE,kEAA+D;AAC/D,+DAA4D;AAC5D,+CAA4C;AAC5C,kFAA+E;AAE/E,+DAA4D;AAsB5D;;GAEG;AACH,SAAS,iBAAiB,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,EAAE,EACF,KAAK,EACL,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,GACM;IACjB,MAAM,SAAS,GAAG,IAAA,+CAAsB,EAAC,OAAO,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAChC,OAAO,CACN,wBAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,aACtE,uBAAC,2BAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,gCAAK,SAAS,EAAE,0CAA0C,WAAW,EAAE,YACrE,OAAO,CAAC,GAAG,CAAC,UAAU,MAAM,EAAE,KAAK;oBACnC,MAAM,OAAO,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;oBACtD,MAAM,YAAY,GAAG,IAAA,+BAAc,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO,CACN,2BAAC,yBAAW,OACP,MAAM,EACV,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,GAChB,CACF,CAAC;gBACH,CAAC,CAAC,GACG,EACN,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,uCAAkB,EAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC"}

package/components/shared/Radio/RadioOption.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const slottableComponent_1 = require("../HOC/slottableComponent");
+const useKeyboardKey_1 = require("../../../hooks/useKeyboardKey");
+const Label_1 = require("../Label/Label");
+const classnames_1 = __importDefault(require("classnames"));
+const Input_1 = require("../../Input/Input");
+function LunaticRadioOption({ checked, disabled, readOnly, checkboxStyle, value, onKeyDown, index, shortcut, codeModality, id, labelledBy, description, label, onDetailChange, detailLabel, detailValue, onCheck, }) {
+    const divEl = (0, react_1.useRef)(null);
+    const isEnabled = !disabled && !readOnly;
+    const isRadio = !checkboxStyle;
+    const hasDetail = !!onDetailChange;
+    const onClickOption = () => {
+        if (!isEnabled || !onCheck || checked) {
+            return;
+        }
+        onCheck();
+    };
+    const handleKeyDown = (e) => {
+        onKeyDown?.({ key: e.key, index: index ?? -1 });
+        divEl.current?.blur();
+    };
+    (0, react_1.useEffect)(function () {
+        const { current } = divEl;
+        if (current && checked) {
+            current.focus();
+        }
+    }, [checked, divEl, value]);
+    const hasKeyboardShortcut = Boolean(shortcut && codeModality && isEnabled);
+    (0, useKeyboardKey_1.useKeyboardKey)(codeModality ? [codeModality] : [], (e) => {
+        e.preventDefault();
+        onClickOption();
+    }, hasKeyboardShortcut);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lunatic-input-checkbox-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { id: id, role: "radio", "aria-disabled": disabled, className: (0, classnames_1.default)('lunatic-input-checkbox', isRadio && 'lunatic-input-radio'), "aria-checked": checked, tabIndex: checked ? -1 : 0, onClick: onClickOption, onKeyDown: handleKeyDown, "aria-labelledby": labelledBy, ref: divEl, children: [(0, jsx_runtime_1.jsx)("div", { className: "lunatic-input-checkbox__icon", children: checked && checkboxStyle && ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 11", children: (0, jsx_runtime_1.jsx)("path", { d: "M5 11 0 6l1.4-1.4L5 8.2 12.6.6 14 2l-9 9Z", fill: "currentColor" }) })) }), (0, jsx_runtime_1.jsxs)(Label_1.Label, { id: labelledBy, htmlFor: id, description: description, children: [codeModality && ((0, jsx_runtime_1.jsx)("span", { className: "code-modality", children: codeModality.toUpperCase() })), label] })] }), hasDetail && checked && ((0, jsx_runtime_1.jsx)(Input_1.CustomInput, { id: "detailId", label: detailLabel ?? 'Précisez :', value: typeof detailValue === 'string' ? detailValue : '', onChange: onDetailChange, disabled: disabled }))] }));
+}
+exports.RadioOption = (0, slottableComponent_1.slottableComponent)('RadioOption', LunaticRadioOption);
+//# sourceMappingURL=RadioOption.js.map

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const RadioOption_1 = require("./RadioOption");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('RadioOption', () => {
+    (0, vitest_1.it)('renders the component with the correct label', () => {
+        const label = 'Test Option';
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: label }));
+        (0, vitest_1.expect)(getByText(label)).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('calls the onClick handler when clicked', () => {
+        const onClickMock = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", onCheck: onClickMock }));
+        const option = react_1.screen.getByRole('radio');
+        react_1.fireEvent.click(option);
+        (0, vitest_1.expect)(onClickMock).toHaveBeenCalled();
+    });
+    (0, vitest_1.it)('sets the tabIndex to 0 when unchecked', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", checked: false }));
+        (0, vitest_1.expect)(getByRole('radio')).toHaveAttribute('tabIndex', '0');
+    });
+    (0, vitest_1.it)('sets the tabIndex to -1 when checked', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", checked: true }));
+        (0, vitest_1.expect)(getByRole('radio')).toHaveAttribute('tabIndex', '-1');
+    });
+    (0, vitest_1.it)('applies the disabled aria when disabled prop is present', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", disabled: true }));
+        (0, vitest_1.expect)(getByRole('radio')).toHaveAttribute('aria-disabled');
+    });
+    (0, vitest_1.it)('applies the checked aria when checked prop is present', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", checked: true }));
+        (0, vitest_1.expect)(getByRole('radio')).toHaveAttribute('aria-checked', 'true');
+    });
+    (0, vitest_1.it)('applies the code-modality class when codeModality prop is present', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", codeModality: "html" }));
+        (0, vitest_1.expect)(getByText('HTML')).toHaveClass('code-modality');
+    });
+    (0, vitest_1.it)('calls the onKeyDown handler when a key is pressed', () => {
+        const onKeyDownMock = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioOption_1.RadioOption, { id: "radio-option", label: "Test Option", onKeyDown: onKeyDownMock }));
+        const option = react_1.screen.getByRole('radio');
+        react_1.fireEvent.keyDown(option, { key: 'Enter', code: 'Enter' });
+        (0, vitest_1.expect)(onKeyDownMock).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=RadioOption.spec.js.map

package/components/shared/Radio/RadioOption.spec.js.map

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

package/components/shared/Table/Table.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const slottableComponent_1 = require("../HOC/slottableComponent");
+const ComponentErrors_1 = require("../ComponentErrors/ComponentErrors");
+const Label_1 = require("../Label/Label");
+const Declarations_1 = require("../Declarations/Declarations");
+function LunaticTable({ id, className, children, errors, declarations, label, }) {
+    const tableId = `table-${id}`;
+    const labelId = `label-${id}`;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: tableId, id: labelId, children: label }), (0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), (0, jsx_runtime_1.jsx)("table", { id: tableId, className: (0, classnames_1.default)('lunatic-table', className), children: children }), (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] }));
+}
+exports.Table = (0, slottableComponent_1.slottableComponent)('Table', LunaticTable);
+//# sourceMappingURL=Table.js.map

package/components/shared/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/shared/Table/Table.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,kEAA+D;AAE/D,wEAAqE;AAErE,0CAAuC;AACvC,+DAA4D;AAW5D,SAAS,YAAY,CAAC,EACrB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,KAAK,GACE;IACP,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAE9B,OAAO,CACN,6DACC,uBAAC,aAAK,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,YAClC,KAAK,GACC,EACR,uBAAC,2BAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,GACL,EACF,kCAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,eAAe,EAAE,SAAS,CAAC,YACnE,QAAQ,GACF,EACR,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACjC,CACH,CAAC;AACH,CAAC;AAEY,QAAA,KAAK,GAAG,IAAA,uCAAkB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC"}