@inseefr/lunatic 3.4.4 → 3.4.5-rc.0

package/components/shared/Button/IconButton.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = IconButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const function_1 = require("../../../utils/function");
+function IconButton({ className, children, tabIndex, title = 'Fab', onClick = function_1.voidFunction, onKeyDown = function_1.voidFunction, disabled, }) {
+    return ((0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)('lunatic-fab', className), tabIndex: tabIndex, title: title, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, "aria-label": title, children: children }));
+}
+//# sourceMappingURL=IconButton.js.map

package/components/shared/Button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/shared/Button/IconButton.tsx"],"names":[],"mappings":";;;;;AASA,gCAsBC;;AA9BD,4DAAoC;AACpC,sDAAuD;AAOvD,SAAgB,UAAU,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,uBAAY,EACtB,SAAS,GAAG,uBAAY,EACxB,QAAQ,GACD;IACP,OAAO,CACN,mCACC,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,gBACN,KAAK,YAEhB,QAAQ,GACD,CACT,CAAC;AACH,CAAC"}

package/components/shared/Button/IconButton.spec.js

@@ -0,0 +1,58 @@
+"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 react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const vitest_1 = require("vitest");
+const IconButton_1 = require("./IconButton");
+(0, vitest_1.describe)('Fab', () => {
+    (0, vitest_1.it)('renders children', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { children: "Test Children" }));
+        (0, vitest_1.expect)(react_1.screen.getByText('Test Children')).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('renders title', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { title: "Test Title", children: "Test Children" }));
+        const button = react_1.screen.getByRole('button');
+        (0, vitest_1.expect)(button).toHaveAttribute('title', 'Test Title');
+        (0, vitest_1.expect)(button).toHaveAttribute('aria-label', 'Test Title');
+    });
+    (0, vitest_1.it)('calls onClick when clicked', async () => {
+        const handleClick = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: handleClick, children: "Test Children" }));
+        const button = react_1.screen.getByRole('button');
+        await user_event_1.default.click(button);
+        (0, vitest_1.expect)(handleClick).toHaveBeenCalledTimes(1);
+    });
+    (0, vitest_1.it)('calls onKeyDown when a key is pressed', async () => {
+        const handleKeyDown = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onKeyDown: handleKeyDown, children: "Test Children" }));
+        const button = react_1.screen.getByRole('button');
+        await user_event_1.default.type(button, '{enter}');
+        (0, vitest_1.expect)(handleKeyDown).toHaveBeenCalledTimes(1);
+    });
+    (0, vitest_1.it)('is disabled when disabled prop is true', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: true, children: "Test Children" }));
+        const button = react_1.screen.getByRole('button');
+        (0, vitest_1.expect)(button).toBeDisabled();
+    });
+    (0, vitest_1.it)('has custom className', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { className: "test-class", children: "Test Children" }));
+        const button = react_1.screen.getByRole('button');
+        (0, vitest_1.expect)(button).toHaveClass('test-class');
+    });
+    (0, vitest_1.it)('has custom tabIndex', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { tabIndex: 1, children: "Test Children" }));
+        const button = react_1.screen.getByRole('button');
+        (0, vitest_1.expect)(button).toHaveAttribute('tabIndex', '1');
+    });
+    (0, vitest_1.it)('has default props', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, {}));
+        const button = react_1.screen.getByRole('button');
+        (0, vitest_1.expect)(button).toHaveAttribute('title', 'Fab');
+        (0, vitest_1.expect)(button).not.toBeDisabled();
+    });
+});
+//# sourceMappingURL=IconButton.spec.js.map

package/components/shared/Button/IconButton.spec.js.map

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

