@inseefr/lunatic 3.4.5-rc.0 → 3.4.6-rc.0

package/esm/components/shared/Combobox/Panel/ComboboxPanel.spec.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, it, expect, vi } from 'vitest';
+import { ComboboxPanel } from './ComboboxPanel';
+import { voidFunction } from '../../../../utils/function';
+describe('Panel', () => {
+    const options = [
+        { id: '1', value: 'Option 1' },
+        { id: '2', value: 'Option 2' },
+        { id: '3', value: 'Option 3' },
+    ];
+    const optionRenderer = ({ option }) => _jsx("div", { children: option.value });
+    it('renders null when expanded is false', () => {
+        render(_jsx(ComboboxPanel, { options: options, expanded: false, optionRenderer: optionRenderer, onSelect: voidFunction }));
+        expect(screen.queryByRole('option')).not.toBeInTheDocument();
+    });
+    it('renders the options when expanded is true', () => {
+        render(_jsx(ComboboxPanel, { optionRenderer: optionRenderer, options: options, focused: false, expanded: true, id: "test", search: "", onSelect: voidFunction }));
+        expect(screen.getByRole('listbox')).toBeInTheDocument();
+        options.forEach((option) => {
+            expect(screen.getByText(option.value)).toBeInTheDocument();
+        });
+    });
+    // it('renders the selected option with the "selected" class', () => {
+    // 	render(
+    // 		<Panel
+    // 			optionRenderer={optionRenderer}
+    // 			options={options}
+    // 			focused={false}
+    // 			selectedIndex={1}
+    // 			expanded={true}
+    // 			id="test"
+    // 			search=""
+    // 			onSelect={() => {}}
+    // 		/>
+    // 	);
+    // 	expect(screen.getByRole('listbox')).toBeInTheDocument();
+    // 	options.forEach((option, index) => {
+    // 		const optionElement = screen.getByText(option.value);
+    // 		if (index === 1) {
+    // 			expect(optionElement).toHaveClass('selected');
+    // 		} else {
+    // 			expect(optionElement).not.toHaveClass('selected');
+    // 		}
+    // 	});
+    // });
+    it('calls onSelect when an option is clicked', async () => {
+        const handleSelect = vi.fn();
+        render(_jsx(ComboboxPanel, { optionRenderer: optionRenderer, options: options, focused: false, selectedIndex: null, expanded: true, id: "test", search: "", onSelect: handleSelect }));
+        expect(screen.getByRole('listbox')).toBeInTheDocument();
+        const option = screen.getByText('Option 2');
+        await userEvent.click(option);
+        expect(handleSelect).toHaveBeenCalledWith('1');
+    });
+});
+//# sourceMappingURL=ComboboxPanel.spec.js.map

package/esm/components/shared/Combobox/Panel/ComboboxPanel.spec.js.map

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

package/esm/components/shared/Combobox/Panel/ComboboxPanelContainer.d.ts

@@ -0,0 +1,8 @@
+import { type PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    focused?: boolean;
+    expanded?: boolean;
+    id?: string;
+}>;
+export declare const ComboboxPanelContainer: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Combobox/Panel/ComboboxPanelContainer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../../HOC/slottableComponent';
+export const ComboboxPanelContainer = slottableComponent('ComboboxPanelContainer', ({ children, focused, expanded, id }) => (_jsx("ul", { id: `lunatic-combo-box-panel-${id}`, "aria-label": "suggestions", className: classnames('lunatic-combo-box-panel', {
+        focused,
+        expanded,
+    }), role: "listbox", children: children })));
+//# sourceMappingURL=ComboboxPanelContainer.js.map

package/esm/components/shared/Combobox/Panel/ComboboxPanelContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPanelContainer.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Panel/ComboboxPanelContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAQlE,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CACvD,wBAAwB,EACxB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAS,EAAE,EAAE,CAAC,CAC/C,aACC,EAAE,EAAE,2BAA2B,EAAE,EAAE,gBACxB,aAAa,EACxB,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE;QAChD,OAAO;QACP,QAAQ;KACR,CAAC,EACF,IAAI,EAAC,SAAS,YAEb,QAAQ,GACL,CACL,CACD,CAAC"}

