@inseefr/lunatic 3.4.4 → 3.4.5-rc.0

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ComboboxOptionContainer_1 = require("./ComboboxOptionContainer");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('option-container', () => {
+    const props = {
+        children: 'Option 1',
+        index: '0',
+        selected: false,
+        onSelect: vitest_1.vi.fn(),
+    };
+    (0, vitest_1.it)('renders without crashing', () => {
+        const { getByRole } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxOptionContainer_1.ComboboxOptionContainer, { ...props }));
+        const optionContainer = getByRole('option');
+        (0, vitest_1.expect)(optionContainer).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=ComboboxOptionContainer.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOptionContainer.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxOptionContainer.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,uEAAoE;AACpE,mCAAkD;AAElD,IAAA,iBAAQ,EAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,WAAE,CAAC,EAAE,EAAE;KACjB,CAAC;IACF,IAAA,WAAE,EAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,iDAAuB,OAAK,KAAK,GAAI,CAAC,CAAC;QACrE,MAAM,eAAe,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE5C,IAAA,eAAM,EAAC,eAAe,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxPanel = ComboboxPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ComboboxOptionContainer_1 = require("./ComboboxOptionContainer");
+const ComboboxPanelContainer_1 = require("./ComboboxPanelContainer");
+const ComboboxOption_1 = require("./ComboboxOption");
+const i18n_1 = __importDefault(require("../../../../i18n"));
+/**
+ * Floating menu containing selectable options
+ */
+function ComboboxPanel({ optionRenderer: OptionRender, options = [], focused, selectedIndex, expanded, id, search, onSelect, isLoading, }) {
+    const visibleOptions = expanded ? options : [];
+    const ComboBoxOptionComponent = OptionRender ?? ComboboxOption_1.ComboboxOption;
+    // Do not display the panel if it's empty
+    if (visibleOptions.length === 0 && !search) {
+        return null;
+    }
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: (0, jsx_runtime_1.jsx)("div", { className: "lunatic-combo-box-option", children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: i18n_1.default.SUGGESTER_LOADING }) }) }));
+    }
+    if (search && visibleOptions.length === 0) {
+        return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: (0, jsx_runtime_1.jsx)("div", { className: "lunatic-combo-box-option", children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: i18n_1.default.SUGGESTER_NO_RESULT }) }) }));
+    }
+    if (visibleOptions.length === 0) {
+        return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: (0, jsx_runtime_1.jsx)("div", { className: "lunatic-combo-box-option", children: (0, jsx_runtime_1.jsx)("span", { className: "label", children: i18n_1.default.SUGGESTER_NO_RESULT }) }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: expanded, focused: focused, id: `${id}-list`, children: visibleOptions.map((option, index) => ((0, jsx_runtime_1.jsx)(ComboboxOptionContainer_1.ComboboxOptionContainer, { index: index.toString(), selected: selectedIndex === index, onSelect: onSelect, children: (0, jsx_runtime_1.jsx)(ComboBoxOptionComponent, { option: option, selected: selectedIndex === index, search: search }) }, option.id ?? option.value))) }));
+}
+//# sourceMappingURL=ComboboxPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPanel.js","sourceRoot":"","sources":["../../../../src/components/shared/Combobox/Panel/ComboboxPanel.tsx"],"names":[],"mappings":";;;;;AASA,sCAoFC;;AA7FD,uEAAoE;AAEpE,qEAAkE;AAClE,qDAAkD;AAClD,4DAAiC;AAEjC;;GAEG;AACH,SAAgB,aAAa,CAAC,EAC7B,cAAc,EAAE,YAAY,EAC5B,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,aAAa,EACb,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,SAAS,GACW;IACpB,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/C,MAAM,uBAAuB,GAAG,YAAY,IAAI,+BAAc,CAAC;IAE/D,yCAAyC;IACzC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACf,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAM,SAAS,EAAC,OAAO,YAAE,cAAC,CAAC,iBAAiB,GAAQ,GAC/C,GACkB,CACzB,CAAC;IACH,CAAC;IAED,IAAI,MAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3C,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAM,SAAS,EAAC,OAAO,YAAE,cAAC,CAAC,mBAAmB,GAAQ,GACjD,GACkB,CACzB,CAAC;IACH,CAAC;IAED,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEhB,gCAAK,SAAS,EAAC,0BAA0B,YACxC,iCAAM,SAAS,EAAC,OAAO,YAAE,cAAC,CAAC,mBAAmB,GAAQ,GACjD,GACkB,CACzB,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,+CAAsB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,GAAG,EAAE,OAAO,YAEf,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,uBAAC,iDAAuB,IAEvB,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,EACvB,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,QAAQ,EAAE,QAAQ,YAElB,uBAAC,uBAAuB,IACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,KAAK,KAAK,EACjC,MAAM,EAAE,MAAM,GACb,IATG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,CAUL,CAC1B,CAAC,GACsB,CACzB,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,62 @@
+"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 ComboboxPanel_1 = require("./ComboboxPanel");
+const function_1 = require("../../../../utils/function");
+(0, vitest_1.describe)('Panel', () => {
+    const options = [
+        { id: '1', value: 'Option 1' },
+        { id: '2', value: 'Option 2' },
+        { id: '3', value: 'Option 3' },
+    ];
+    const optionRenderer = ({ option }) => (0, jsx_runtime_1.jsx)("div", { children: option.value });
+    (0, vitest_1.it)('renders null when expanded is false', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanel_1.ComboboxPanel, { options: options, expanded: false, optionRenderer: optionRenderer, onSelect: function_1.voidFunction }));
+        (0, vitest_1.expect)(react_1.screen.queryByRole('option')).not.toBeInTheDocument();
+    });
+    (0, vitest_1.it)('renders the options when expanded is true', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanel_1.ComboboxPanel, { optionRenderer: optionRenderer, options: options, focused: false, expanded: true, id: "test", search: "", onSelect: function_1.voidFunction }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+        options.forEach((option) => {
+            (0, vitest_1.expect)(react_1.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');
+    // 		}
+    // 	});
+    // });
+    (0, vitest_1.it)('calls onSelect when an option is clicked', async () => {
+        const handleSelect = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanel_1.ComboboxPanel, { optionRenderer: optionRenderer, options: options, focused: false, selectedIndex: null, expanded: true, id: "test", search: "", onSelect: handleSelect }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+        const option = react_1.screen.getByText('Option 2');
+        await user_event_1.default.click(option);
+        (0, vitest_1.expect)(handleSelect).toHaveBeenCalledWith('1');
+    });
+});
+//# sourceMappingURL=ComboboxPanel.spec.js.map

package/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/components/shared/Combobox/Panel/ComboboxPanelContainer.js

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

package/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,4DAAoC;AAEpC,qEAAkE;AAQrD,QAAA,sBAAsB,GAAG,IAAA,uCAAkB,EACvD,wBAAwB,EACxB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAS,EAAE,EAAE,CAAC,CAC/C,+BACC,EAAE,EAAE,2BAA2B,EAAE,EAAE,gBACxB,aAAa,EACxB,SAAS,EAAE,IAAA,oBAAU,EAAC,yBAAyB,EAAE;QAChD,OAAO;QACP,QAAQ;KACR,CAAC,EACF,IAAI,EAAC,SAAS,YAEb,QAAQ,GACL,CACL,CACD,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const ComboboxPanelContainer_1 = require("./ComboboxPanelContainer");
+(0, vitest_1.describe)('ComboboxPanelContainer', () => {
+    (0, vitest_1.it)('should render children', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(ComboboxPanelContainer_1.ComboboxPanelContainer, { children: [(0, jsx_runtime_1.jsx)("li", { children: "Item 1" }), (0, jsx_runtime_1.jsx)("li", { children: "Item 2" })] }));
+        const items = react_1.screen.getAllByRole('listitem');
+        (0, vitest_1.expect)(items).toHaveLength(2);
+        (0, vitest_1.expect)(items[0]).toHaveTextContent('Item 1');
+        (0, vitest_1.expect)(items[1]).toHaveTextContent('Item 2');
+    });
+    (0, vitest_1.it)('should set the id attribute', () => {
+        const id = 'test-panel';
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { id: id, children: (0, jsx_runtime_1.jsx)("li", { children: "Item 1" }) }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('listbox')).toHaveAttribute('id', `lunatic-combo-box-panel-${id}`);
+    });
+    (0, vitest_1.it)('should set the aria-label attribute', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { children: (0, jsx_runtime_1.jsx)("li", { children: "Item 1" }) }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('listbox')).toHaveAttribute('aria-label', 'suggestions');
+    });
+    (0, vitest_1.it)('should set the focused class when focused prop is true', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { focused: true, children: (0, jsx_runtime_1.jsx)("li", { children: "Item 1" }) }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('listbox')).toHaveClass('focused');
+    });
+    (0, vitest_1.it)('should set the expanded class when expanded prop is true', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxPanelContainer_1.ComboboxPanelContainer, { expanded: true, children: (0, jsx_runtime_1.jsx)("li", { children: "Item 1" }) }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('listbox')).toHaveClass('expanded');
+    });
+});
+//# sourceMappingURL=ComboboxPanelContainer.spec.js.map