package/components/shared/Checkbox/CheckboxOption.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const slottableComponent_1 = require("../HOC/slottableComponent");
+const Label_1 = require("../Label/Label");
+const useKeyboardKey_1 = require("../../../hooks/useKeyboardKey");
+function LunaticCheckboxOption({ disabled, readOnly, checked, id, onCheck, label, description, codeModality, shortcut, invalid, }) {
+    const isEnabled = !readOnly && !disabled;
+    const hasKeyboardShortcut = Boolean(shortcut && codeModality && isEnabled);
+    const onClickOption = () => {
+        if (isEnabled) {
+            onCheck(!checked);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.code === 'Space') {
+            onClickOption();
+        }
+    };
+    const labelId = `label-${id}`;
+    (0, useKeyboardKey_1.useKeyboardKey)(codeModality ? [codeModality] : [], (e) => {
+        e.preventDefault();
+        onClickOption();
+    }, hasKeyboardShortcut);
+    return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "checkbox", "aria-invalid": invalid, "aria-disabled": disabled, "aria-readonly": readOnly, className: "lunatic-input-checkbox", "aria-checked": checked, tabIndex: 0, onClick: onClickOption, onKeyDown: handleKeyDown, "aria-labelledby": labelId, children: [(0, jsx_runtime_1.jsx)("div", { className: "lunatic-input-checkbox__icon", children: checked && ((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: labelId, htmlFor: id, description: description, children: [codeModality && ((0, jsx_runtime_1.jsx)("span", { className: "code-modality", children: codeModality.toUpperCase() })), ' ', label] })] }));
+}
+exports.CheckboxOption = (0, slottableComponent_1.slottableComponent)('CheckboxOption', LunaticCheckboxOption);
+//# sourceMappingURL=CheckboxOption.js.map

package/components/shared/Checkbox/CheckboxOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOption.js","sourceRoot":"","sources":["../../../src/components/shared/Checkbox/CheckboxOption.tsx"],"names":[],"mappings":";;;;AAEA,kEAA+D;AAC/D,0CAAuC;AACvC,kEAA+D;AAe/D,SAAS,qBAAqB,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,GACc;IACrB,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IACzC,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,YAAY,IAAI,SAAS,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,EAAE,CAAC;YACf,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,aAAa,GAAyC,CAAC,CAAC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACxB,aAAa,EAAE,CAAC;QACjB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAE9B,IAAA,+BAAc,EACb,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAClC,CAAC,CAAC,EAAE,EAAE;QACL,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,EAAE,CAAC;IACjB,CAAC,EACD,mBAAmB,CACnB,CAAC;IAEF,OAAO,CACN,iCACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,kBACD,OAAO,mBACN,QAAQ,mBACR,QAAQ,EACvB,SAAS,EAAC,wBAAwB,kBACpB,OAAO,EACrB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,qBACP,OAAO,aAExB,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,OAAO,IAAI,CACX,gCACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,YAEnB,iCACC,CAAC,EAAC,2CAA2C,EAC7C,IAAI,EAAC,cAAc,GAClB,GACG,CACN,GACI,EACN,wBAAC,aAAK,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,aACvD,YAAY,IAAI,CAChB,iCAAM,SAAS,EAAC,eAAe,YAAE,YAAY,CAAC,WAAW,EAAE,GAAQ,CACnE,EAAE,GAAG,EACL,KAAK,IACC,IACH,CACN,CAAC;AACH,CAAC;AAEY,QAAA,cAAc,GAAG,IAAA,uCAAkB,EAC/C,gBAAgB,EAChB,qBAAqB,CACrB,CAAC"}

package/components/shared/Checkbox/CheckboxOption.spec.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const CheckboxOption_1 = require("./CheckboxOption");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('CheckboxOption', () => {
+    const props = {
+        id: 'checkbox',
+        onCheck: vitest_1.vi.fn(),
+        checked: false,
+        disabled: false,
+        label: 'Option 1',
+        description: 'This is option 1',
+        codeModality: 'ctrl',
+        shortcut: false,
+    };
+    const defaultProps = {
+        id: 'test-checkbox',
+        onCheck: vitest_1.vi.fn(),
+        label: 'Test checkbox',
+    };
+    (0, vitest_1.it)('renders the component correctly', () => {
+        const { getByRole, getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { ...props }));
+        const checkbox = getByRole('checkbox');
+        const label = getByText('Option 1');
+        (0, vitest_1.expect)(checkbox).toBeInTheDocument();
+        (0, vitest_1.expect)(checkbox).not.toBeChecked();
+        (0, vitest_1.expect)(label).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('renders the label text', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { ...defaultProps }));
+        (0, vitest_1.expect)(getByText(defaultProps.label)).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('renders the component with the checked attribute', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { ...props, checked: true }));
+        const checkbox = getByRole('checkbox');
+        (0, vitest_1.expect)(checkbox).toBeChecked();
+    });
+    (0, vitest_1.it)('calls the onCheck function when clicked', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { ...props }));
+        const checkbox = getByRole('checkbox');
+        react_1.fireEvent.click(checkbox);
+        (0, vitest_1.expect)(props.onCheck).toHaveBeenCalledTimes(1);
+        (0, vitest_1.expect)(props.onCheck).toHaveBeenCalledWith(true);
+    });
+    (0, vitest_1.it)('calls the onCheck function when space key is pressed', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(CheckboxOption_1.CheckboxOption, { ...defaultProps }));
+        const checkbox = getByRole('checkbox');
+        react_1.fireEvent.keyDown(checkbox, { code: 'Space' });
+        (0, vitest_1.expect)(defaultProps.onCheck).toHaveBeenCalledWith(true);
+    });
+});
+//# sourceMappingURL=CheckboxOption.spec.js.map

