@inseefr/lunatic 2.7.20-rc.2 → 3.0.0-rc.1

package/lib/src/components/{loop/block-for-loop.d.ts → Loop/Loop.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 /**
- * Loop without specific markup
+ * Loop without specific markup (stack of subcomponents)
  */
-export declare const BlockForLoop: import("react").ComponentType<import("../type").LunaticBaseProps<unknown> & {
+export declare const Loop: import("react").ComponentType<import("../type").LunaticBaseProps<unknown> & {
     lines: {
         min: number;
         max: number;

package/lib/src/components/{question → Question}/Question.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /**
- * Question that must represent the Don dilman's definition of it.
+ * Surround a question giving additional context with label / description / declarations
  */
-export declare const Question: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<unknown>, "label" | "id" | "description" | "declarations"> & {
+export declare const Question: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<unknown>, "id" | "label" | "description" | "declarations"> & {
     components: import("../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
 }>;

package/lib/src/components/{radio/lunatic-radio-group.d.ts → Radio/Radio.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
+export declare const Radio: import("react").ComponentType<import("../type").LunaticBaseProps<string | null> & {
     options: {
         description: import("react").ReactNode;
         label: import("react").ReactNode;
@@ -10,4 +10,3 @@ declare const _default: import("react").ComponentType<import("../type").LunaticB
         name: string;
     };
 }>;
-export default _default;

package/lib/src/components/{loop/roster-for-loop/roster-for-loop.d.ts → RosterForLoop/RosterForLoop.d.ts}

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import './roster.scss';
+import './RosterForLoop.scss';
 /**
  * Loop displayed as a table
  */
-export declare const RosterForLoop: import("react").ComponentType<import("../../type").LunaticBaseProps<unknown> & {
+export declare const RosterForLoop: import("react").ComponentType<import("../type").LunaticBaseProps<unknown> & {
     lines: {
         min: number;
         max: number;
     };
     iterations: number;
-    getComponents: (n: number) => import("../../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+    getComponents: (n: number) => import("../../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
     executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
         iteration?: number | number[] | undefined;
         bindingDependencies?: string[] | undefined;
@@ -18,6 +18,8 @@ export declare const RosterForLoop: import("react").ComponentType<import("../../
     value: Record<string, unknown[]>;
     header?: {
         label: import("react").ReactNode;
+        rowspan?: number | undefined;
+        colspan?: number | undefined;
     }[] | undefined;
     paginatedLoop?: boolean | undefined;
 }>;

package/lib/src/components/{roundabout/roundabout.d.ts → Roundabout/CustomRoundabout.d.ts}

@@ -11,5 +11,5 @@ type Props = {
     locked?: boolean;
     goToIteration: (v: number) => void;
 };
-declare const _default: import("react").ComponentType<Props>;
-export default _default;
+export declare const CustomRoundabout: import("react").ComponentType<Props>;
+export {};

package/lib/src/components/Roundabout/Roundabout.d.ts

@@ -0,0 +1,6 @@
+import './Roundabout.scss';
+import type { LunaticComponentProps } from '../type';
+/**
+ * Roundabout is a special loop component where the user can select the iteration to go to
+ */
+export declare function Roundabout({ iterations, expressions, goToPage, page, label, locked, }: LunaticComponentProps<'Roundabout'>): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/{roundabout/components/roundabout-it-button.d.ts → Roundabout/RoundaboutItButton.d.ts}

@@ -7,5 +7,5 @@ type Props = {
     goToIteration: (n: number) => void;
     locked?: boolean;
 };
-declare const _default: React.ComponentType<Props>;
-export default _default;
+export declare const RoundaboutItButton: React.ComponentType<Props>;
+export {};

package/lib/src/components/Roundabout/RoundaboutRedirect.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    goToIteration: (n: number) => void;
+    iteration: number;
+};
+export declare function RoundaboutRedirect({ goToIteration, iteration }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/components/Roundabout/extra.d.ts

@@ -0,0 +1,14 @@
+import React, { type ReactNode } from 'react';
+export declare const RoundaboutContainer: React.ComponentType<{
+    children?: React.ReactNode;
+}>;
+export declare const RoundaboutLabel: React.ComponentType<{
+    value?: ReactNode;
+}>;
+export declare const RoundaboutItTitle: React.ComponentType<{
+    label?: ReactNode;
+}>;
+export declare const RoundaboutItContainer: React.ComponentType<{
+    children?: React.ReactNode;
+}>;
+export declare const RoundaboutPending: React.ComponentType<Record<string, unknown>>;

package/lib/src/components/Sequence/Sequence.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './Sequence.scss';
+export declare const Sequence: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "id" | "label" | "style" | "description" | "declarations">>;

package/lib/src/components/Subsequence/Subsequence.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Subsequence: import("react").ComponentType<Pick<import("../type").LunaticBaseProps<string>, "id" | "label" | "declarations">>;

package/lib/src/components/{suggester/html/suggester.d.ts → Suggester/CustomSuggester.d.ts}

@@ -1,8 +1,7 @@
 import { type ReactNode } from 'react';
-import './default-style.scss';
-import type { LunaticError } from '../../../use-lunatic/type';
-import type { ComboBoxOptionType } from '../../commons/components/combo-box/combo-box.type';
-import type { LunaticComponentProps } from '../../type';
+import type { LunaticError } from '../../use-lunatic/type';
+import type { LunaticComponentProps } from '../type';
+import type { ComboboxOptionType } from '../shared/Combobox/ComboboxType';
 type Props = {
     className?: string;
     classNamePrefix?: string;
@@ -15,12 +14,12 @@ type Props = {
     readOnly?: boolean;
     id?: string;
     searching?: (s: string | null) => Promise<{
-        results: ComboBoxOptionType[];
+        results: ComboboxOptionType[];
         search: string;
     }>;
     label?: ReactNode;
     description?: ReactNode;
     errors?: LunaticError[];
 };
-declare const _default: import("react").ComponentType<Props>;
-export default _default;
+export declare const CustomSuggester: import("react").ComponentType<Props>;
+export {};

package/lib/src/components/Suggester/Suggester.d.ts

@@ -0,0 +1,3 @@
+import type { LunaticComponentProps } from '../type';
+import './Suggester.scss';
+export declare function Suggester({ storeName, idbVersion, id, className, optionRenderer, labelRenderer, handleChange, disabled, value, label, description, getSuggesterStatus, errors, readOnly, workersBasePath, response, }: LunaticComponentProps<'Suggester'>): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/{suggester/idb-suggester/suggester-notification.d.ts → Suggester/SuggesterNotification.d.ts}

@@ -1,10 +1,10 @@
 import React, { type PropsWithChildren, type ReactNode } from 'react';
-import { SuggesterStatus } from '../../../use-lunatic/use-suggesters';
+import { SuggesterStatus } from '../../use-lunatic/use-suggesters';
 type Props = PropsWithChildren<{
     status: SuggesterStatus;
     storeName: string;
     label?: ReactNode;
     description?: ReactNode;
 }>;
-declare const _default: React.ComponentType<Props>;
-export default _default;
+export declare const SuggesterNotification: React.ComponentType<Props>;
+export {};

package/lib/src/components/{suggester/idb-suggester/suggester-status.d.ts → Suggester/SuggesterStatus.d.ts}

@@ -1,5 +1,5 @@
 import { type PropsWithChildren, type ReactNode } from 'react';
-import { SuggesterStatus as SuggesterStatusEnum } from '../../../use-lunatic/use-suggesters';
+import { SuggesterStatus as SuggesterStatusEnum } from '../../use-lunatic/use-suggesters';
 export declare const STATUS: {
     unused: number;
     idle: number;

package/lib/src/components/Suggester/helpers.d.ts

@@ -0,0 +1,6 @@
+import type { ComboboxOptionType } from '../shared/Combobox/ComboboxType';
+export declare function isWorkerCompatible(): boolean;
+export declare function createSearching(name: string, version: string, workersBasePath?: string): (search: string | null) => Promise<{
+    results: ComboboxOptionType[];
+    search: string;
+}>;

package/lib/src/components/Summary/Summary.d.ts

@@ -0,0 +1,25 @@
+import type { LunaticComponentProps } from '../type';
+import { type ReactNode } from 'react';
+type Section = {
+    id?: string;
+    title?: ReactNode;
+    values?: Array<{
+        label: ReactNode;
+        value: ReactNode;
+        id: string;
+    }>;
+};
+/**
+ * Summarize the responses done by the user
+ */
+export declare function Summary(props: LunaticComponentProps<'Summary'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Title displayed on top of the Summary
+ */
+export declare const SummaryTitle: import("react").ComponentType<{
+    label: ReactNode;
+}>;
+export declare const SummaryResponses: import("react").ComponentType<{
+    sections: Section[];
+}>;
+export {};

package/lib/src/components/Switch/Switch.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const Switch: React.ComponentType<import("../type").LunaticBaseProps<boolean> & {
+    response: {
+        name: string;
+    };
+    statusLabel?: {
+        true: string;
+        false: string;
+    } | undefined;
+}>;

package/lib/src/components/Table/Table.d.ts

@@ -0,0 +1,2 @@
+import type { LunaticComponentProps } from '../type';
+export declare function Table(props: LunaticComponentProps<'Table'>): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/Textarea/Textarea.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './Textarea.scss';
+export declare const Textarea: import("react").ComponentType<import("../type").LunaticBaseProps<string> & {
+    cols?: number | undefined;
+    placeHolder?: string | undefined;
+    maxLength?: number | undefined;
+    rows?: number | undefined;
+    response: {
+        name: string;
+    };
+}>;

package/lib/src/components/library.d.ts

@@ -0,0 +1,161 @@
+import { Table } from './Table/Table';
+import { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
+import type { ComponentType } from 'react';
+import { ComponentSet } from './ComponentSet/ComponentSet';
+import { Roundabout } from './Roundabout/Roundabout';
+import { Suggester } from './Suggester/Suggester';
+import { Summary } from './Summary/Summary';
+export declare const library: {
+    Sequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "id" | "label" | "style" | "description" | "declarations">>;
+    Subsequence: ComponentType<Pick<import("./type").LunaticBaseProps<string>, "id" | "label" | "declarations">>;
+    RosterForLoop: ComponentType<import("./type").LunaticBaseProps<unknown> & {
+        lines: {
+            min: number;
+            max: number;
+        };
+        iterations: number;
+        getComponents: (n: number) => import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+        executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+            iteration?: number | number[] | undefined;
+            bindingDependencies?: string[] | undefined;
+            deps?: string[] | undefined;
+        } | undefined) => T;
+        value: Record<string, unknown[]>;
+        header?: {
+            label: import("react").ReactNode;
+            rowspan?: number | undefined;
+            colspan?: number | undefined;
+        }[] | undefined;
+        paginatedLoop?: boolean | undefined;
+    }>;
+    Loop: ComponentType<import("./type").LunaticBaseProps<unknown> & {
+        lines: {
+            min: number;
+            max: number;
+        };
+        iterations: number;
+        getComponents: (n: number) => import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+        executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+            iteration?: number | number[] | undefined;
+            bindingDependencies?: string[] | undefined;
+            deps?: string[] | undefined;
+        } | undefined) => T;
+        value: Record<string, unknown[]>;
+        header?: {
+            label: import("react").ReactNode;
+        }[] | undefined;
+        paginatedLoop?: boolean | undefined;
+    }>;
+    Table: typeof Table;
+    InputNumber: ComponentType<import("./type").LunaticBaseProps<number | null> & {
+        min?: number | undefined;
+        max?: number | undefined;
+        decimals?: number | undefined;
+        unit?: string | undefined;
+        response: {
+            name: string;
+        };
+    }>;
+    Datepicker: ComponentType<import("./type").LunaticBaseProps<string | null> & {
+        dateFormat: "YYYY-MM-DD" | "YYYY" | "YYYY-MM";
+        min?: string | undefined;
+        max?: string | undefined;
+        response: {
+            name: string;
+        };
+    }>;
+    CheckboxGroup: typeof CheckboxGroup;
+    CheckboxOne: ComponentType<import("./type").LunaticBaseProps<string | null> & {
+        options: {
+            description?: import("react").ReactNode;
+            label: import("react").ReactNode;
+            value: string;
+        }[];
+        response: {
+            name: string;
+        };
+    }>;
+    CheckboxBoolean: ComponentType<import("./type").LunaticBaseProps<boolean> & {
+        response: {
+            name: string;
+        };
+    }>;
+    Radio: ComponentType<import("./type").LunaticBaseProps<string | null> & {
+        options: {
+            description: import("react").ReactNode;
+            label: import("react").ReactNode;
+            value: string;
+        }[];
+        checkboxStyle?: boolean | undefined;
+        response: {
+            name: string;
+        };
+    }>;
+    Input: ComponentType<import("./type").LunaticBaseProps<string> & {
+        maxLength?: number | undefined;
+        value: string | null;
+        response: {
+            name: string;
+        };
+    }>;
+    Duration: ComponentType<import("./type").LunaticBaseProps<string | null> & {
+        format: "PTnHnM" | "PnYnM";
+        response: {
+            name: string;
+        };
+    }>;
+    Textarea: ComponentType<import("./type").LunaticBaseProps<string> & {
+        cols?: number | undefined;
+        placeHolder?: string | undefined;
+        maxLength?: number | undefined;
+        rows?: number | undefined;
+        response: {
+            name: string;
+        };
+    }>;
+    Switch: ComponentType<import("./type").LunaticBaseProps<boolean> & {
+        response: {
+            name: string;
+        };
+        statusLabel?: {
+            true: string;
+            false: string;
+        } | undefined;
+    }>;
+    Question: ComponentType<Pick<import("./type").LunaticBaseProps<unknown>, "id" | "label" | "description" | "declarations"> & {
+        components: import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+    }>;
+    ComponentSet: typeof ComponentSet;
+    FilterDescription: ComponentType<{
+        id: string;
+        label?: import("react").ReactNode;
+    }>;
+    Dropdown: ComponentType<import("./type").LunaticBaseProps<string | null> & {
+        options: {
+            description: import("react").ReactNode;
+            label: import("react").ReactNode;
+            value: string;
+        }[];
+        response: {
+            name: string;
+        };
+        writable?: boolean | undefined;
+    }>;
+    PairwiseLinks: ({ declarations, xAxisIterations, yAxisIterations, id, getComponents, }: Omit<import("./type").LunaticBaseProps<unknown>, "value"> & {
+        components: import("..").LunaticComponentDefinition[];
+        features?: ["VTL"] | ["VTL", "MD"] | undefined;
+        executeExpression: <T extends unknown = unknown>(expression: unknown, args?: {
+            iteration?: number | number[] | undefined;
+            bindingDependencies?: string[] | undefined;
+            deps?: string[] | undefined;
+        } | undefined) => T;
+        xAxisIterations: number;
+        yAxisIterations: number;
+        symLinks: Record<string, Record<string, string>>;
+        value: Record<string, unknown[]>;
+        getComponents: (x: number, y: number) => import("../use-lunatic/commons/fill-components/fill-components").FilledLunaticComponentProps[];
+    }) => import("react/jsx-runtime").JSX.Element;
+    Roundabout: typeof Roundabout;
+    Suggester: typeof Suggester;
+    Summary: typeof Summary;
+};

package/lib/src/components/{button/lunatic-button.d.ts → shared/Button/Button.d.ts}

@@ -1,5 +1,5 @@
 import { type MouseEventHandler, type PropsWithChildren } from 'react';
-import './button.scss';
+import './Button.scss';
 type Props = PropsWithChildren<{
     onClick?: MouseEventHandler<HTMLButtonElement | HTMLInputElement>;
     className?: string;
@@ -8,5 +8,5 @@ type Props = PropsWithChildren<{
     value?: string;
     type?: 'button' | 'submit' | 'reset';
 }>;
-declare const _default: import("react").ComponentType<Props>;
-export default _default;
+export declare const Button: import("react").ComponentType<Props>;
+export {};

package/lib/src/components/shared/Button/IconButton.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import './IconButton.scss';
+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/lib/src/components/{checkbox/commons/checkbox-option.d.ts → shared/Checkbox/CheckboxOption.d.ts}

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import './checkbox-option.scss';
+import './CheckboxOption.scss';
 import type { LunaticBaseProps } from '../../type';
 export type CheckboxOptionProps = {
     disabled?: boolean;
@@ -12,5 +12,4 @@ export type CheckboxOptionProps = {
     shortcut?: boolean;
     invalid?: boolean;
 };
-declare const _default: import("react").ComponentType<CheckboxOptionProps>;
-export default _default;
+export declare const CheckboxOption: import("react").ComponentType<CheckboxOptionProps>;

package/lib/src/components/shared/Combobox/Combobox.d.ts

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

package/lib/src/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>;

package/lib/src/components/{commons/components/combo-box/combo-box-container.d.ts → shared/Combobox/ComboboxContainer.d.ts}

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
-import type { LunaticError } from '../../../../use-lunatic/type';
+import type { LunaticError } from '../../../use-lunatic/type';
 type Props = PropsWithChildren<{
     classNamePrefix?: string;
     className?: string;
@@ -7,5 +7,5 @@ type Props = PropsWithChildren<{
     classStyle?: string;
     errors?: LunaticError[];
 }>;
-declare const _default: import("react").ComponentType<Props>;
-export default _default;
+export declare const ComboboxContainer: import("react").ComponentType<Props>;
+export {};

package/lib/src/components/{commons/components/combo-box/combo-box-content.d.ts → shared/Combobox/ComboboxContent.d.ts}

@@ -6,5 +6,5 @@ type Props = PropsWithChildren<{
     onKeyDown: (key: string) => void;
     classNamePrefix?: string;
 }>;
-export declare function ComboBoxContent({ children, focused, onFocus, onBlur, onKeyDown, classNamePrefix, }: Props): import("react/jsx-runtime").JSX.Element;
-export default ComboBoxContent;
+export declare function ComboboxContent({ children, focused, onFocus, onBlur, onKeyDown, classNamePrefix, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/components/shared/Combobox/ComboboxContentBox.d.ts

@@ -0,0 +1,7 @@
+import React, { type PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    focused?: boolean;
+    classNamePrefix?: string;
+}>;
+export declare const ComboboxContentBox: React.ComponentType<Props>;
+export {};

package/lib/src/components/shared/Combobox/ComboboxType.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentType, ReactNode } from 'react';
+export type ComboboxOptionType = {
+    id?: string;
+    description?: ReactNode;
+    label?: ReactNode;
+    value: string;
+    search?: string;
+};
+export type ComboboxSelectionProps = {
+    expanded?: boolean;
+    focused?: boolean;
+    onChange?: (s: string | null) => void;
+    editable?: boolean;
+    labelId?: string;
+    id?: string;
+    classNamePrefix?: string;
+    readOnly?: boolean;
+    invalid?: boolean;
+    /**
+     * @deprecated use createCustomizableField with ComboboxLabelRenderer as name.
+     */
+    labelRenderer?: ComponentType<{
+        option?: ComboboxOptionType;
+        placeholder?: string;
+        search?: string;
+        disabled?: boolean;
+    }>;
+    placeholder?: string;
+    selectedIndex?: number;
+    options: Array<ComboboxOptionType>;
+    search?: string;
+    disabled?: boolean;
+};
+export type ComboboxPanelProps = {
+    /**
+     * @deprecated use createCustomizableField with ComboboxOptionRenderer as name.
+     */
+    optionRenderer?: ComponentType<{
+        option: ComboboxOptionType;
+        selected?: boolean;
+        search?: string;
+    }>;
+    options: Array<ComboboxOptionType>;
+    focused?: boolean;
+    selectedIndex?: number | string | null;
+    expanded?: boolean;
+    id?: string;
+    search?: string;
+    onSelect: (value: string) => void;
+};

package/lib/src/components/shared/Combobox/Panel/ComboboxOption.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ComboboxOptionType } from '../ComboboxType';
+type Props = {
+    option: ComboboxOptionType;
+    selected?: boolean;
+};
+export declare const ComboboxOption: import("react").ComponentType<Props>;
+export {};

package/lib/src/components/{commons/components/combo-box/panel/option-container.d.ts → shared/Combobox/Panel/ComboboxOptionContainer.d.ts}

@@ -4,5 +4,5 @@ type Props = PropsWithChildren<{
     selected?: boolean;
     onSelect: (index: string) => void;
 }>;
-export declare function OptionContainer({ children, index, selected, onSelect, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxOptionContainer({ children, index, selected, onSelect, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/src/components/shared/Combobox/Panel/ComboboxPanel.d.ts

@@ -0,0 +1,5 @@
+import type { ComboboxPanelProps } from '../ComboboxType';
+/**
+ * Floating menu containing selectable options
+ */
+export declare function ComboboxPanel({ optionRenderer: OptionRender, options, focused, selectedIndex, expanded, id, search, onSelect, }: ComboboxPanelProps): import("react/jsx-runtime").JSX.Element;

package/lib/src/components/{commons/components/combo-box/panel/panel-container.d.ts → shared/Combobox/Panel/ComboboxPanelContainer.d.ts}

@@ -4,5 +4,5 @@ type Props = PropsWithChildren<{
     expanded?: boolean;
     id?: string;
 }>;
-declare const _default: import("react").ComponentType<Props>;
-export default _default;
+export declare const ComboboxPanelContainer: import("react").ComponentType<Props>;
+export {};

package/lib/src/components/{commons/components/combo-box/selection/clear-button.d.ts → shared/Combobox/Selection/ComboboxClearButton.d.ts}

@@ -5,5 +5,5 @@ type Props = {
     onClick?: () => void;
     editable?: boolean;
 };
-export declare const ClearButton: import("react").ComponentType<Props>;
+export declare const ComboboxClearButton: import("react").ComponentType<Props>;
 export {};

package/lib/src/components/{commons/components/combo-box/selection/input.d.ts → shared/Combobox/Selection/ComboboxInput.d.ts}

@@ -7,5 +7,4 @@ export type InputProps = {
     focused?: boolean;
     invalid?: boolean;
 } & HTMLAttributes<HTMLInputElement>;
-declare const _default: React.ComponentType<Record<string, unknown>>;
-export default _default;
+export declare const ComboboxInput: React.ComponentType<Record<string, unknown>>;

package/lib/src/components/shared/Combobox/Selection/ComboboxLabelSelection.d.ts

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

package/lib/src/components/shared/Combobox/Selection/ComboboxSelection.d.ts

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