package/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,kDAAwD;AACxD,mCAA8C;AAC9C,qEAAkE;AAElE,IAAA,iBAAQ,EAAC,wBAAwB,EAAE,GAAG,EAAE;IACvC,IAAA,WAAE,EAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EACL,wBAAC,+CAAsB,eACtB,oDAAe,EACf,oDAAe,IACS,CACzB,CAAC;QACF,MAAM,KAAK,GAAG,cAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC9B,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,6BAA6B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,GAAG,YAAY,CAAC;QACxB,IAAA,cAAM,EACL,uBAAC,+CAAsB,IAAC,EAAE,EAAE,EAAE,YAC7B,oDAAe,GACS,CACzB,CAAC;QACF,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAClD,IAAI,EACJ,2BAA2B,EAAE,EAAE,CAC/B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EACL,uBAAC,+CAAsB,cACtB,oDAAe,GACS,CACzB,CAAC;QACF,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAClD,YAAY,EACZ,aAAa,CACb,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,IAAA,cAAM,EACL,uBAAC,+CAAsB,IAAC,OAAO,kBAC9B,oDAAe,GACS,CACzB,CAAC;QACF,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,IAAA,cAAM,EACL,uBAAC,+CAAsB,IAAC,QAAQ,kBAC/B,oDAAe,GACS,CACzB,CAAC;QACF,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxClearButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Icons_1 = require("../../Icons");
+const slottableComponent_1 = require("../../HOC/slottableComponent");
+const IconButton_1 = require("../../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 = (0, react_1.useMemo)(() => createOnKeyDown(onClick), [onClick]);
+    if (!editable) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { className: (0, classnames_1.default)('mini', 'lunatic-combo-box-fab', className), title: "delete", onClick: onClick, disabled: isDisabled(search), onKeyDown: onKeyDown, children: (0, jsx_runtime_1.jsx)(Icons_1.CrossIcon, { className: "lunatic-combo-box-icon" }) }));
+}
+exports.ComboboxClearButton = (0, slottableComponent_1.slottableComponent)('ComboboxClearButton', LunaticComboboxClearButton);
+//# sourceMappingURL=ComboboxClearButton.js.map