package/components/shared/Checkbox/CheckboxOption.spec.js.map

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

package/components/shared/Checkbox/getShortcutKey.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getShortcutKey = void 0;
+const alphabet_1 = require("../../../utils/constants/alphabet");
+const getShortcutKey = (currentIndex, maxIndex) => (maxIndex < 10 ? `${currentIndex + 1}` : alphabet_1.alphabet[currentIndex]);
+exports.getShortcutKey = getShortcutKey;
+//# sourceMappingURL=getShortcutKey.js.map

package/components/shared/Checkbox/getShortcutKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShortcutKey.js","sourceRoot":"","sources":["../../../src/components/shared/Checkbox/getShortcutKey.ts"],"names":[],"mappings":";;;AAAA,gEAA6D;AAEtD,MAAM,cAAc,GAAG,CAC7B,YAAoB,EACpB,QAAgB,EACP,EAAE,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;AAHjE,QAAA,cAAc,kBAGmD"}

package/components/shared/Combobox/Combobox.js

@@ -0,0 +1,103 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Combobox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const ComboboxContainer_1 = require("./ComboboxContainer");
+const ComboboxContent_1 = require("./ComboboxContent");
+const constants_1 = require("./constants");
+const ComboboxPanel_1 = require("./Panel/ComboboxPanel");
+const ComboboxClearButton_1 = require("./Selection/ComboboxClearButton");
+const ComboboxSelection_1 = require("./Selection/ComboboxSelection");
+const number_1 = require("../../../utils/number");
+const Label_1 = require("../Label/Label");
+const slottableComponent_1 = require("../HOC/slottableComponent");
+const Declarations_1 = require("../Declarations/Declarations");
+const EMPTY_SEARCH = '';
+function LunaticComboBox({ className, classNamePrefix, classStyle = 'default-style', placeholder = 'Commencez votre saisie...', editable = false, disabled, readOnly, id, optionRenderer, labelRenderer, onChange, onSelect, value, options, messageError, search = EMPTY_SEARCH, getOptionValue = getDefaultOptionValue, label, description, declarations, errors, onBlur, onFocus, isLoading, }) {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const selectedIndex = getIndexFromOptions(options, value, getOptionValue);
+    const labelId = `label-${id}`;
+    const handleFocus = () => {
+        if (disabled || readOnly) {
+            return;
+        }
+        onFocus?.();
+        setExpanded(true);
+        setFocused(true);
+    };
+    const handleBlur = () => {
+        if (disabled || readOnly) {
+            return;
+        }
+        setExpanded(false);
+        setFocused(false);
+        onBlur?.();
+    };
+    const handleSelect = (index, close = true) => {
+        const indexNumber = (0, number_1.between)((0, number_1.forceInt)(index), 0, options.length);
+        const option = options[indexNumber];
+        if (close) {
+            setExpanded(false);
+            onBlur?.();
+        }
+        onSelect(getOptionValue(option));
+    };
+    const handleChange = (s) => {
+        onChange?.(s);
+    };
+    const handleClear = () => {
+        setExpanded(false);
+        onChange?.(EMPTY_SEARCH);
+        onSelect(null);
+    };
+    const onKeyDown = (key) => {
+        const length = options.length;
+        switch (key) {
+            case constants_1.KEYBOARD_KEY_CODES.Tab:
+            case constants_1.KEYBOARD_KEY_CODES.Escape:
+                setExpanded(false);
+                return;
+            case constants_1.KEYBOARD_KEY_CODES.ArrowDown:
+                handleSelect((selectedIndex ?? -1) + 1, false);
+                return;
+            case constants_1.KEYBOARD_KEY_CODES.ArrowUp:
+                handleSelect((selectedIndex ?? length) - 1, false);
+                return;
+            case constants_1.KEYBOARD_KEY_CODES.Home:
+                handleSelect(0, false);
+                return;
+            case constants_1.KEYBOARD_KEY_CODES.End:
+                handleSelect(length - 1, false);
+                return;
+            case constants_1.KEYBOARD_KEY_CODES.Enter:
+                setExpanded((v) => !v);
+                return;
+        }
+    };
+    const showClearButton = !disabled || !readOnly;
+    if (messageError) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "lunatic-combo-box-message-error", children: messageError }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(ComboboxContainer_1.ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: id, id: labelId, description: description, children: label }), (0, jsx_runtime_1.jsx)(Declarations_1.Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), (0, jsx_runtime_1.jsxs)(ComboboxContent_1.ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [(0, jsx_runtime_1.jsx)(ComboboxSelection_1.ComboboxSelection, { labelRenderer: labelRenderer, placeholder: placeholder, search: search, expanded: expanded, id: id, labelId: labelId, disabled: disabled, readOnly: readOnly, focused: focused, editable: editable, selectedIndex: selectedIndex, options: options, onChange: handleChange, classNamePrefix: classNamePrefix, invalid: !!errors }), (0, jsx_runtime_1.jsx)(ComboboxPanel_1.ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && ((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { className: (0, classnames_1.default)({ focused }), search: value, onClick: handleClear, editable: editable }))] }));
+}
+function getIndexFromOptions(options, value, getOptionValue) {
+    if (!Array.isArray(options)) {
+        return undefined;
+    }
+    return options.map(getOptionValue).findIndex((v) => v === value);
+}
+/**
+ * Extract value from an option item
+ */
+function getDefaultOptionValue(option = { value: '' }) {
+    const { id, value } = option;
+    return id || value;
+}
+exports.Combobox = (0, slottableComponent_1.slottableComponent)('Combobox', LunaticComboBox);
+//# sourceMappingURL=Combobox.js.map

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

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

