@inseefr/lunatic 3.4.5 → 3.4.6

package/esm/components/Textarea/Textarea.spec.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { Textarea } from './Textarea';
+describe('Textarea', () => {
+    const mockOnChange = vi.fn();
+    const baseProps = {
+        value: 'input',
+        id: 'input',
+        'aria-labelledby': 'input',
+        handleChanges: mockOnChange,
+        response: { name: 'demo' },
+    };
+    beforeEach(() => {
+        mockOnChange.mockClear();
+    });
+    it('renders without crashing', () => {
+        const { container } = render(_jsx(Textarea, { ...baseProps }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should handle readOnly', () => {
+        const { container } = render(_jsx(Textarea, { ...baseProps, id: "textarea", value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.', readOnly: true }));
+        expect(container).toMatchSnapshot();
+        const input = container.querySelector('textarea');
+        expect(input).toHaveAttribute('readonly');
+        input.focus();
+        expect(input).toHaveFocus();
+        expect(input).toHaveValue('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+    });
+});
+//# sourceMappingURL=Textarea.spec.js.map

package/esm/components/Textarea/Textarea.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.spec.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG;QACjB,KAAK,EAAE,OAAO;QACd,EAAE,EAAE,OAAO;QACX,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,YAAY;QAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACf,YAAY,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,OAAK,SAAS,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,QAAQ,OACJ,SAAS,EACb,EAAE,EAAC,UAAU,EACb,KAAK,EACJ,+bAA+b,EAEhc,QAAQ,SACP,CACF,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACzC,KAAqB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CACxB,+bAA+b,CAC/b,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/library.d.ts

@@ -0,0 +1,73 @@
+import { Table } from './Table/Table';
+import { Datepicker } from './Datepicker/Datepicker';
+import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import { CheckboxBoolean } from './CheckboxBoolean/CheckboxBoolean';
+import { Input } from './Input/Input';
+import { Text } from './Text/Text';
+import { Textarea } from './Textarea/Textarea';
+import type { LunaticComponentProps } from './type';
+import type { ComponentType } from 'react';
+import { InputNumber } from './InputNumber/InputNumber';
+import { Duration } from './Duration/Duration';
+import { Loop } from './Loop/Loop';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Roundabout } from './Roundabout/Roundabout';
+import { CheckboxOne } from './CheckboxOne/CheckboxOne';
+import { Suggester } from './Suggester/Suggester';
+import { Summary } from './Summary/Summary';
+export declare const library: {
+    Sequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id" | "style"> & import("./type").LunaticExtraProps & {
+        componentType?: "Sequence";
+    }>;
+    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "label" | "description" | "declarations" | "id"> & import("./type").LunaticExtraProps & {
+        componentType?: "Subsequence";
+    }>;
+    RosterForLoop: (props: LunaticComponentProps<"RosterForLoop">) => import("react/jsx-runtime").JSX.Element | null;
+    Loop: typeof Loop;
+    Table: typeof Table;
+    InputNumber: typeof InputNumber;
+    Datepicker: typeof Datepicker;
+    CheckboxGroup: typeof CheckboxGroup;
+    CheckboxOne: typeof CheckboxOne;
+    CheckboxBoolean: typeof CheckboxBoolean;
+    Radio: ComponentType<import("./type").LunaticBaseProps<string | null> & import("./type").LunaticExtraProps & {
+        options: Array<import("../use-lunatic/props/propOptions").InterpretedOption>;
+        checkboxStyle?: boolean;
+        response: {
+            name: string;
+        };
+        componentType?: "Radio";
+        orientation?: "horizontal" | "vertical";
+    }>;
+    Text: typeof Text;
+    Input: typeof Input;
+    Duration: typeof Duration;
+    Textarea: typeof Textarea;
+    Switch: ComponentType<import("./type").LunaticBaseProps<boolean> & import("./type").LunaticExtraProps & {
+        response: {
+            name: string;
+        };
+        statusLabel?: {
+            true: string;
+            false: string;
+        };
+        componentType?: "Switch";
+    }>;
+    Question: (props: LunaticComponentProps<"Question">) => import("react/jsx-runtime").JSX.Element;
+    FilterDescription: ({ id, label }: {
+        id: string;
+        label?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Dropdown: typeof Dropdown;
+    PairwiseLinks: ({ declarations, xAxisIterations, yAxisIterations, id, getComponents, }: LunaticComponentProps<"PairwiseLinks">) => import("react/jsx-runtime").JSX.Element;
+    Roundabout: typeof Roundabout;
+    Suggester: typeof Suggester;
+    Summary: typeof Summary;
+    Accordion: ComponentType<import("./type").LunaticBaseProps<string> & import("./type").LunaticExtraProps & {
+        componentType?: "Accordion";
+        items: {
+            label: import("react").ReactNode;
+            body: import("react").ReactNode;
+        }[];
+    }>;
+};

package/esm/components/library.js

@@ -0,0 +1,52 @@
+import { Sequence } from './Sequence/Sequence';
+import { Subsequence } from './Subsequence/Subsequence';
+import { RosterForLoop } from './RosterForLoop/RosterForLoop';
+import { Table } from './Table/Table';
+import { Datepicker } from './Datepicker/Datepicker';
+import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import { CheckboxBoolean } from './CheckboxBoolean/CheckboxBoolean';
+import { Radio } from './Radio/Radio';
+import { Input } from './Input/Input';
+import { Accordion } from './Accordion/Accordion';
+import { Text } from './Text/Text';
+import { Textarea } from './Textarea/Textarea';
+import { Switch } from './Switch/Switch';
+import { FilterDescription } from './FilterDescription/FilterDescription';
+import { Question } from './Question/Question';
+import { InputNumber } from './InputNumber/InputNumber';
+import { Duration } from './Duration/Duration';
+import { Loop } from './Loop/Loop';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Roundabout } from './Roundabout/Roundabout';
+import { PairwiseLinks } from './PairwiseLinks/PairwiseLinks';
+import { CheckboxOne } from './CheckboxOne/CheckboxOne';
+import { Suggester } from './Suggester/Suggester';
+import { Summary } from './Summary/Summary';
+// List of all the "componentType"
+export const library = {
+    Sequence: Sequence,
+    Subsequence: Subsequence,
+    RosterForLoop: RosterForLoop,
+    Loop: Loop,
+    Table: Table,
+    InputNumber: InputNumber,
+    Datepicker: Datepicker,
+    CheckboxGroup: CheckboxGroup,
+    CheckboxOne: CheckboxOne,
+    CheckboxBoolean: CheckboxBoolean,
+    Radio: Radio,
+    Text: Text,
+    Input: Input,
+    Duration: Duration,
+    Textarea: Textarea,
+    Switch: Switch,
+    Question: Question,
+    FilterDescription: FilterDescription,
+    Dropdown: Dropdown,
+    PairwiseLinks: PairwiseLinks,
+    Roundabout: Roundabout,
+    Suggester: Suggester,
+    Summary: Summary,
+    Accordion: Accordion,
+};
+//# sourceMappingURL=library.js.map

package/esm/components/library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"library.js","sourceRoot":"","sources":["../../src/components/library.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,kCAAkC;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,WAAW;IACxB,aAAa,EAAE,aAAa;IAC5B,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,UAAU;IACtB,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,WAAW;IACxB,eAAe,EAAE,eAAe;IAChC,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,iBAAiB,EAAE,iBAAiB;IACpC,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,SAAS;CAKpB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type MouseEventHandler, type PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    onClick?: MouseEventHandler<HTMLButtonElement | HTMLInputElement>;
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+    value?: string;
+    type?: 'button' | 'submit' | 'reset';
+    selected?: boolean;
+    readOnly?: boolean;
+    id?: string;
+}>;
+export declare const Button: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Button/Button.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { prevent } from '../../../utils/dom';
+import { isElement } from '../../../utils/is-element';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticButton({ id, children, onClick, disabled, label, className, value, type = 'button', selected, readOnly, }) {
+    const handleClick = prevent(onClick);
+    if (isElement(children) || value)
+        return (_jsx("button", { id: id, disabled: disabled || readOnly, type: type, className: classnames('button-lunatic', className, { disabled }), onClick: handleClick, value: value, "aria-pressed": selected, children: children }));
+    return (_jsx("input", { id: id, "aria-pressed": selected, disabled: disabled || readOnly, type: "button", className: classnames('button-lunatic', className, { disabled }), value: label !== null && label !== void 0 ? label : children === null || children === void 0 ? void 0 : children.toString(), onClick: handleClick }));
+}
+export const Button = slottableComponent('Button', LunaticButton);
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/shared/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAc/D,SAAS,aAAa,CAAC,EACtB,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,QAAQ,GACD;IACP,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,KAAK;QAC/B,OAAO,CACN,iBACC,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAChE,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,kBACE,QAAQ,YAErB,QAAQ,GACD,CACT,CAAC;IAEH,OAAO,CACN,gBACC,EAAE,EAAE,EAAE,kBACQ,QAAQ,EACtB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,EAChE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,EACpC,OAAO,EAAE,WAAW,GACnB,CACF,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, fireEvent } from '@testing-library/react';
+import { Button } from './Button';
+import { describe, vi, it, expect } from 'vitest';
+describe('Button', () => {
+    it('renders without crashing', () => {
+        const container = render(_jsx(Button, { onClick: () => { }, children: _jsx("span", { children: "Click me!" }) }));
+        expect(container).toMatchSnapshot();
+    });
+    it('renders a button element with given children as a Span', () => {
+        const { getByRole } = render(_jsx(Button, { onClick: () => { }, children: _jsx("span", { children: "Click me!" }) }));
+        const button = getByRole('button');
+        expect(button).toBeInTheDocument();
+        expect(button.tagName).toBe('BUTTON');
+        expect(button).toHaveTextContent('Click me!');
+    });
+    it('renders a button element with given children if children is not a React element', () => {
+        const label = 'Click me!';
+        const { getByDisplayValue } = render(_jsx(Button, { onClick: () => { }, children: label }));
+        const input = getByDisplayValue(label);
+        expect(input).toBeInTheDocument();
+        expect(input.tagName).toBe('INPUT');
+        expect(input).toHaveAttribute('value', label);
+    });
+    it('appelle onClick quand le bouton est cliqué', () => {
+        const handleClick = vi.fn();
+        const { getByText } = render(_jsx(Button, { onClick: handleClick, children: "Cliquez ici" }));
+        const buttonElement = getByText('Cliquez ici');
+        fireEvent.click(buttonElement);
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    it('renders an input element with given label without a child', () => {
+        const label = 'Click me!';
+        const { getByDisplayValue } = render(_jsx(Button, { onClick: () => { }, label: label }));
+        const input = getByDisplayValue(label);
+        expect(input).toBeInTheDocument();
+        expect(input).toHaveAttribute('type', 'button');
+        expect(input).toHaveAttribute('value', label);
+    });
+    it('renders the disabled class when the disabled prop is true', () => {
+        const { getByText } = render(_jsx(Button, { onClick: () => { }, disabled: true, children: "Cliquez ici" }));
+        const buttonElement = getByText('Cliquez ici');
+        expect(buttonElement).toHaveClass('disabled');
+    });
+    it('applies the provided className to the button element', () => {
+        const { getByRole } = render(_jsx(Button, { onClick: () => { }, className: "test-class", children: "Click me!" }));
+        const button = getByRole('button');
+        expect(button).toHaveClass('test-class');
+    });
+});
+//# sourceMappingURL=Button.spec.js.map

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

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

package/esm/components/shared/Button/IconButton.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    disabled?: boolean;
+}> & HTMLAttributes<HTMLButtonElement>;
+export declare function IconButton({ className, children, tabIndex, title, onClick, onKeyDown, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { voidFunction } from '../../../utils/function';
+export function IconButton({ className, children, tabIndex, title = 'Fab', onClick = voidFunction, onKeyDown = voidFunction, disabled, }) {
+    return (_jsx("button", { className: classnames('lunatic-fab', className), tabIndex: tabIndex, title: title, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, "aria-label": title, children: children }));
+}
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/shared/Button/IconButton.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAOvD,MAAM,UAAU,UAAU,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,YAAY,EACtB,SAAS,GAAG,YAAY,EACxB,QAAQ,GACD;IACP,OAAO,CACN,iBACC,SAAS,EAAE,UAAU,CAAC,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/esm/components/shared/Button/IconButton.spec.d.ts

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

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

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

package/esm/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":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,KAAC,UAAU,gCAA2B,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACxB,MAAM,CAAC,KAAC,UAAU,IAAC,KAAK,EAAC,YAAY,8BAA2B,CAAC,CAAC;QAClE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,WAAW,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,8BAA4B,CAAC,CAAC;QACrE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC9B,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC9B,MAAM,CAAC,KAAC,UAAU,IAAC,SAAS,EAAE,aAAa,8BAA4B,CAAC,CAAC;QACzE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACxC,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,KAAC,UAAU,IAAC,QAAQ,EAAE,IAAI,8BAA4B,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC/B,MAAM,CAAC,KAAC,UAAU,IAAC,SAAS,EAAC,YAAY,8BAA2B,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,CAAC,KAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,8BAA4B,CAAC,CAAC;QAC5D,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC5B,MAAM,CAAC,KAAC,UAAU,KAAG,CAAC,CAAC;QACvB,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Checkbox/CheckboxOption.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import type { LunaticBaseProps } from '../../type';
+export type CheckboxOptionProps = {
+    disabled?: boolean;
+    readOnly?: boolean;
+    checked?: boolean;
+    id?: string;
+    onCheck: (b: boolean) => void;
+    label?: ReactNode;
+    description?: LunaticBaseProps['description'];
+    codeModality?: string;
+    shortcut?: boolean;
+    invalid?: boolean;
+};
+export declare const CheckboxOption: import("react").ComponentType<CheckboxOptionProps>;

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { slottableComponent } from '../HOC/slottableComponent';
+import { Label } from '../Label/Label';
+import { useKeyboardKey } from '../../../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}`;
+    useKeyboardKey(codeModality ? [codeModality] : [], (e) => {
+        e.preventDefault();
+        onClickOption();
+    }, hasKeyboardShortcut);
+    return (_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: [_jsx("div", { className: "lunatic-input-checkbox__icon", children: checked && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 11", children: _jsx("path", { d: "M5 11 0 6l1.4-1.4L5 8.2 12.6.6 14 2l-9 9Z", fill: "currentColor" }) })) }), _jsxs(Label, { id: labelId, htmlFor: id, description: description, children: [codeModality && (_jsx("span", { className: "code-modality", children: codeModality.toUpperCase() })), ' ', label] })] }));
+}
+export const CheckboxOption = slottableComponent('CheckboxOption', LunaticCheckboxOption);
+//# sourceMappingURL=CheckboxOption.js.map

package/esm/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,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;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,cAAc,CACb,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,eACC,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,cAAK,SAAS,EAAC,8BAA8B,YAC3C,OAAO,IAAI,CACX,cACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,YAEnB,eACC,CAAC,EAAC,2CAA2C,EAC7C,IAAI,EAAC,cAAc,GAClB,GACG,CACN,GACI,EACN,MAAC,KAAK,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,aACvD,YAAY,IAAI,CAChB,eAAM,SAAS,EAAC,eAAe,YAAE,YAAY,CAAC,WAAW,EAAE,GAAQ,CACnE,EAAE,GAAG,EACL,KAAK,IACC,IACH,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAC/C,gBAAgB,EAChB,qBAAqB,CACrB,CAAC"}

package/esm/components/shared/Checkbox/CheckboxOption.spec.d.ts

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

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

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

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

@@ -0,0 +1 @@
+export declare const getShortcutKey: (currentIndex: number, maxIndex: number) => string;

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

@@ -0,0 +1,3 @@
+import { alphabet } from '../../../utils/constants/alphabet';
+export const getShortcutKey = (currentIndex, maxIndex) => (maxIndex < 10 ? `${currentIndex + 1}` : alphabet[currentIndex]);
+//# sourceMappingURL=getShortcutKey.js.map

package/esm/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,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,MAAM,CAAC,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,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import type { ComboboxOptionType, ComboboxPanelProps, ComboboxSelectionProps } from './ComboboxType';
+import type { LunaticError } from '../../../use-lunatic/type';
+import type { LunaticBaseProps } from '../../type';
+type Props = ComboboxSelectionProps & ComboboxPanelProps & {
+    className?: string;
+    classNamePrefix?: string;
+    classStyle?: string;
+    value: string | null;
+    messageError?: string;
+    getOptionValue?: (o: ComboboxOptionType) => string;
+    label?: ReactNode;
+    description?: ReactNode;
+    declarations?: LunaticBaseProps['declarations'];
+    errors?: LunaticError[];
+    onChange?: (s: string | null) => void;
+    onSelect: (s: string | null) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    options: ComboboxOptionType[];
+    readOnly?: boolean;
+    isLoading?: boolean;
+};
+export declare const Combobox: import("react").ComponentType<Props>;
+export {};

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { useState } from 'react';
+import { ComboboxContainer } from './ComboboxContainer';
+import { ComboboxContent } from './ComboboxContent';
+import { KEYBOARD_KEY_CODES } from './constants';
+import { ComboboxPanel } from './Panel/ComboboxPanel';
+import { ComboboxClearButton } from './Selection/ComboboxClearButton';
+import { ComboboxSelection } from './Selection/ComboboxSelection';
+import { between, forceInt } from '../../../utils/number';
+import { Label } from '../Label/Label';
+import { slottableComponent } from '../HOC/slottableComponent';
+import { Declarations } from '../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] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const selectedIndex = getIndexFromOptions(options, value, getOptionValue);
+    const labelId = `label-${id}`;
+    const handleFocus = () => {
+        if (disabled || readOnly) {
+            return;
+        }
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+        setExpanded(true);
+        setFocused(true);
+    };
+    const handleBlur = () => {
+        if (disabled || readOnly) {
+            return;
+        }
+        setExpanded(false);
+        setFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+    };
+    const handleSelect = (index, close = true) => {
+        const indexNumber = between(forceInt(index), 0, options.length);
+        const option = options[indexNumber];
+        if (close) {
+            setExpanded(false);
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+        }
+        onSelect(getOptionValue(option));
+    };
+    const handleChange = (s) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(s);
+    };
+    const handleClear = () => {
+        setExpanded(false);
+        onChange === null || onChange === void 0 ? void 0 : onChange(EMPTY_SEARCH);
+        onSelect(null);
+    };
+    const onKeyDown = (key) => {
+        const length = options.length;
+        switch (key) {
+            case KEYBOARD_KEY_CODES.Tab:
+            case KEYBOARD_KEY_CODES.Escape:
+                setExpanded(false);
+                return;
+            case KEYBOARD_KEY_CODES.ArrowDown:
+                handleSelect((selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : -1) + 1, false);
+                return;
+            case KEYBOARD_KEY_CODES.ArrowUp:
+                handleSelect((selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : length) - 1, false);
+                return;
+            case KEYBOARD_KEY_CODES.Home:
+                handleSelect(0, false);
+                return;
+            case KEYBOARD_KEY_CODES.End:
+                handleSelect(length - 1, false);
+                return;
+            case KEYBOARD_KEY_CODES.Enter:
+                setExpanded((v) => !v);
+                return;
+        }
+    };
+    const showClearButton = !disabled || !readOnly;
+    if (messageError) {
+        return (_jsx("div", { className: "lunatic-combo-box-message-error", children: messageError }));
+    }
+    return (_jsxs(ComboboxContainer, { id: id, className: className, classStyle: classStyle, classNamePrefix: classNamePrefix, errors: errors, children: [_jsx(Label, { htmlFor: id, id: labelId, description: description, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), _jsxs(ComboboxContent, { focused: focused, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: onKeyDown, classNamePrefix: classNamePrefix, children: [_jsx(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 }), _jsx(ComboboxPanel, { isLoading: isLoading, optionRenderer: optionRenderer, options: options, focused: focused, selectedIndex: selectedIndex, expanded: expanded, id: id, search: search, onSelect: handleSelect })] }), showClearButton && (_jsx(ComboboxClearButton, { className: classnames({ 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;
+}
+export const Combobox = slottableComponent('Combobox', LunaticComboBox);
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1,6 @@
+import { type Meta, type StoryObj } from '@storybook/react';
+import { Combobox } from './Combobox';
+declare const meta: Meta<typeof Combobox>;
+export default meta;
+export declare const Default: StoryObj<typeof Combobox>;
+export declare const Editable: StoryObj<typeof Combobox>;