package/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,iCAAgC;AAChC,4DAAoC;AACpC,uCAAwC;AACxC,qEAAkE;AAClE,wDAAqD;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,IAAA,eAAO,EAAC,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,uBAAC,uBAAU,IACV,SAAS,EAAE,IAAA,oBAAU,EAAC,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,uBAAC,iBAAS,IAAC,SAAS,EAAC,wBAAwB,GAAG,GACpC,CACb,CAAC;AACH,CAAC;AAEY,QAAA,mBAAmB,GAAG,IAAA,uCAAkB,EACpD,qBAAqB,EACrB,0BAA0B,CAC1B,CAAC"}

package/components/shared/Combobox/Selection/ComboboxClearButton.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 ComboboxClearButton_1 = require("./ComboboxClearButton");
+(0, vitest_1.describe)('Delete', () => {
+    const onClickMock = vitest_1.vi.fn();
+    const search = 'test';
+    const className = 'test-class';
+    (0, vitest_1.afterEach)(() => {
+        onClickMock.mockClear();
+    });
+    (0, vitest_1.it)('should not render when editable is false', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { editable: false }));
+        (0, vitest_1.expect)(react_1.screen.queryByRole('button')).not.toBeInTheDocument();
+    });
+    (0, vitest_1.it)('should call onClick when clicked and search is not empty', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { editable: true, search: search, onClick: onClickMock }));
+        await user_event_1.default.click(react_1.screen.getByRole('button'));
+        (0, vitest_1.expect)(onClickMock).toHaveBeenCalledTimes(1);
+    });
+    (0, vitest_1.it)('should not call onClick when clicked and search is empty', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { editable: true, search: "", onClick: onClickMock }));
+        await user_event_1.default.click(react_1.screen.getByRole('button'));
+        (0, vitest_1.expect)(onClickMock).toHaveBeenCalledTimes(0);
+    });
+    (0, vitest_1.it)('should call onClick when the Enter key is pressed and search is not empty', () => {
+        const search = 'test';
+        const onClick = vitest_1.vi.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { search: search, onClick: onClick, editable: true }));
+        const deleteButton = react_1.screen.getByTitle('delete');
+        react_1.fireEvent.keyDown(deleteButton, { key: 'Enter' });
+        (0, vitest_1.expect)(onClick).toHaveBeenCalledTimes(1);
+    });
+    (0, vitest_1.it)('should not call onClick when the Enter key is pressed and search is empty', async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { editable: true, search: "", onClick: onClickMock }));
+        await user_event_1.default.type(react_1.screen.getByRole('button'), '{Enter}');
+        (0, vitest_1.expect)(onClickMock).toHaveBeenCalledTimes(0);
+    });
+    (0, vitest_1.it)('should apply the className prop', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { className: className, editable: true, search: search, onClick: onClickMock }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('button')).toHaveClass(className);
+    });
+    (0, vitest_1.it)('should be disabled when search is empty', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { editable: true, search: "", onClick: onClickMock }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('button')).toBeDisabled();
+    });
+    (0, vitest_1.it)('should not be disabled when search is not empty', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxClearButton_1.ComboboxClearButton, { editable: true, search: search, onClick: onClickMock }));
+        (0, vitest_1.expect)(react_1.screen.getByRole('button')).not.toBeDisabled();
+    });
+});
+//# sourceMappingURL=ComboboxClearButton.spec.js.map