package/components/shared/Combobox/Combobox.stories.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editable = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Combobox_1 = require("./Combobox");
+const meta = {
+    title: 'Components/Shared/ComboBox',
+    component: Combobox_1.Combobox,
+};
+exports.default = meta;
+const LabelRenderer = ({ option, placeholder, }) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: option?.label ?? placeholder });
+const Template = (args) => {
+    const [localValue, setLocalValue] = (0, react_1.useState)(args.value);
+    const [search, setSearch] = (0, react_1.useState)('');
+    // Simulate a search
+    const options = search
+        ? args.options.filter((v) => v.value.toLowerCase().includes(search.toLowerCase()))
+        : args.options;
+    return ((0, jsx_runtime_1.jsxs)("fieldset", { children: [(0, jsx_runtime_1.jsxs)("legend", { children: ["Select an option : ", localValue] }), (0, jsx_runtime_1.jsx)(Combobox_1.Combobox, { ...args, value: localValue, onSelect: (v) => {
+                    setLocalValue(v);
+                    args.onSelect?.(v);
+                }, onChange: (v) => {
+                    setSearch(v);
+                    args.onChange?.(v);
+                }, options: options, labelRenderer: LabelRenderer, optionRenderer: LabelRenderer }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setLocalValue('4'), children: "S\u00E9lectionner paris" })] }));
+};
+exports.Default = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Template, { ...args }),
+    args: {
+        value: '1',
+        options: [
+            { id: '1', value: 'Option 1', label: (0, jsx_runtime_1.jsx)("strong", { children: "Option 1" }) },
+            { id: '2', value: 'Option 2', label: 'Option 2' },
+            { id: '3', value: 'Option 3', label: 'Option 3' },
+            { id: 'paris', value: 'Paris', label: 'Paris' },
+            { id: 'toulouse', value: 'Toulouse', label: 'Toulouse' },
+        ],
+    },
+};
+exports.Editable = {
+    ...exports.Default,
+    args: {
+        ...exports.Default.parameters,
+        editable: true,
+    },
+};
+//# sourceMappingURL=Combobox.stories.js.map