package/esm/components/shared/Combobox/Panel/ComboboxPanelContainer.spec.d.ts

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

package/esm/components/shared/Combobox/Panel/ComboboxPanelContainer.spec.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import { ComboboxPanelContainer } from './ComboboxPanelContainer';
+describe('ComboboxPanelContainer', () => {
+    it('should render children', () => {
+        render(_jsxs(ComboboxPanelContainer, { children: [_jsx("li", { children: "Item 1" }), _jsx("li", { children: "Item 2" })] }));
+        const items = screen.getAllByRole('listitem');
+        expect(items).toHaveLength(2);
+        expect(items[0]).toHaveTextContent('Item 1');
+        expect(items[1]).toHaveTextContent('Item 2');
+    });
+    it('should set the id attribute', () => {
+        const id = 'test-panel';
+        render(_jsx(ComboboxPanelContainer, { id: id, children: _jsx("li", { children: "Item 1" }) }));
+        expect(screen.getByRole('listbox')).toHaveAttribute('id', `lunatic-combo-box-panel-${id}`);
+    });
+    it('should set the aria-label attribute', () => {
+        render(_jsx(ComboboxPanelContainer, { children: _jsx("li", { children: "Item 1" }) }));
+        expect(screen.getByRole('listbox')).toHaveAttribute('aria-label', 'suggestions');
+    });
+    it('should set the focused class when focused prop is true', () => {
+        render(_jsx(ComboboxPanelContainer, { focused: true, children: _jsx("li", { children: "Item 1" }) }));
+        expect(screen.getByRole('listbox')).toHaveClass('focused');
+    });
+    it('should set the expanded class when expanded prop is true', () => {
+        render(_jsx(ComboboxPanelContainer, { expanded: true, children: _jsx("li", { children: "Item 1" }) }));
+        expect(screen.getByRole('listbox')).toHaveClass('expanded');
+    });
+});
+//# sourceMappingURL=ComboboxPanelContainer.spec.js.map

package/esm/components/shared/Combobox/Panel/ComboboxPanelContainer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPanelContainer.spec.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Panel/ComboboxPanelContainer.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,CACL,MAAC,sBAAsB,eACtB,kCAAe,EACf,kCAAe,IACS,CACzB,CAAC;QACF,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC9B,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC7C,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,GAAG,YAAY,CAAC;QACxB,MAAM,CACL,KAAC,sBAAsB,IAAC,EAAE,EAAE,EAAE,YAC7B,kCAAe,GACS,CACzB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAClD,IAAI,EACJ,2BAA2B,EAAE,EAAE,CAC/B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,CACL,KAAC,sBAAsB,cACtB,kCAAe,GACS,CACzB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAClD,YAAY,EACZ,aAAa,CACb,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,CACL,KAAC,sBAAsB,IAAC,OAAO,kBAC9B,kCAAe,GACS,CACzB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,CACL,KAAC,sBAAsB,IAAC,QAAQ,kBAC/B,kCAAe,GACS,CACzB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Combobox/Selection/ComboboxClearButton.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    className?: string;
+    search?: string | null;
+    onClick?: () => void;
+    editable?: boolean;
+};
+export declare const ComboboxClearButton: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Combobox/Selection/ComboboxClearButton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import classnames from 'classnames';
+import { CrossIcon } from '../../Icons';
+import { slottableComponent } from '../../HOC/slottableComponent';
+import { IconButton } from '../../Button/IconButton';
+function isDisabled(search) {
+    return !search || search.trim().length === 0;
+}
+function createOnKeyDown(onClick) {
+    if (typeof onClick !== 'function') {
+        return undefined;
+    }
+    return (e) => {
+        if (e.key === 'Enter') {
+            onClick();
+        }
+    };
+}
+function LunaticComboboxClearButton({ className, search, onClick, editable, }) {
+    const onKeyDown = useMemo(() => createOnKeyDown(onClick), [onClick]);
+    if (!editable) {
+        return null;
+    }
+    return (_jsx(IconButton, { className: classnames('mini', 'lunatic-combo-box-fab', className), title: "delete", onClick: onClick, disabled: isDisabled(search), onKeyDown: onKeyDown, children: _jsx(CrossIcon, { className: "lunatic-combo-box-icon" }) }));
+}
+export const ComboboxClearButton = slottableComponent('ComboboxClearButton', LunaticComboboxClearButton);
+//# sourceMappingURL=ComboboxClearButton.js.map