package/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/components/shared/Combobox/Selection/ComboboxInput.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const slottableComponent_1 = require("../../HOC/slottableComponent");
+function LunaticComboboxInput({ placeholder, disabled, onChange, value, id, labelledBy, focused, className, invalid, }) {
+    const inputEl = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (inputEl.current && focused) {
+            inputEl.current.focus();
+        }
+    }, [inputEl, focused]);
+    const onKeydown = (e) => {
+        const { key } = e;
+        if (key === 'ArrowUp' || key === 'ArrowDown') {
+            e.preventDefault();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("input", { ref: inputEl, id: id, className: (0, classnames_1.default)('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 }));
+}
+exports.ComboboxInput = (0, slottableComponent_1.slottableComponent)('ComboboxInput', LunaticComboboxInput);
+//# sourceMappingURL=ComboboxInput.js.map

package/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,iCAKe;AACf,4DAAoC;AACpC,qEAAkE;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,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,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,kCACC,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,oBAAU,EAAC,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;AAEY,QAAA,aAAa,GAAG,IAAA,uCAAkB,EAC9C,eAAe,EACf,oBAAoB,CACpB,CAAC"}

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxLabelSelection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const slottableComponent_1 = require("../../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 ?? '';
+}
+const LunaticComboBoxLabelSelection = ({ option, placeholder, search, disabled = false, readOnly = false, }) => {
+    const isPlaceholder = !option && (!search || search.length === 0);
+    if (option?.value === 'OTHER') {
+        return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-selected', {
+                disabled,
+                readOnly,
+            }), children: (0, jsx_runtime_1.jsx)("span", { className: "selection", children: option.label }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('lunatic-combo-box-selected', {
+            disabled,
+            readOnly,
+        }), children: (0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)({
+                placeholder: isPlaceholder,
+                selection: !isPlaceholder,
+            }), children: getContent(option, search, placeholder) }) }));
+};
+exports.ComboboxLabelSelection = (0, slottableComponent_1.slottableComponent)('ComboboxLabelSelection', LunaticComboBoxLabelSelection);
+//# sourceMappingURL=ComboboxLabelSelection.js.map