package/components/shared/Combobox/Combobox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.stories.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/Combobox.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,yCAAsC;AAGtC,MAAM,IAAI,GAA0B;IACnC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,mBAAQ;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,aAAa,GAAG,CAAC,EACtB,MAAM,EACN,WAAW,GAIX,EAAE,EAAE,CAAC,2DAAG,MAAM,EAAE,KAAK,IAAI,WAAW,GAAI,CAAC;AAE1C,MAAM,QAAQ,GAAoB,CAAC,IAAI,EAAE,EAAE;IAC1C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAgB,EAAE,CAAC,CAAC;IACxD,oBAAoB;IACpB,MAAM,OAAO,GAAG,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1B,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACpD;QACF,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IAEhB,OAAO,CACN,iDACC,sEAA4B,UAAU,IAAU,EAChD,uBAAC,mBAAQ,OACJ,IAAI,EACR,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,aAAa,CAAC,CAAC,CAAC,CAAC;oBACjB,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,SAAS,CAAC,CAAC,CAAC,CAAC;oBACb,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,aAAa,GAC5B,EACF,mCAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,wCAA6B,IAC5D,CACX,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,OAAO,GAA8B;IACjD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,QAAQ,OAAK,IAAI,GAAI;IACxC,IAAI,EAAE;QACL,KAAK,EAAE,GAAG;QACV,OAAO,EAAE;YACR,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,0DAAyB,EAAE;YAChE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACjD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACjD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAC/C,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;SACxD;KACD;CACD,CAAC;AAEW,QAAA,QAAQ,GAA8B;IAClD,GAAG,eAAO;IACV,IAAI,EAAE;QACL,GAAG,eAAO,CAAC,UAAU;QACrB,QAAQ,EAAE,IAAI;KACd;CACD,CAAC"}

package/components/shared/Combobox/ComboboxContainer.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxContainer = 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");
+exports.ComboboxContainer = (0, slottableComponent_1.slottableComponent)('ComboboxContainer', ({ children, className, classNamePrefix, id, classStyle = 'default-style', errors, }) => ((0, jsx_runtime_1.jsxs)("div", { id: `${classNamePrefix ?? 'lunatic'}-combo-box-container-${id}`, className: (0, classnames_1.default)(className, `${classNamePrefix ?? 'lunatic'}-combo-box-container`, `${classNamePrefix ?? 'lunatic'}-suggester-${classStyle}`, `lunatic-suggester-default-style`, classStyle), children: [children, errors && (0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors })] })));
+//# sourceMappingURL=ComboboxContainer.js.map

package/components/shared/Combobox/ComboboxContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContainer.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/ComboboxContainer.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,kEAA+D;AAE/D,wEAAqE;AAUxD,QAAA,iBAAiB,GAAG,IAAA,uCAAkB,EAClD,mBAAmB,EACnB,CAAC,EACA,QAAQ,EACR,SAAS,EACT,eAAe,EACf,EAAE,EACF,UAAU,GAAG,eAAe,EAC5B,MAAM,GACN,EAAE,EAAE,CAAC,CACL,iCACC,EAAE,EAAE,GAAG,eAAe,IAAI,SAAS,wBAAwB,EAAE,EAAE,EAC/D,SAAS,EAAE,IAAA,oBAAU,EACpB,SAAS,EACT,GAAG,eAAe,IAAI,SAAS,sBAAsB,EACrD,GAAG,eAAe,IAAI,SAAS,cAAc,UAAU,EAAE,EACzD,iCAAiC,EACjC,UAAU,CACV,aAEA,QAAQ,EAER,MAAM,IAAI,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzC,CACN,CACD,CAAC"}

package/components/shared/Combobox/ComboboxContainer.spec.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ComboboxContainer_1 = require("./ComboboxContainer");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('ComboBoxContainer', () => {
+    (0, vitest_1.it)('renders with default styles when no classStyle prop is provided', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxContainer_1.ComboboxContainer, { id: "test-id", children: "Content" }));
+        (0, vitest_1.expect)(container.firstChild).toHaveClass('default-style');
+    });
+    (0, vitest_1.it)('renders with additional styles when classStyle prop is provided', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxContainer_1.ComboboxContainer, { id: "test-id", classStyle: "custom-style", children: "Content" }));
+        (0, vitest_1.expect)(container.firstChild).toHaveClass('lunatic-combo-box-container');
+        (0, vitest_1.expect)(container.firstChild).toHaveClass('custom-style');
+    });
+    (0, vitest_1.it)('renders children inside the component', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxContainer_1.ComboboxContainer, { id: "test-id", children: "Content" }));
+        (0, vitest_1.expect)(getByText('Content')).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('passes className prop to the component', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxContainer_1.ComboboxContainer, { id: "test-id", className: "test-class", children: "Content" }));
+        (0, vitest_1.expect)(container.firstChild).toHaveClass('test-class');
+    });
+});
+//# sourceMappingURL=ComboboxContainer.spec.js.map

