@inseefr/lunatic 3.4.5 → 3.4.6

package/esm/components/shared/MDLabel/MDLabel.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import Markdown from 'react-markdown';
+import { MarkdownLink } from './MarkdownLink';
+import remarkBreaks from 'remark-breaks';
+import emoji from 'remark-emoji';
+export function MDLabel({ expression }) {
+    const hasParagraphs = /\n\n/.test(expression);
+    const components = {
+        p: hasParagraphs ? 'p' : Fragment,
+        br: 'br',
+        a: MarkdownA,
+    };
+    return (_jsx(Markdown, { components: components, remarkPlugins: [[emoji, { accessible: true }], remarkBreaks], children: expression }));
+}
+const MarkdownA = ({ title, href, children, }) => {
+    const tooltip = title ? _jsx(MDLabel, { expression: title }) : null;
+    return (_jsx(MarkdownLink, { href: href, tooltip: tooltip, children: children }));
+};
+//# sourceMappingURL=MDLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MDLabel.js","sourceRoot":"","sources":["../../../../src/components/shared/MDLabel/MDLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA0B,MAAM,OAAO,CAAC;AACzD,OAAO,QAA6B,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,MAAM,cAAc,CAAC;AAIjC,MAAM,UAAU,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,QAAQ;QACjC,EAAE,EAAE,IAAI;QACR,CAAC,EAAE,SAAS;KACW,CAAC;IACzB,OAAO,CACN,KAAC,QAAQ,IACR,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,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,KAAC,OAAO,IAAC,UAAU,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,OAAO,CACN,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YACxC,QAAQ,GACK,CACf,CAAC;AACH,CAAC,CAAC"}

package/esm/components/shared/MDLabel/MDLabel.spec.d.ts

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

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

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