package/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,4DAAoC;AAEpC,qEAAkE;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,IAAI,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,MAAM,EAAE,KAAK,KAAK,OAAO,EAAE,CAAC;QAC/B,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE;gBACnD,QAAQ;gBACR,QAAQ;aACR,CAAC,YAEF,iCAAM,SAAS,EAAC,WAAW,YAAE,MAAM,CAAC,KAAK,GAAQ,GAC5C,CACN,CAAC;IACH,CAAC;IACD,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE;YACnD,QAAQ;YACR,QAAQ;SACR,CAAC,YAEF,iCACC,SAAS,EAAE,IAAA,oBAAU,EAAC;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;AAEW,QAAA,sBAAsB,GAAG,IAAA,uCAAkB,EACvD,wBAAwB,EACxB,6BAA6B,CAC7B,CAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ComboboxLabelSelection_1 = require("./ComboboxLabelSelection");
+const vitest_1 = require("vitest");
+(0, vitest_1.describe)('DefaultLabelRenderer', () => {
+    (0, vitest_1.describe)('DefaultLabelRenderer', () => {
+        const option = {
+            id: '1',
+            value: 'Value',
+            label: 'Label',
+        };
+        (0, vitest_1.it)('should render with selected option', () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxLabelSelection_1.ComboboxLabelSelection, { option: option, placeholder: "Select an option" }));
+            const expectedContent = `${option.id || option.value} - ${option.label}`;
+            (0, vitest_1.expect)(getByText(expectedContent)).toBeInTheDocument();
+        });
+        (0, vitest_1.it)('should render with placeholder', () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxLabelSelection_1.ComboboxLabelSelection, { option: null, placeholder: "Select an option" }));
+            (0, vitest_1.expect)(getByText('Select an option')).toBeInTheDocument();
+        });
+        (0, vitest_1.it)('should render with search value', () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComboboxLabelSelection_1.ComboboxLabelSelection, { option: null, search: "Search value", placeholder: "Select an option" }));
+            (0, vitest_1.expect)(getByText('Search value')).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=ComboboxLabelSelection.spec.js.map