package/esm/components/shared/Combobox/Selection/ComboboxClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxClearButton.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxClearButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,SAAS,UAAU,CAAC,MAAsB;IACzC,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,eAAe,CAAC,OAAoB;IAC5C,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,SAAS,CAAC;IAClB,CAAC;IACD,OAAO,CAAC,CAAkB,EAAE,EAAE;QAC7B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvB,OAAO,EAAE,CAAC;QACX,CAAC;IACF,CAAC,CAAC;AACH,CAAC;AASD,SAAS,0BAA0B,CAAC,EACnC,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,GACD;IACP,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,CACN,KAAC,UAAU,IACV,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,uBAAuB,EAAE,SAAS,CAAC,EACjE,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,EAC5B,SAAS,EAAE,SAAS,YAEpB,KAAC,SAAS,IAAC,SAAS,EAAC,wBAAwB,GAAG,GACpC,CACb,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CACpD,qBAAqB,EACrB,0BAA0B,CAC1B,CAAC"}

package/esm/components/shared/Combobox/Selection/ComboboxClearButton.spec.d.ts

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

package/esm/components/shared/Combobox/Selection/ComboboxClearButton.spec.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, it, expect, vi, afterEach } from 'vitest';
+import { ComboboxClearButton } from './ComboboxClearButton';
+describe('Delete', () => {
+    const onClickMock = vi.fn();
+    const search = 'test';
+    const className = 'test-class';
+    afterEach(() => {
+        onClickMock.mockClear();
+    });
+    it('should not render when editable is false', () => {
+        render(_jsx(ComboboxClearButton, { editable: false }));
+        expect(screen.queryByRole('button')).not.toBeInTheDocument();
+    });
+    it('should call onClick when clicked and search is not empty', async () => {
+        render(_jsx(ComboboxClearButton, { editable: true, search: search, onClick: onClickMock }));
+        await userEvent.click(screen.getByRole('button'));
+        expect(onClickMock).toHaveBeenCalledTimes(1);
+    });
+    it('should not call onClick when clicked and search is empty', async () => {
+        render(_jsx(ComboboxClearButton, { editable: true, search: "", onClick: onClickMock }));
+        await userEvent.click(screen.getByRole('button'));
+        expect(onClickMock).toHaveBeenCalledTimes(0);
+    });
+    it('should call onClick when the Enter key is pressed and search is not empty', () => {
+        const search = 'test';
+        const onClick = vi.fn();
+        render(_jsx(ComboboxClearButton, { search: search, onClick: onClick, editable: true }));
+        const deleteButton = screen.getByTitle('delete');
+        fireEvent.keyDown(deleteButton, { key: 'Enter' });
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it('should not call onClick when the Enter key is pressed and search is empty', async () => {
+        render(_jsx(ComboboxClearButton, { editable: true, search: "", onClick: onClickMock }));
+        await userEvent.type(screen.getByRole('button'), '{Enter}');
+        expect(onClickMock).toHaveBeenCalledTimes(0);
+    });
+    it('should apply the className prop', () => {
+        render(_jsx(ComboboxClearButton, { className: className, editable: true, search: search, onClick: onClickMock }));
+        expect(screen.getByRole('button')).toHaveClass(className);
+    });
+    it('should be disabled when search is empty', () => {
+        render(_jsx(ComboboxClearButton, { editable: true, search: "", onClick: onClickMock }));
+        expect(screen.getByRole('button')).toBeDisabled();
+    });
+    it('should not be disabled when search is not empty', () => {
+        render(_jsx(ComboboxClearButton, { editable: true, search: search, onClick: onClickMock }));
+        expect(screen.getByRole('button')).not.toBeDisabled();
+    });
+});
+//# sourceMappingURL=ComboboxClearButton.spec.js.map

package/esm/components/shared/Combobox/Selection/ComboboxClearButton.spec.js.map

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

package/esm/components/shared/Combobox/Selection/ComboboxInput.d.ts

@@ -0,0 +1,11 @@
+import React, { type HTMLAttributes } from 'react';
+export type InputProps = {
+    placeholder?: string;
+    disabled?: boolean;
+    value?: string;
+    labelledBy?: string;
+    focused?: boolean;
+    invalid?: boolean;
+    readOnly?: boolean;
+} & HTMLAttributes<HTMLInputElement>;
+export declare const ComboboxInput: React.ComponentType<InputProps>;

package/esm/components/shared/Combobox/Selection/ComboboxInput.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect, } from 'react';
+import classnames from 'classnames';
+import { slottableComponent } from '../../HOC/slottableComponent';
+function LunaticComboboxInput({ placeholder, disabled, onChange, value, id, labelledBy, focused, className, invalid, }) {
+    const inputEl = useRef(null);
+    useEffect(() => {
+        if (inputEl.current && focused) {
+            inputEl.current.focus();
+        }
+    }, [inputEl, focused]);
+    const onKeydown = (e) => {
+        const { key } = e;
+        if (key === 'ArrowUp' || key === 'ArrowDown') {
+            e.preventDefault();
+        }
+    };
+    return (_jsx("input", { ref: inputEl, id: id, className: classnames('lunatic-combo-box-input', className), type: "text", onChange: onChange, value: value, "aria-invalid": invalid, title: "combo-box", autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", spellCheck: "false", placeholder: placeholder, disabled: disabled, "aria-labelledby": labelledBy, onKeyDown: onKeydown }));
+}
+export const ComboboxInput = slottableComponent('ComboboxInput', LunaticComboboxInput);
+//# sourceMappingURL=ComboboxInput.js.map

package/esm/components/shared/Combobox/Selection/ComboboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EACb,MAAM,EACN,SAAS,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAYlE,SAAS,oBAAoB,CAAC,EAC7B,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,EAAE,EACF,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,GACK;IACZ,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YAChC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,MAAM,SAAS,GAAyB,CAAC,CAAC,EAAE,EAAE;QAC7C,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAClB,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;YAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,gBACC,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC3D,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,kBACE,OAAO,EACrB,KAAK,EAAC,WAAW,EACjB,YAAY,EAAC,KAAK,EAClB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,UAAU,EAAC,OAAO,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,qBACD,UAAU,EAC3B,SAAS,EAAE,SAAS,GACnB,CACF,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,kBAAkB,CAC9C,eAAe,EACf,oBAAoB,CACpB,CAAC"}

package/esm/components/shared/Combobox/Selection/ComboboxLabelSelection.d.ts

@@ -0,0 +1,10 @@
+import type { ComboboxOptionType } from '../ComboboxType';
+type Props = {
+    option?: ComboboxOptionType | null;
+    placeholder?: string;
+    search?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+export declare const ComboboxLabelSelection: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Combobox/Selection/ComboboxLabelSelection.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { slottableComponent } from '../../HOC/slottableComponent';
+function getContent(option, search, placeholder) {
+    if (option) {
+        const { id, value, label } = option;
+        return label ? `${id || value} - ${label}` : id || value;
+    }
+    if (search && search.trim().length) {
+        return search;
+    }
+    return placeholder !== null && placeholder !== void 0 ? placeholder : '';
+}
+const LunaticComboBoxLabelSelection = ({ option, placeholder, search, disabled = false, readOnly = false, }) => {
+    const isPlaceholder = !option && (!search || search.length === 0);
+    if ((option === null || option === void 0 ? void 0 : option.value) === 'OTHER') {
+        return (_jsx("div", { className: classNames('lunatic-combo-box-selected', {
+                disabled,
+                readOnly,
+            }), children: _jsx("span", { className: "selection", children: option.label }) }));
+    }
+    return (_jsx("div", { className: classNames('lunatic-combo-box-selected', {
+            disabled,
+            readOnly,
+        }), children: _jsx("span", { className: classNames({
+                placeholder: isPlaceholder,
+                selection: !isPlaceholder,
+            }), children: getContent(option, search, placeholder) }) }));
+};
+export const ComboboxLabelSelection = slottableComponent('ComboboxLabelSelection', LunaticComboBoxLabelSelection);
+//# sourceMappingURL=ComboboxLabelSelection.js.map

package/esm/components/shared/Combobox/Selection/ComboboxLabelSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxLabelSelection.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxLabelSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAUlE,SAAS,UAAU,CAClB,MAAuB,EACvB,MAAwB,EACxB,WAAoB;IAEpB,IAAI,MAAM,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACpC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC;IAC1D,CAAC;IACD,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC;IACf,CAAC;IACD,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,6BAA6B,GAAG,CAAC,EACtC,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACT,EAAE,EAAE;IACX,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAClE,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,OAAO,EAAE,CAAC;QAC/B,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;gBACnD,QAAQ;gBACR,QAAQ;aACR,CAAC,YAEF,eAAM,SAAS,EAAC,WAAW,YAAE,MAAM,CAAC,KAAK,GAAQ,GAC5C,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;YACnD,QAAQ;YACR,QAAQ;SACR,CAAC,YAEF,eACC,SAAS,EAAE,UAAU,CAAC;gBACrB,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,CAAC,aAAa;aACzB,CAAC,YAED,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,GAClC,GACF,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CACvD,wBAAwB,EACxB,6BAA6B,CAC7B,CAAC"}

package/esm/components/shared/Combobox/Selection/ComboboxLabelSelection.spec.d.ts

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

package/esm/components/shared/Combobox/Selection/ComboboxLabelSelection.spec.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { ComboboxLabelSelection } from './ComboboxLabelSelection';
+import { describe, it, expect } from 'vitest';
+describe('DefaultLabelRenderer', () => {
+    describe('DefaultLabelRenderer', () => {
+        const option = {
+            id: '1',
+            value: 'Value',
+            label: 'Label',
+        };
+        it('should render with selected option', () => {
+            const { getByText } = render(_jsx(ComboboxLabelSelection, { option: option, placeholder: "Select an option" }));
+            const expectedContent = `${option.id || option.value} - ${option.label}`;
+            expect(getByText(expectedContent)).toBeInTheDocument();
+        });
+        it('should render with placeholder', () => {
+            const { getByText } = render(_jsx(ComboboxLabelSelection, { option: null, placeholder: "Select an option" }));
+            expect(getByText('Select an option')).toBeInTheDocument();
+        });
+        it('should render with search value', () => {
+            const { getByText } = render(_jsx(ComboboxLabelSelection, { option: null, search: "Search value", placeholder: "Select an option" }));
+            expect(getByText('Search value')).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=ComboboxLabelSelection.spec.js.map

package/esm/components/shared/Combobox/Selection/ComboboxLabelSelection.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxLabelSelection.spec.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxLabelSelection.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACrC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG;YACd,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;SACd,CAAC;QAEF,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,sBAAsB,IACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAC,kBAAkB,GAC7B,CACF,CAAC;YAEF,MAAM,eAAe,GAAG,GAAG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;YACzE,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;YACzC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,sBAAsB,IAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAC,kBAAkB,GAAG,CACvE,CAAC;YAEF,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;YAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,sBAAsB,IACtB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,kBAAkB,GAC7B,CACF,CAAC;YAEF,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Combobox/Selection/ComboboxSelection.d.ts

@@ -0,0 +1,6 @@
+import type { ComboboxSelectionProps } from '../ComboboxType';
+/**
+ * Label displayed when a value is selected in the ComboBox
+ * This label can either be an input (when editable or expanded) or a simple span
+ */
+export declare function ComboboxSelection({ labelRenderer, placeholder, search, expanded, disabled, readOnly, focused, onChange, selectedIndex, options, editable, labelId, id, classNamePrefix, invalid, }: ComboboxSelectionProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/shared/Combobox/Selection/ComboboxSelection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { ComboboxLabelSelection } from './ComboboxLabelSelection';
+import { ComboboxInput } from './ComboboxInput';
+/**
+ * Label displayed when a value is selected in the ComboBox
+ * This label can either be an input (when editable or expanded) or a simple span
+ */
+export function ComboboxSelection({ labelRenderer, placeholder, search, expanded, disabled, readOnly, focused, onChange, selectedIndex, options, editable, labelId, id, classNamePrefix, invalid, }) {
+    const showLabel = !editable || !expanded;
+    const selectedOption = selectedIndex !== undefined ? options[selectedIndex] : undefined;
+    const LabelSelectionComponent = labelRenderer !== null && labelRenderer !== void 0 ? labelRenderer : ComboboxLabelSelection;
+    return (_jsx("div", { id: id, className: classnames(`${classNamePrefix !== null && classNamePrefix !== void 0 ? classNamePrefix : 'lunatic'}-combo-box-selection`, {
+            focused,
+            disabled,
+        }), role: "combobox", "aria-controls": 'todo', "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-autocomplete": "list", "aria-owns": id, "aria-labelledby": labelId, children: showLabel ? (_jsx(LabelSelectionComponent, { option: selectedOption, placeholder: placeholder, search: search, disabled: disabled, readOnly: readOnly })) : (_jsx(ComboboxInput, { invalid: invalid, id: `combobox-input-${id}`, className: "lunatic-combo-box-input", onChange: (e) => { var _a; return onChange === null || onChange === void 0 ? void 0 : onChange((_a = e.target.value) !== null && _a !== void 0 ? _a : e.target.innerText); }, value: search, placeholder: placeholder, disabled: disabled, readOnly: readOnly, focused: focused, labelledBy: labelId })) }));
+}
+//# sourceMappingURL=ComboboxSelection.js.map

package/esm/components/shared/Combobox/Selection/ComboboxSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxSelection.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxSelection.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EACjC,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,EAAE,EACF,eAAe,EACf,OAAO,GACiB;IACxB,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IACzC,MAAM,cAAc,GACnB,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,MAAM,uBAAuB,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,sBAAsB,CAAC;IAExE,OAAO,CACN,cACC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CACpB,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,SAAS,sBAAsB,EACrD;YACC,OAAO;YACP,QAAQ;SACR,CACD,EACD,IAAI,EAAC,UAAU,mBACA,MAAM,mBACP,SAAS,mBACR,QAAQ,uBACL,MAAM,eACb,EAAE,qBACI,OAAO,YAEvB,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,uBAAuB,IACvB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACjB,CACF,CAAC,CAAC,CAAC,CACH,KAAC,aAAa,IACb,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAC1B,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,WAC9C,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,mCAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA,EAAA,EAEjD,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,GAClB,CACF,GACI,CACN,CAAC;AACH,CAAC"}

package/esm/components/shared/Combobox/Selection/ComboboxSelection.spec.d.ts

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

package/esm/components/shared/Combobox/Selection/ComboboxSelection.spec.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { ComboboxSelection } from './ComboboxSelection';
+import { describe, expect, it } from 'vitest';
+const options = [
+    { label: 'Apple', value: 'apple' },
+    { label: 'Orange', value: 'orange' },
+    { label: 'Banana', value: 'banana' },
+];
+describe('Selection component', () => {
+    it('should render correctly with default props', () => {
+        const { container } = render(_jsx(ComboboxSelection, { options: options }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+    it('should render correctly when it is editable', () => {
+        const { container } = render(_jsx(ComboboxSelection, { options: options, editable: true }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+    it('should render correctly when it is expanded', () => {
+        const { container } = render(_jsx(ComboboxSelection, { options: options, expanded: true }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+    it('should render correctly when it is disabled', () => {
+        const { container } = render(_jsx(ComboboxSelection, { options: options, disabled: true, placeholder: "hello!" }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+    it('should render the selected option when there is a selection', () => {
+        const { getByText } = render(_jsx(ComboboxSelection, { options: options, selectedIndex: 0, expanded: false }));
+        expect(getByText('apple - Apple')).toBeInTheDocument();
+    });
+    it('should not render the input when it is not editable', () => {
+        const { queryByPlaceholderText } = render(_jsx(ComboboxSelection, { options: options, placeholder: "Search fruits", editable: false }));
+        expect(queryByPlaceholderText('Search fruits')).not.toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=ComboboxSelection.spec.js.map

package/esm/components/shared/Combobox/Selection/ComboboxSelection.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxSelection.spec.js","sourceRoot":"","sources":["../../../../../src/components/shared/Combobox/Selection/ComboboxSelection.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,OAAO,GAAG;IACf,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACpC,CAAC;AAEF,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;QAEtE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,CACvD,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,CACvD,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,iBAAiB,IACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAC,QAAQ,GACnB,CACF,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,GAAG,EAAE;QACtE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC1E,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,sBAAsB,EAAE,GAAG,MAAM,CACxC,KAAC,iBAAiB,IACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAE,KAAK,GACd,CACF,CAAC;QAEF,MAAM,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Combobox/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const KEYBOARD_KEY_CODES: {
+    readonly ArrowUp: "ArrowUp";
+    readonly ArrowDown: "ArrowDown";
+    readonly Home: "Home";
+    readonly End: "End";
+    readonly Enter: "Enter";
+    readonly Escape: "Escape";
+    readonly Tab: "Tab";
+};

package/esm/components/shared/Combobox/constants.js

@@ -0,0 +1,10 @@
+export const KEYBOARD_KEY_CODES = {
+    ArrowUp: 'ArrowUp',
+    ArrowDown: 'ArrowDown',
+    Home: 'Home',
+    End: 'End',
+    Enter: 'Enter',
+    Escape: 'Escape',
+    Tab: 'Tab',
+};
+//# sourceMappingURL=constants.js.map

package/esm/components/shared/Combobox/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACD,CAAC"}

package/esm/components/shared/Combobox/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/esm/components/shared/Combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/index.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+import type { LunaticError } from '../../../use-lunatic/type';
+type Props = {
+    errors?: Record<string, LunaticError[]>;
+    componentId: string;
+} | {
+    errors?: LunaticError[];
+    componentId?: undefined;
+};
+/**
+ * Display a list of error as simple red text
+ */
+export declare function ComponentErrors({ errors, componentId }: Props): import("react/jsx-runtime").JSX.Element | null;
+export declare function getComponentErrors(errors?: Record<string, LunaticError[]>, componentId?: string): LunaticError[] | undefined;
+export {};

package/esm/components/shared/ComponentErrors/ComponentErrors.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Display a list of error as simple red text
+ */
+export function ComponentErrors({ errors, componentId }) {
+    const componentErrors = Array.isArray(errors)
+        ? errors
+        : getComponentErrors(errors, componentId);
+    if (!componentErrors) {
+        return null;
+    }
+    return (_jsx("div", { className: "lunatic-errors", children: componentErrors.map(({ id, errorMessage }) => (_jsx("div", { className: "lunatic-error", children: errorMessage }, `error-${id}`))) }));
+}
+export function getComponentErrors(errors, componentId) {
+    if (!componentId || !errors) {
+        return undefined;
+    }
+    const activeErrors = Object.entries(errors).find(([k]) => componentId === null || componentId === void 0 ? void 0 : componentId.trim().endsWith(k));
+    if (Array.isArray(activeErrors) && Array.isArray(activeErrors[1])) {
+        return activeErrors[1];
+    }
+    return undefined;
+}
+//# sourceMappingURL=ComponentErrors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentErrors.js","sourceRoot":"","sources":["../../../../src/components/shared/ComponentErrors/ComponentErrors.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAS;IAC7D,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAC5C,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,CACN,cAAK,SAAS,EAAC,gBAAgB,YAC7B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC9C,cAAyB,SAAS,EAAC,eAAe,YAChD,YAAY,IADJ,SAAS,EAAE,EAAE,CAEjB,CACN,CAAC,GACG,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CACjC,MAAuC,EACvC,WAAoB;IAEpB,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC;IAClB,CAAC;IACD,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CACxD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC/B,CAAC;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACnE,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IACD,OAAO,SAAS,CAAC;AAClB,CAAC"}

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

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

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { ComponentErrors } from './ComponentErrors';
+describe('Errors component', () => {
+    const errors = {
+        id1: [
+            {
+                id: 'error1',
+                errorMessage: 'Error 1 message',
+                criticality: 'ERROR',
+                typeOfControl: 'CONSISTENCY',
+            },
+        ],
+        id2: [
+            {
+                id: 'error2',
+                errorMessage: 'Error 2 message',
+                criticality: 'ERROR',
+                typeOfControl: 'CONSISTENCY',
+            },
+            {
+                id: 'error3',
+                errorMessage: 'Error 3 message',
+                criticality: 'ERROR',
+                typeOfControl: 'CONSISTENCY',
+            },
+        ],
+    };
+    it('renders null when no active errors', () => {
+        const { container } = render(_jsx(ComponentErrors, { errors: errors, componentId: "id3" }));
+        expect(container.firstChild).toBeNull();
+    });
+    it('renders active errors', () => {
+        const { getByText } = render(_jsx(ComponentErrors, { errors: errors, componentId: "id2" }));
+        expect(getByText('Error 2 message')).toBeInTheDocument();
+        expect(getByText('Error 3 message')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=ComponentErrors.spec.js.map

package/esm/components/shared/ComponentErrors/ComponentErrors.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentErrors.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/ComponentErrors/ComponentErrors.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG;QACd,GAAG,EAAE;YACJ;gBACC,EAAE,EAAE,QAAQ;gBACZ,YAAY,EAAE,iBAAiB;gBAC/B,WAAW,EAAE,OAAO;gBACpB,aAAa,EAAE,aAAa;aAC5B;SACD;QACD,GAAG,EAAE;YACJ;gBACC,EAAE,EAAE,QAAQ;gBACZ,YAAY,EAAE,iBAAiB;gBAC/B,WAAW,EAAE,OAAO;gBACpB,aAAa,EAAE,aAAa;aAC5B;YACD;gBACC,EAAE,EAAE,QAAQ;gBACZ,YAAY,EAAE,iBAAiB;gBAC/B,WAAW,EAAE,OAAO;gBACpB,aAAa,EAAE,aAAa;aAC5B;SACD;KACwC,CAAC;IAE3C,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAC,KAAK,GAAG,CACrD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAC,KAAK,GAAG,CACrD,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;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,25 @@
+import { type PropsWithChildren } from 'react';
+import type { LunaticBaseProps } from '../type';
+import type { LunaticChangesHandler } from '../../use-lunatic/type';
+type Props = PropsWithChildren<{
+    componentType?: string;
+    paginatedLoop?: boolean;
+    handleChanges?: LunaticChangesHandler;
+}> & Pick<LunaticBaseProps, 'declarations' | 'management' | 'id' | 'label' | 'missingResponse' | 'preferences' | 'value' | 'missing' | 'disabled'>;
+/**
+ * Wrapper around Lunatic components, handle Declarations and missing buttons
+ *
+ * ## The structure :
+ *
+ * |--------------------------|
+ * |    DeclarationBefore     |
+ * |__________________________|
+ * |--------------------------|
+ * |        Component         |
+ * |__________________________|
+ * |--------------------------|
+ * |     Missing Buttons      |
+ * |__________________________|
+ */
+export declare function ComponentWrapper(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};