package/components/shared/Combobox/ComboboxContainer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContainer.spec.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/ComboboxContainer.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,2DAAwD;AACxD,mCAA8C;AAE9C,IAAA,iBAAQ,EAAC,mBAAmB,EAAE,GAAG,EAAE;IAClC,IAAA,WAAE,EAAC,iEAAiE,EAAE,GAAG,EAAE;QAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,EAAE,EAAC,SAAS,wBAA4B,CAC3D,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,iEAAiE,EAAE,GAAG,EAAE;QAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,EAAE,EAAC,SAAS,EAAC,UAAU,EAAC,cAAc,wBAErC,CACpB,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,6BAA6B,CAAC,CAAC;QACxE,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,IAAA,WAAE,EAAC,uCAAuC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,EAAE,EAAC,SAAS,wBAA4B,CAC3D,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,EAAE,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,wBAElC,CACpB,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/shared/Combobox/ComboboxContent.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxContent = ComboboxContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const constants_1 = require("./constants");
+const ComboboxContentBox_1 = require("./ComboboxContentBox");
+const useDocumentEvent_1 = __importDefault(require("../../../hooks/useDocumentEvent"));
+function ComboboxContent({ children, focused, onFocus, onBlur, onKeyDown, classNamePrefix, }) {
+    const ref = (0, react_1.useRef)(null);
+    const onClick = (0, react_1.useCallback)((e) => {
+        if (!ref.current?.contains(e.target) && onBlur) {
+            onBlur();
+        }
+    }, [ref, onBlur]);
+    (0, useDocumentEvent_1.default)('mousedown', onClick);
+    const handleKeyDown = (0, react_1.useCallback)(function (e) {
+        const { key } = e;
+        e.stopPropagation();
+        switch (key) {
+            case constants_1.KEYBOARD_KEY_CODES.Escape:
+            case constants_1.KEYBOARD_KEY_CODES.Enter:
+            case constants_1.KEYBOARD_KEY_CODES.Tab:
+                ref.current?.focus();
+                break;
+            default:
+            // e.preventDefault();
+        }
+        onKeyDown(key);
+    }, [onKeyDown]);
+    return ((0, jsx_runtime_1.jsx)(ComboboxContentBox_1.ComboboxContentBox, { classNamePrefix: classNamePrefix, focused: focused, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(`${classNamePrefix ?? 'lunatic'}-combo-box-content`, {
+                focused,
+            }), ref: ref, tabIndex: 0, onFocus: onFocus, onClick: onFocus, onKeyDown: handleKeyDown, children: children }) }));
+}
+//# sourceMappingURL=ComboboxContent.js.map

package/components/shared/Combobox/ComboboxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContent.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/ComboboxContent.tsx"],"names":[],"mappings":";;;;;AAeA,0CA0DC;;AAxED,iCAA2E;AAC3E,4DAAoC;AACpC,2CAAiD;AACjD,6DAA0D;AAC1D,uFAA+D;AAU/D,SAAgB,eAAe,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,EACT,eAAe,GACR;IACP,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAQ,EAAE,EAAE;QACZ,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAqB,CAAC,IAAI,MAAM,EAAE,CAAC;YAC/D,MAAM,EAAE,CAAC;QACV,CAAC;IACF,CAAC,EACD,CAAC,GAAG,EAAE,MAAM,CAAC,CACb,CAAC;IAEF,IAAA,0BAAgB,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAEvC,MAAM,aAAa,GAAG,IAAA,mBAAW,EAChC,UAAU,CAAgB;QACzB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,QAAQ,GAAG,EAAE,CAAC;YACb,KAAK,8BAAkB,CAAC,MAAM,CAAC;YAC/B,KAAK,8BAAkB,CAAC,KAAK,CAAC;YAC9B,KAAK,8BAAkB,CAAC,GAAG;gBAC1B,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBACrB,MAAM;YACP,QAAQ;YACR,sBAAsB;QACvB,CAAC;QACD,SAAS,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,CAAC,CACX,CAAC;IAEF,OAAO,CACN,uBAAC,uCAAkB,IAAC,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,YACrE,gCACC,SAAS,EAAE,IAAA,oBAAU,EACpB,GAAG,eAAe,IAAI,SAAS,oBAAoB,EACnD;gBACC,OAAO;aACP,CACD,EACD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,YAEvB,QAAQ,GACJ,GACc,CACrB,CAAC;AACH,CAAC"}