package/esm/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/esm/components/shared/MDLabel/MarkdownLink.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren, type ReactNode } from 'react';
+type Props = PropsWithChildren<{
+    href: string;
+    tooltip?: ReactNode;
+}>;
+export declare const MarkdownLink: import("react").ComponentType<Props>;
+export {};

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Tooltip } from 'react-tooltip';
+import { RouterLink } from './RouterLink';
+import { slottableComponent } from '../HOC/slottableComponent';
+export const MarkdownLink = slottableComponent('MarkdownLink', ({ href, children, tooltip }) => {
+    const id = useId();
+    const extraProps = tooltip
+        ? { 'data-tooltip-id': `tooltip-${id}`, className: 'link-md' }
+        : {};
+    const isAbsoluteLink = href.trim().startsWith('/');
+    return (_jsxs(_Fragment, { children: [isAbsoluteLink ? (_jsx(RouterLink, { to: href, id: id, ...extraProps, children: children })) : (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", id: id, ...extraProps, children: children })), tooltip && (_jsx(Tooltip, { className: "tooltip-content", id: `tooltip-${id}`, children: tooltip }))] }));
+});
+//# sourceMappingURL=MarkdownLink.js.map

package/esm/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,OAAO,EAAE,KAAK,EAA0C,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAC7C,cAAc,EACd,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,GAAG,KAAK,EAAE,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,8BACE,cAAc,CAAC,CAAC,CAAC,CACjB,KAAC,UAAU,IAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,KAAM,UAAU,YAC1C,QAAQ,GACG,CACb,CAAC,CAAC,CAAC,CACH,YACC,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,KAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAE,WAAW,EAAE,EAAE,YACtD,OAAO,GACC,CACV,IACC,CACH,CAAC;AACH,CAAC,CACD,CAAC"}

package/esm/components/shared/MDLabel/RouterLink.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+type Props = Omit<ComponentProps<'a'>, 'href'> & {
+    to: string;
+};
+export declare const RouterLink: import("react").ComponentType<Props>;
+export {};

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { slottableComponent } from '../HOC/slottableComponent';
+export const RouterLink = slottableComponent('RouterLink', (props) => {
+    const { to, children, ...rest } = props;
+    return (_jsx("a", { href: to, ...rest, children: children }));
+});
+//# sourceMappingURL=RouterLink.js.map

package/esm/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,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,YAAY,EAAE,CAAC,KAAY,EAAE,EAAE;IAC3E,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,CACN,YAAG,IAAI,EAAE,EAAE,KAAM,IAAI,YACnB,QAAQ,GACN,CACJ,CAAC;AACH,CAAC,CAAC,CAAC"}

package/esm/components/shared/Missing/Missing.d.ts

@@ -0,0 +1,14 @@
+import { useLunaticMissing } from '../../../use-lunatic/lunatic-context';
+import type { LunaticBaseProps } from '../../type';
+type Props = {
+    handleChanges: LunaticBaseProps<any>['handleChanges'];
+    componentType?: string;
+    paginatedLoop?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    missingResponse?: LunaticBaseProps['missingResponse'];
+};
+type PropsFromContext = Pick<ReturnType<typeof useLunaticMissing>, 'shortcut' | 'missingStrategy' | 'dontKnowButton' | 'refusedButton' | 'missingShortcut'>;
+export declare const Missing: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MissingPure: (props: Pick<Props, "handleChanges" | "missingResponse" | "disabled" | "readOnly"> & PropsFromContext) => import("react/jsx-runtime").JSX.Element;
+export default Missing;

package/esm/components/shared/Missing/Missing.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { DK, RF } from '../../../utils/constants';
+import { useLunaticMissing } from '../../../use-lunatic/lunatic-context';
+import { Button } from '../Button/Button';
+import { useKeyboardKey } from '../../../hooks/useKeyboardKey';
+export const Missing = (props) => {
+    const propsContext = useLunaticMissing();
+    if (!propsContext.missing || !props.missingResponse) {
+        return null;
+    }
+    if (props.componentType === 'Loop' && props.paginatedLoop) {
+        return null;
+    }
+    return _jsx(MissingPure, { ...props, ...propsContext });
+};
+export const MissingPure = (props) => {
+    const { missingResponse, handleChanges, missingStrategy, shortcut, missingShortcut, dontKnowButton, refusedButton, disabled, readOnly, } = props;
+    const value = missingResponse === null || missingResponse === void 0 ? void 0 : missingResponse.value;
+    const onClick = (value) => {
+        var _a;
+        handleChanges([{ name: (_a = missingResponse === null || missingResponse === void 0 ? void 0 : missingResponse.name) !== null && _a !== void 0 ? _a : 'UNKNOWN', value }]);
+    };
+    const handleMissingStrategy = useCallback(() => {
+        if (missingStrategy)
+            missingStrategy();
+    }, [missingStrategy]);
+    const onClickDK = () => {
+        onClick(DK);
+        handleMissingStrategy();
+    };
+    const onClickRF = () => {
+        onClick(RF);
+        handleMissingStrategy();
+    };
+    const hasKeyboardShortcut = Boolean(shortcut &&
+        !disabled &&
+        !readOnly &&
+        missingShortcut &&
+        missingShortcut.dontKnow &&
+        missingShortcut.refused);
+    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 (_jsxs("div", { className: "missing-buttons", children: [_jsx("span", { className: `missing-button${value === DK ? '-active' : ''} missing-button-dk${value === DK ? '-active' : ''}`, children: _jsx(Button, { selected: value === DK, disabled: disabled, readOnly: readOnly, label: dontKnowButton, onClick: onClickDK }) }), _jsx("span", { className: `missing-button${value === RF ? '-active' : ''} missing-button-rf${value === RF ? '-active' : ''}`, children: _jsx(Button, { selected: value === RF, disabled: disabled, readOnly: readOnly, label: refusedButton, onClick: onClickRF }) })] }));
+};
+export default Missing;
+//# sourceMappingURL=Missing.js.map

package/esm/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/esm/components/shared/Missing/Missing.spec.d.ts

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

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

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

package/esm/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/esm/components/shared/ModalControls/ModalControls.d.ts

@@ -0,0 +1,10 @@
+import { type MouseEventHandler, type ReactPortal } from 'react';
+import type { LunaticError } from '../../../use-lunatic/type';
+type Props = {
+    goNext: MouseEventHandler;
+    onClose: MouseEventHandler;
+    isCritical?: boolean;
+    errors: Record<string, LunaticError[]>;
+};
+export declare function ModalControls(props: Props): ReactPortal | null;
+export {};

package/esm/components/shared/ModalControls/ModalControls.js

@@ -0,0 +1,29 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import ReactDOM from 'react-dom';
+import { Button } from '../Button/Button';
+import D from '../../../i18n';
+function ErrorItem({ criticality, errorMessage }) {
+    return _jsx("li", { className: classnames(criticality), children: errorMessage });
+}
+function ComponentErrors({ errors }) {
+    const content = errors.map(function (error, index) {
+        return _createElement(ErrorItem, { ...error, key: index });
+    }, []);
+    return _jsx("ul", { className: classnames('errors'), children: content });
+}
+export function ModalControls(props) {
+    if (typeof props.errors !== 'object') {
+        return null;
+    }
+    const errors = Object.values(props.errors).flat();
+    return ReactDOM.createPortal(_jsx("div", { className: "lunatic-modal-controls", children: _jsxs("div", { className: "modal-content", children: [_jsx("div", { className: "body", children: _jsx(ComponentErrors, { errors: errors }) }), _jsx(CloseOrSkip, { ...props })] }) }), document.body);
+}
+function CloseOrSkip({ onClose, goNext, isCritical }) {
+    if (isCritical) {
+        return (_jsx("div", { className: "modal-buttons", children: _jsx(Button, { className: "modal-button", onClick: onClose, children: D.MODAL_CORRECT }) }));
+    }
+    return (_jsxs("div", { className: "modal-buttons", children: [_jsx(Button, { className: "modal-button", onClick: onClose, children: D.MODAL_CORRECT }), _jsx(Button, { className: "modal-button", onClick: goNext, children: D.MODAL_IGNORE })] }));
+}
+//# sourceMappingURL=ModalControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalControls.js","sourceRoot":"","sources":["../../../../src/components/shared/ModalControls/ModalControls.tsx"],"names":[],"mappings":";;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,CAAC,MAAM,eAAe,CAAC;AAS9B,SAAS,SAAS,CAAC,EAAE,WAAW,EAAE,YAAY,EAAgB;IAC7D,OAAO,aAAI,SAAS,EAAE,UAAU,CAAC,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,eAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,aAAI,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,YAAG,OAAO,GAAM,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,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,QAAQ,CAAC,YAAY,CAC3B,cAAK,SAAS,EAAC,wBAAwB,YACtC,eAAK,SAAS,EAAC,eAAe,aAC7B,cAAK,SAAS,EAAC,MAAM,YACpB,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,GAC9B,EACN,KAAC,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,cAAK,SAAS,EAAC,eAAe,YAC7B,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,YAC/C,CAAC,CAAC,aAAa,GACR,GACJ,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,eAAK,SAAS,EAAC,eAAe,aAC7B,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,YAC/C,CAAC,CAAC,aAAa,GACR,EACT,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,YAC9C,CAAC,CAAC,YAAY,GACP,IACJ,CACN,CAAC;AACH,CAAC"}

package/esm/components/shared/ModalControls/ModalControls.spec.d.ts

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

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render } from '@testing-library/react';
+import { ModalControls } from './ModalControls';
+import { describe, expect, it, vi } from 'vitest';
+describe('ModalControls component', () => {
+    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 = vi.fn();
+        const { getByText } = render(_jsx(ModalControls, { errors: errors, goNext: goNext, onClose: () => { } }));
+        expect(getByText('Error message 1')).toBeInTheDocument();
+        expect(getByText('Error message 2')).toBeInTheDocument();
+    });
+    it('should render correctly when there are no errors', () => {
+        const goNext = vi.fn();
+        const { queryByText } = render(_jsx(ModalControls, { errors: {}, goNext: goNext, onClose: () => { } }));
+        expect(queryByText('Error message 1')).toBeNull();
+        expect(queryByText('Error message 2')).toBeNull();
+    });
+    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 = vi.fn();
+        const { getByText } = render(_jsx(ModalControls, { errors: errors, goNext: goNext, onClose: () => { } }));
+        fireEvent.click(getByText('Ignore'));
+        expect(goNext).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=ModalControls.spec.js.map

package/esm/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,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAGlD,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,+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,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACpE,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC7B,KAAC,aAAa,IAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAChE,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAClD,MAAM,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,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,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACpE,CAAC;QACF,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,MAAM,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Notification.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+type Props = {
+    className?: string;
+    title: ReactNode;
+    description: ReactNode;
+};
+export declare const Notification: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Notification.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from './HOC/slottableComponent';
+function LunaticNotification({ className, title, description }) {
+    return (_jsx("div", { className: classnames('lunatic-notification', className), children: _jsxs("div", { className: "lunatic-notification-container", children: [_jsx("div", { className: "title", children: title }), _jsx("div", { className: "descripttion", children: description })] }) }));
+}
+export const Notification = slottableComponent('Notification', LunaticNotification);
+//# sourceMappingURL=Notification.js.map

package/esm/components/shared/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/shared/Notification.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAS;IACpE,OAAO,CACN,cAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,YAC5D,eAAK,SAAS,EAAC,gCAAgC,aAC9C,cAAK,SAAS,EAAC,OAAO,YAAE,KAAK,GAAO,EACpC,cAAK,SAAS,EAAC,cAAc,YAAE,WAAW,GAAO,IAC5C,GACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAC7C,cAAc,EACd,mBAAmB,CACnB,CAAC"}

package/esm/components/shared/Radio/RadioGroup.d.ts

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

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

@@ -0,0 +1,23 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fieldset } from '../Fieldset/Fieldset';
+import { ComponentErrors } from '../ComponentErrors/ComponentErrors';
+import { slottableComponent } from '../HOC/slottableComponent';
+import { getShortcutKey } from '../Checkbox/getShortcutKey';
+import { RadioOption } from './RadioOption';
+import { useListKeyboardHandler } from '../../../hooks/useListKeyboardHandler';
+import { Declarations } from '../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 = useListKeyboardHandler(options);
+    const maxIndex = options.length;
+    return (_jsxs(Fieldset, { className: className, legend: label, description: description, children: [_jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), _jsx("div", { className: `lunatic-checkboxes lunatic-checkboxes--${orientation}`, children: options.map(function (option, index) {
+                    const radioId = `lunatic-radio-${id}-${option.value}`;
+                    const codeModality = getShortcutKey(index, maxIndex);
+                    return (_createElement(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 }));
+                }) }), _jsx(ComponentErrors, { errors: errors })] }));
+}
+export const RadioGroup = slottableComponent('RadioGroup', LunaticRadioGroup);
+//# sourceMappingURL=RadioGroup.js.map

package/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;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,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAChC,OAAO,CACN,MAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,aACtE,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,cAAK,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,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO,CACN,eAAC,WAAW,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,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC"}

package/esm/components/shared/Radio/RadioOption.d.ts

@@ -0,0 +1,17 @@
+import type { InterpretedOption } from '../../../use-lunatic/props/propOptions';
+export type Props = {
+    id: string;
+    onKeyDown?: (v: {
+        key: string;
+        index: number;
+    }) => void;
+    checkboxStyle?: boolean;
+    shortcut?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    index?: number;
+    labelledBy?: string;
+    codeModality?: string;
+    invalid?: boolean;
+} & InterpretedOption;
+export declare const RadioOption: import("react").ComponentType<Props>;

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

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

package/esm/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/esm/components/shared/Radio/RadioOption.spec.d.ts

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