package/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,kDAAgD;AAChD,qEAAkE;AAClE,mCAA8C;AAC9C,IAAA,iBAAQ,EAAC,sBAAsB,EAAE,GAAG,EAAE;IACrC,IAAA,iBAAQ,EAAC,sBAAsB,EAAE,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG;YACd,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;SACd,CAAC;QAEF,IAAA,WAAE,EAAC,oCAAoC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,+CAAsB,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,IAAA,eAAM,EAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAA,WAAE,EAAC,gCAAgC,EAAE,GAAG,EAAE;YACzC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,+CAAsB,IAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAC,kBAAkB,GAAG,CACvE,CAAC;YAEF,IAAA,eAAM,EAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,IAAA,WAAE,EAAC,iCAAiC,EAAE,GAAG,EAAE;YAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,+CAAsB,IACtB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,kBAAkB,GAC7B,CACF,CAAC;YAEF,IAAA,eAAM,EAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxSelection = ComboboxSelection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const ComboboxLabelSelection_1 = require("./ComboboxLabelSelection");
+const ComboboxInput_1 = require("./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
+ */
+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 ?? ComboboxLabelSelection_1.ComboboxLabelSelection;
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, className: (0, classnames_1.default)(`${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 ? ((0, jsx_runtime_1.jsx)(LabelSelectionComponent, { option: selectedOption, placeholder: placeholder, search: search, disabled: disabled, readOnly: readOnly })) : ((0, jsx_runtime_1.jsx)(ComboboxInput_1.ComboboxInput, { invalid: invalid, id: `combobox-input-${id}`, className: "lunatic-combo-box-input", onChange: (e) => onChange?.(e.target.value ?? e.target.innerText), value: search, placeholder: placeholder, disabled: disabled, readOnly: readOnly, focused: focused, labelledBy: labelId })) }));
+}
+//# sourceMappingURL=ComboboxSelection.js.map

package/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":";;;;;AAUA,8CAkEC;;AA5ED,4DAAoC;AACpC,qEAAkE;AAClE,mDAAgD;AAIhD;;;GAGG;AACH,SAAgB,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,IAAI,+CAAsB,CAAC;IAExE,OAAO,CACN,gCACC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,oBAAU,EACpB,GAAG,eAAe,IAAI,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,uBAAC,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,uBAAC,6BAAa,IACb,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAC1B,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAC9C,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,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/components/shared/Combobox/Selection/ComboboxSelection.spec.js

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

package/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,kDAAgD;AAChD,2DAAwD;AACxD,mCAA8C;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,IAAA,iBAAQ,EAAC,qBAAqB,EAAE,GAAG,EAAE;IACpC,IAAA,WAAE,EAAC,4CAA4C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;QAEtE,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,CACvD,CAAC;QAEF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,CACvD,CAAC;QAEF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAC,QAAQ,GACnB,CACF,CAAC;QAEF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,6DAA6D,EAAE,GAAG,EAAE;QACtE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC1E,CAAC;QAEF,IAAA,eAAM,EAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,cAAM,EACxC,uBAAC,qCAAiB,IACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAE,KAAK,GACd,CACF,CAAC;QAEF,IAAA,eAAM,EAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/components/shared/Combobox/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KEYBOARD_KEY_CODES = void 0;
+exports.KEYBOARD_KEY_CODES = {
+    ArrowUp: 'ArrowUp',
+    ArrowDown: 'ArrowDown',
+    Home: 'Home',
+    End: 'End',
+    Enter: 'Enter',
+    Escape: 'Escape',
+    Tab: 'Tab',
+};
+//# sourceMappingURL=constants.js.map

package/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,QAAA,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/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/components/shared/ComponentErrors/ComponentErrors.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentErrors.js","sourceRoot":"","sources":["../../../src/components/shared/ComponentErrors/ComponentErrors.tsx"],"names":[],"mappings":";;AAeA,0CAgBC;AAED,gDAcC;;AAnCD;;GAEG;AACH,SAAgB,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,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC9C,gCAAyB,SAAS,EAAC,eAAe,YAChD,YAAY,IADJ,SAAS,EAAE,EAAE,CAEjB,CACN,CAAC,GACG,CACN,CAAC;AACH,CAAC;AAED,SAAgB,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,EAAE,IAAI,EAAE,CAAC,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/components/shared/ComponentErrors/ComponentErrors.spec.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const ComponentErrors_1 = require("./ComponentErrors");
+(0, vitest_1.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',
+            },
+        ],
+    };
+    (0, vitest_1.it)('renders null when no active errors', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors, componentId: "id3" }));
+        (0, vitest_1.expect)(container.firstChild).toBeNull();
+    });
+    (0, vitest_1.it)('renders active errors', () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ComponentErrors_1.ComponentErrors, { errors: errors, componentId: "id2" }));
+        (0, vitest_1.expect)(getByText('Error 2 message')).toBeInTheDocument();
+        (0, vitest_1.expect)(getByText('Error 3 message')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=ComponentErrors.spec.js.map

package/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,kDAAgD;AAChD,mCAA8C;AAC9C,uDAAoD;AAGpD,IAAA,iBAAQ,EAAC,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,IAAA,WAAE,EAAC,oCAAoC,EAAE,GAAG,EAAE;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAC,KAAK,GAAG,CACrD,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,uBAAuB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iCAAe,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAC,KAAK,GAAG,CACrD,CAAC;QACF,IAAA,eAAM,EAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,IAAA,eAAM,EAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}