package/components/shared/Combobox/ComboboxContentBox.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxContentBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const slottableComponent_1 = require("../HOC/slottableComponent");
+exports.ComboboxContentBox = (0, slottableComponent_1.slottableComponent)('ComboboxContentBox', ({ children, classNamePrefix, focused }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(`${classNamePrefix ?? 'lunatic'}-combo-box`, {
+        focused,
+    }), children: children })));
+//# sourceMappingURL=ComboboxContentBox.js.map

package/components/shared/Combobox/ComboboxContentBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContentBox.js","sourceRoot":"","sources":["../../../src/components/shared/Combobox/ComboboxContentBox.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,kEAA+D;AAOlD,QAAA,kBAAkB,GAAG,IAAA,uCAAkB,EACnD,oBAAoB,EACpB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC3C,gCACC,SAAS,EAAE,IAAA,oBAAU,EAAC,GAAG,eAAe,IAAI,SAAS,YAAY,EAAE;QAClE,OAAO;KACP,CAAC,YAED,QAAQ,GACJ,CACN,CACD,CAAC"}

package/components/shared/Combobox/ComboboxType.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ComboboxType.js.map

package/components/shared/Combobox/ComboboxType.js.map

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

package/components/shared/Combobox/Panel/ComboboxOption.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const slottableComponent_1 = require("../../HOC/slottableComponent");
+const i18n_1 = __importDefault(require("../../../../i18n"));
+exports.ComboboxOption = (0, slottableComponent_1.slottableComponent)('ComboboxOption', ({ option, selected }) => {
+    const { id, value, label } = option;
+    if (value === 'OTHER') {
+        return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: `${i18n_1.default.SUGGESTER_NO_RESULT} : ${i18n_1.default.SUGGESTER_ARBITRARY} "${label}"` }) }));
+    }
+    if (label && typeof label === 'string' && label.length) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: [(0, jsx_runtime_1.jsx)("span", { className: "id", children: id || value }), (0, jsx_runtime_1.jsx)("span", { children: " - " }), (0, jsx_runtime_1.jsx)("span", { className: "label", children: label })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-option', { selected }), children: (0, jsx_runtime_1.jsx)("span", { className: "id", children: id }) }));
+});
+//# sourceMappingURL=ComboboxOption.js.map

package/components/shared/Combobox/Panel/ComboboxOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOption.tsx"],"names":[],"mappings":";;;;;;;AAAA,4DAAoC;AAEpC,qEAAkE;AAClE,4DAAiC;AAOpB,QAAA,cAAc,GAAG,IAAA,uCAAkB,EAC/C,gBAAgB,EAChB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC/B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IAEpC,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACN,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,iCAAM,SAAS,EAAC,OAAO,YACrB,GAAG,cAAC,CAAC,mBAAmB,MAAM,cAAC,CAAC,mBAAmB,KAAK,KAAK,GAAG,GAC3D,GACF,CACN,CAAC;IACH,CAAC;IAED,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACxD,OAAO,CACN,iCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,aACnE,iCAAM,SAAS,EAAC,IAAI,YAAE,EAAE,IAAI,KAAK,GAAQ,EACzC,mDAAgB,EAChB,iCAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,IACjC,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAA0B,EAAE,EAAE,QAAQ,EAAE,CAAC,YACnE,iCAAM,SAAS,EAAC,IAAI,YAAE,EAAE,GAAQ,GAC3B,CACN,CAAC;AACH,CAAC,CACD,CAAC"}

package/components/shared/Combobox/Panel/ComboboxOption.spec.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ComboboxOption_1 = require("./ComboboxOption");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('DefaultOptionRenderer', () => {
+    (0, vitest_1.it)('renders without label', () => {
+        const option = { id: '1', value: 'Value' };
+        const { getByText, queryByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option }));
+        const idElement = getByText(option.id);
+        const labelElement = queryByText('-');
+        (0, vitest_1.expect)(idElement).toBeInTheDocument();
+        (0, vitest_1.expect)(labelElement).toBeNull();
+    });
+    (0, vitest_1.it)('renders with label', () => {
+        const option = { id: '1', value: 'Value', label: 'Label' };
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option }));
+        const idElement = getByText(option.id);
+        const labelElement = getByText(option.label);
+        (0, vitest_1.expect)(idElement).toBeInTheDocument();
+        (0, vitest_1.expect)(labelElement).toBeInTheDocument();
+    });
+    (0, vitest_1.it)('renders with selected class', () => {
+        const option = { id: '1', value: 'Value', label: 'Label' };
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option, selected: true }));
+        (0, vitest_1.expect)(container.firstChild).toHaveClass('selected');
+    });
+    (0, vitest_1.it)('renders without selected class', () => {
+        const option = { id: '1', value: 'Value', label: 'Label' };
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOption_1.ComboboxOption, { option: option }));
+        (0, vitest_1.expect)(container.firstChild).not.toHaveClass('selected');
+    });
+});
+//# sourceMappingURL=ComboboxOption.spec.js.map

package/components/shared/Combobox/Panel/ComboboxOption.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOption.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,qDAAkD;AAClD,mCAA8C;AAE9C,IAAA,iBAAQ,EAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,IAAA,WAAE,EAAC,uBAAuB,EAAE,GAAG,EAAE;QAChC,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAC3C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAA,cAAM,EACxC,uBAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAClC,CAAC;QACF,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QACtC,IAAA,eAAM,EAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtC,IAAA,eAAM,EAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,oBAAoB,EAAE,GAAG,EAAE;QAC7B,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjE,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAA,eAAM,EAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtC,IAAA,eAAM,EAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,6BAA6B,EAAE,GAAG,EAAE;QACtC,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAG,CAAC,CAAC;QAC1E,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;QAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACjE,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/shared/Combobox/Panel/ComboboxOptionContainer.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxOptionContainer = ComboboxOptionContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+function getMin(rect) {
+    const { top } = rect;
+    return top;
+}
+function getMax(rect) {
+    const { top, height } = rect;
+    return top + height;
+}
+function isVisible(optionRect, parentRect) {
+    const min = Math.min(getMin(optionRect), getMin(parentRect));
+    const max = Math.max(getMax(optionRect), getMax(parentRect));
+    return max - min < optionRect.height + parentRect.height;
+}
+function ComboboxOptionContainer({ children, index, selected, onSelect, }) {
+    const ref = (0, react_1.useRef)(null);
+    const onClick = (0, react_1.useCallback)((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onSelect(index);
+    }, [onSelect, index]);
+    (0, react_1.useEffect)(() => {
+        const { current } = ref;
+        if (current && selected && current.parentNode) {
+            const oRect = current.getBoundingClientRect();
+            const pRect = current.parentNode.getBoundingClientRect();
+            if (!isVisible(oRect, pRect)) {
+                current.scrollIntoView();
+            }
+        }
+    }, [ref, selected]);
+    return ((0, jsx_runtime_1.jsx)("li", { className: (0, classnames_1.default)('lunatic-combo-box-option-container', { selected }), role: "option", "aria-selected": selected, onClick: onClick, ref: ref, children: children }));
+}
+//# sourceMappingURL=ComboboxOptionContainer.js.map

package/components/shared/Combobox/Panel/ComboboxOptionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOptionContainer.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOptionContainer.tsx"],"names":[],"mappings":";;;;;AA0BA,0DAwCC;;AAlED,iCAAuD;AAEvD,4DAAoC;AAEpC,SAAS,MAAM,CAAC,IAAa;IAC5B,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACrB,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,SAAS,MAAM,CAAC,IAAa;IAC5B,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC7B,OAAO,GAAG,GAAG,MAAM,CAAC;AACrB,CAAC;AAED,SAAS,SAAS,CAAC,UAAmB,EAAE,UAAmB;IAC1D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAC7D,OAAO,GAAG,GAAG,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC1D,CAAC;AAQD,SAAgB,uBAAuB,CAAC,EACvC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,GACD;IACP,MAAM,GAAG,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAa,EAAE,EAAE;QACjB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CACjB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAI,OAAO,CAAC,UAA0B,CAAC,qBAAqB,EAAE,CAAC;YAE1E,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;gBAC9B,OAAO,CAAC,cAAc,EAAE,CAAC;YAC1B,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpB,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,oBAAU,EAAC,oCAAoC,EAAE,EAAE,QAAQ,EAAE,CAAC,EACzE,IAAI,EAAC,QAAQ,mBACE,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACL,CAAC;AACH,CAAC"}