@linzjs/lui 24.20.1 → 26.0.0

package/dist/components/LuiModal/LuiModal.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-interface ILuiModal {
-    key?: string;
-    shouldCloseOnOverlayClick?: boolean;
-    shouldCloseOnEsc?: boolean | 'use-keyup';
-    onClose?: () => void;
-    className?: string;
-    maxWidth?: boolean;
-    headingText?: string;
-    helpLink?: string | (() => void);
-    lowContrast?: boolean;
-    preventAutoFocus?: boolean;
-    appendToElement?: () => HTMLElement;
-    headerStyle?: 'light' | 'default';
-}
-/**
- * @deprecated this is replaced by `LuiModalV2`. [Migration notes](https://github.com/linz/Lui/pull/1127).
- */
-export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;
-/**
- * @deprecated this is replaced by `LuiAlertModalV2`. [Migration notes](https://github.com/linz/Lui/pull/1127).
- */
-export declare const LuiAlertModal: React.FC<React.PropsWithChildren<{
-    level: 'success' | 'info' | 'warning' | 'error';
-} & ILuiModal>>;
-/**
- * @deprecated this is replaced by `LuiModalV2.Buttons`. [Migration notes](https://github.com/linz/Lui/pull/1127).
- */
-export declare const LuiAlertModalButtons: React.FC<React.PropsWithChildren<unknown>>;
-interface IModalHeader {
-    headingText?: string;
-    helpLink?: string | (() => void);
-    onClose?: () => void;
-    style?: 'light' | 'default';
-}
-/**
- * @deprecated this is deprecated alongside `LuiModal`. [Migration notes](https://github.com/linz/Lui/pull/1127).
- */
-export declare const LuiModalHeader: React.FC<React.PropsWithChildren<IModalHeader>>;
-export {};
+import React from 'react';
+interface ILuiModal {
+    key?: string;
+    shouldCloseOnOverlayClick?: boolean;
+    shouldCloseOnEsc?: boolean | 'use-keyup';
+    onClose?: () => void;
+    className?: string;
+    maxWidth?: boolean;
+    headingText?: string;
+    helpLink?: string | (() => void);
+    lowContrast?: boolean;
+    preventAutoFocus?: boolean;
+    appendToElement?: () => HTMLElement;
+    headerStyle?: 'light' | 'default';
+}
+/**
+ * @deprecated this is replaced by `LuiModalV2`. [Migration notes](https://github.com/linz/Lui/pull/1127).
+ */
+export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;
+/**
+ * @deprecated this is replaced by `LuiAlertModalV2`. [Migration notes](https://github.com/linz/Lui/pull/1127).
+ */
+export declare const LuiAlertModal: React.FC<React.PropsWithChildren<{
+    level: 'success' | 'info' | 'warning' | 'error';
+} & ILuiModal>>;
+/**
+ * @deprecated this is replaced by `LuiModalV2.Buttons`. [Migration notes](https://github.com/linz/Lui/pull/1127).
+ */
+export declare const LuiAlertModalButtons: React.FC<React.PropsWithChildren<unknown>>;
+interface IModalHeader {
+    headingText?: string;
+    helpLink?: string | (() => void);
+    onClose?: () => void;
+    style?: 'light' | 'default';
+}
+/**
+ * @deprecated this is deprecated alongside `LuiModal`. [Migration notes](https://github.com/linz/Lui/pull/1127).
+ */
+export declare const LuiModalHeader: React.FC<React.PropsWithChildren<IModalHeader>>;
+export {};

package/dist/components/LuiModal/LuiModalContext.d.ts

@@ -0,0 +1,6 @@
+import React, { Dispatch, SetStateAction } from 'react';
+export declare function useShowLUIModal(): Dispatch<SetStateAction<((onClose: () => void) => JSX.Element) | undefined>>;
+export declare const LuiModalContextProvider: (props: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const LuiModalRenderer: () => React.JSX.Element;

package/dist/components/LuiModal/LuiModalV2.d.ts

@@ -1,36 +1,36 @@
-import React, { PropsWithChildren } from 'react';
-import { LuiIconProps } from '../LuiIcon/LuiIcon';
-export type LuiModalV2Props = {
-    key?: string;
-    /** Default `true` */
-    shouldCloseOnOverlayClick?: boolean;
-    /** Default `true` */
-    shouldCloseOnEsc?: boolean | 'use-keyup';
-    onClose?: () => void | Promise<void>;
-    showCloseButton?: boolean;
-    className?: string;
-    /** If set to true, the modal will take the full screen width. Default `false` */
-    maxWidth?: boolean;
-    headingText?: string;
-    headingIcon?: LuiIconProps;
-    helpLink?: string | (() => void | Promise<void>);
-    isLoading?: boolean;
-    /** Sets the overlay to white. This is only to be used for situations when the user is working in a component and there is benefit to hiding the surrounding page. An example is editing types of instruments in the Dealings flow in LOL. */
-    lowContrast?: boolean;
-    /** By default, the modal autofocuses the first `input` or `button` inside it. Set this prop to `true` to disable that behaviour. Default `false`. This is kept from LuiModal "V1" for backwards compatibility. */
-    preventAutoFocus?: boolean;
-    /** By default, the modal portal will be appended to the document's body, but we might need to append it to another element. This is passed the React Modal `parentSelector` prop. */
-    appendToElement?: () => HTMLElement;
-    /** Sets the tab index of the modal container */
-    tabIndex?: number | null;
-};
-/** Implements the [updated modal design system](https://www.figma.com/design/E7g3n5ziI7bR8MisISayia/FigLUI?node-id=9924-54717&t=q2r6Gct1cKGP9Q5B-0), keeping the same api as `LuiModal` as much as possible. */
-export declare const LuiModalV2: {
-    (props: PropsWithChildren<LuiModalV2Props>): React.JSX.Element;
-    Buttons: React.FC<React.PropsWithChildren<{
-        className?: string | undefined;
-    }>>;
-    HeaderTitle: React.FC<React.PropsWithChildren<{
-        className?: string | undefined;
-    }>>;
-};
+import React, { PropsWithChildren } from 'react';
+import { LuiIconProps } from '../LuiIcon/LuiIcon';
+export type LuiModalV2Props = {
+    key?: string;
+    /** Default `true` */
+    shouldCloseOnOverlayClick?: boolean;
+    /** Default `true` */
+    shouldCloseOnEsc?: boolean | 'use-keyup';
+    onClose?: () => void | Promise<void>;
+    showCloseButton?: boolean;
+    className?: string;
+    /** If set to true, the modal will take the full screen width. Default `false` */
+    maxWidth?: boolean;
+    headingText?: string;
+    headingIcon?: LuiIconProps;
+    helpLink?: string | (() => void | Promise<void>);
+    isLoading?: boolean;
+    /** Sets the overlay to white. This is only to be used for situations when the user is working in a component and there is benefit to hiding the surrounding page. An example is editing types of instruments in the Dealings flow in LOL. */
+    lowContrast?: boolean;
+    /** By default, the modal autofocuses the first `input` or `button` inside it. Set this prop to `true` to disable that behaviour. Default `false`. This is kept from LuiModal "V1" for backwards compatibility. */
+    preventAutoFocus?: boolean;
+    /** By default, the modal portal will be appended to the document's body, but we might need to append it to another element. This is passed the React Modal `parentSelector` prop. */
+    appendToElement?: () => HTMLElement;
+    /** Sets the tab index of the modal container */
+    tabIndex?: number | null;
+};
+/** Implements the [updated modal design system](https://www.figma.com/design/E7g3n5ziI7bR8MisISayia/FigLUI?node-id=9924-54717&t=q2r6Gct1cKGP9Q5B-0), keeping the same api as `LuiModal` as much as possible. */
+export declare const LuiModalV2: {
+    (props: PropsWithChildren<LuiModalV2Props>): React.JSX.Element;
+    Buttons: React.FC<React.PropsWithChildren<{
+        className?: string;
+    }>>;
+    HeaderTitle: React.FC<React.PropsWithChildren<{
+        className?: string;
+    }>>;
+};

package/dist/components/LuiMultiSwitch/LuiMultiSwitch.d.ts

@@ -1,23 +1,23 @@
-import React, { ReactElement } from 'react';
-export interface LuiMultiSwitchOption<ValueType> {
-    text: ReactElement | string;
-    value: ValueType;
-    shortcutKey?: string;
-    className?: string;
-    disabled?: boolean;
-}
-export declare const LuiMultiSwitchYesNo: LuiMultiSwitchOption<boolean>[];
-export interface LuiMultiSwitchProps<ValueType> {
-    'data-testid'?: string;
-    className?: string;
-    defaultValue?: ValueType | null;
-    value?: ValueType | null;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    options: LuiMultiSwitchOption<ValueType>[];
-    onChange: (value: ValueType) => Promise<boolean> | any;
-}
-/**
- * Uncontrolled grouped button style component where component has single focus and associated keyboard events.
- */
-export declare const LuiMultiSwitch: <ValueType>({ className, defaultValue, value, onChange, disabled, autoFocus, options, ...props }: LuiMultiSwitchProps<ValueType>) => React.JSX.Element;
+import React, { ReactElement } from 'react';
+export interface LuiMultiSwitchOption<ValueType> {
+    text: ReactElement | string;
+    value: ValueType;
+    shortcutKey?: string;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const LuiMultiSwitchYesNo: LuiMultiSwitchOption<boolean>[];
+export interface LuiMultiSwitchProps<ValueType> {
+    'data-testid'?: string;
+    className?: string;
+    defaultValue?: ValueType | null;
+    value?: ValueType | null;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    options: LuiMultiSwitchOption<ValueType>[];
+    onChange: (value: ValueType) => Promise<boolean> | any;
+}
+/**
+ * Uncontrolled grouped button style component where component has single focus and associated keyboard events.
+ */
+export declare const LuiMultiSwitch: <ValueType>({ className, defaultValue, value, onChange, disabled, autoFocus, options, ...props }: LuiMultiSwitchProps<ValueType>) => React.JSX.Element;

package/dist/components/LuiMultiSwitch/LuiMultiSwitch.examples.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const Controlled: () => React.JSX.Element;
-export declare const Uncontrolled: () => React.JSX.Element;
-export declare const CustomValues: () => React.JSX.Element;
+import React from 'react';
+export declare const Controlled: () => React.JSX.Element;
+export declare const Uncontrolled: () => React.JSX.Element;
+export declare const CustomValues: () => React.JSX.Element;

package/dist/components/LuiPagination/LuiPagination.d.ts

@@ -1,23 +1,23 @@
-import './LuiPagination.scss';
-import React from 'react';
-type PaginationProps = {
-    totalPages: number;
-    currentPage: number;
-    onPageChange: (page: number) => void;
-    isMobileLayout?: boolean | null;
-    animate?: boolean;
-};
-/**
- * @description Pagination component for navigating through a list of items with multiple pages.
- * @param currentPage - The currently selected page.
- * @param totalPages - The total number of pages.
- * @param onPageChange - Callback function that is triggered when a new page is selected.
- *                       It uses the selected page number as an argument.
- * @param isMobileLayout - Optional prop to override the responsive layout.
- *                         By default, the responsive layout will be used, which shows the full component
- *                         when the components container is >= 500px, and a mobile layout when < 500px.
- * @param animate - Optional prop to enable or disable the animation when navigating through pages.
- *                  A panning animation is shown for number values between two ellipsis buttons.
- */
-export declare const LuiPagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './LuiPagination.scss';
+import React from 'react';
+type PaginationProps = {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    isMobileLayout?: boolean | null;
+    animate?: boolean;
+};
+/**
+ * @description Pagination component for navigating through a list of items with multiple pages.
+ * @param currentPage - The currently selected page.
+ * @param totalPages - The total number of pages.
+ * @param onPageChange - Callback function that is triggered when a new page is selected.
+ *                       It uses the selected page number as an argument.
+ * @param isMobileLayout - Optional prop to override the responsive layout.
+ *                         By default, the responsive layout will be used, which shows the full component
+ *                         when the components container is >= 500px, and a mobile layout when < 500px.
+ * @param animate - Optional prop to enable or disable the animation when navigating through pages.
+ *                  A panning animation is shown for number values between two ellipsis buttons.
+ */
+export declare const LuiPagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/LuiProgressBar/LuiProgressBar.d.ts

@@ -1,9 +1,9 @@
-import './LuiProgressBar.scss';
-import React from 'react';
-export type ProgressBarProps = {
-    value?: number;
-    max?: number;
-    error?: boolean;
-    barHeight?: string;
-};
-export declare const LuiProgressBar: ({ value, max, error, barHeight, }: ProgressBarProps) => React.JSX.Element;
+import './LuiProgressBar.scss';
+import React from 'react';
+export type ProgressBarProps = {
+    value?: number;
+    max?: number;
+    error?: boolean;
+    barHeight?: string;
+};
+export declare const LuiProgressBar: ({ value, max, error, barHeight, }: ProgressBarProps) => React.JSX.Element;

package/dist/components/LuiResizableLayout/LuiResizableLayout.d.ts

@@ -1,25 +1,25 @@
-import React, { ReactNode, RefObject } from 'react';
-import { MinSizes } from 'split-grid';
-import '../../scss/Components/LuiResizableLayout/LuiResizableLayout.scss';
-export declare enum SplitPanelState {
-    OPEN = 0,
-    CLOSED_LEFT = 1,
-    CLOSED_RIGHT = 2
-}
-/**
- * @deprecated replaced by Splitter
- */
-export declare const LuiResizableLayout: React.FC<{
-    givenLeftRef?: RefObject<HTMLDivElement>;
-    givenRightRef?: RefObject<HTMLDivElement>;
-    leftContentComponent?: ReactNode;
-    rightContentComponent?: ReactNode;
-    givenGridTemplateColumns?: string;
-    givenColumnMinSizes?: MinSizes;
-    givenColumnSnapOffset?: number;
-    callbackOnSplitStateChange?: (currentSplitState: SplitPanelState, leftWidth: number, rightWidth: number) => void;
-    callbackOnDraging?: (newColumnPosition: string) => void;
-    splitStateChecker?: (leftWidth: number, rightWidth: number) => SplitPanelState;
-    callbackOnClickLeftArrowButton?: (leftWidth: number, rightWidth: number) => void;
-    callbackOnClickRightArrowButton?: (leftWidth: number, rightWidth: number) => void;
-}>;
+import React, { ReactNode, RefObject } from 'react';
+import { MinSizes } from 'split-grid';
+import '../../scss/Components/LuiResizableLayout/LuiResizableLayout.scss';
+export declare enum SplitPanelState {
+    OPEN = 0,
+    CLOSED_LEFT = 1,
+    CLOSED_RIGHT = 2
+}
+/**
+ * @deprecated replaced by Splitter
+ */
+export declare const LuiResizableLayout: React.FC<{
+    givenLeftRef?: RefObject<HTMLDivElement>;
+    givenRightRef?: RefObject<HTMLDivElement>;
+    leftContentComponent?: ReactNode;
+    rightContentComponent?: ReactNode;
+    givenGridTemplateColumns?: string;
+    givenColumnMinSizes?: MinSizes;
+    givenColumnSnapOffset?: number;
+    callbackOnSplitStateChange?: (currentSplitState: SplitPanelState, leftWidth: number, rightWidth: number) => void;
+    callbackOnDraging?: (newColumnPosition: string) => void;
+    splitStateChecker?: (leftWidth: number, rightWidth: number) => SplitPanelState;
+    callbackOnClickLeftArrowButton?: (leftWidth: number, rightWidth: number) => void;
+    callbackOnClickRightArrowButton?: (leftWidth: number, rightWidth: number) => void;
+}>;

package/dist/components/LuiSearchBox/LuiSearchBox.d.ts

@@ -1,41 +1,41 @@
-import React, { ReactElement } from 'react';
-import { LuiButtonProps } from '../LuiButton/LuiButton';
-import { ISearchGroupedResult, ISearchResult } from '../LuiSearchInput/ResultsDisplay';
-import { InputValidationResult } from '../LuiSearchInput/LuiPassiveSearchInput';
-export interface ISearchMenuOption {
-    name?: string;
-    groupTitle?: string | ReactElement;
-    groupDivider?: boolean;
-    value: string;
-    title: string;
-    placeholderText: string;
-    disclaimer?: string;
-    getOption: (input: any) => Promise<ISearchResult[] | ISearchGroupedResult[]>;
-    onSelectOption: (selectedOption: any) => void;
-    renderItem?: (item: any) => ReactElement;
-    icon?: ReactElement;
-    nestedIcon?: ReactElement;
-    columnBreak?: boolean;
-    onSearch?: (searchString: string) => void;
-    validateInput?: (input: string) => InputValidationResult | undefined;
-    customizedInput?: React.ReactElement;
-    hideDisclaimerOnFail?: boolean;
-    hideNoOptionsMessage?: boolean;
-}
-export interface ILuiSearchBoxProps {
-    searchBoxOptions: ISearchMenuOption[];
-    initOptionValue?: string;
-    onMenuSelect?: (e: Event) => void;
-    autoFocus?: boolean;
-    externalSearch?: boolean;
-    searchString?: string;
-    onClickInput?: () => void;
-    onClearInput?: () => void;
-}
-/**
- *  LuiSearchBox is a search input with select menu.
- *  The options of the menu and input can be passed in as an array.
- *  See examples in SearchBox in storybook.
- */
-export declare const LuiSearchBox: ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, externalSearch, searchString, onClickInput, onClearInput, }: ILuiSearchBoxProps) => React.JSX.Element;
-export declare const LuiSearchBoxButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import React, { ReactElement } from 'react';
+import { LuiButtonProps } from '../LuiButton/LuiButton';
+import { ISearchGroupedResult, ISearchResult } from '../LuiSearchInput/ResultsDisplay';
+import { InputValidationResult } from '../LuiSearchInput/LuiPassiveSearchInput';
+export interface ISearchMenuOption {
+    name?: string;
+    groupTitle?: string | ReactElement;
+    groupDivider?: boolean;
+    value: string;
+    title: string;
+    placeholderText: string;
+    disclaimer?: string;
+    getOption: (input: any) => Promise<ISearchResult[] | ISearchGroupedResult[]>;
+    onSelectOption: (selectedOption: any) => void;
+    renderItem?: (item: any) => ReactElement;
+    icon?: ReactElement;
+    nestedIcon?: ReactElement;
+    columnBreak?: boolean;
+    onSearch?: (searchString: string) => void;
+    validateInput?: (input: string) => InputValidationResult | undefined;
+    customizedInput?: React.ReactElement;
+    hideDisclaimerOnFail?: boolean;
+    hideNoOptionsMessage?: boolean;
+}
+export interface ILuiSearchBoxProps {
+    searchBoxOptions: ISearchMenuOption[];
+    initOptionValue?: string;
+    onMenuSelect?: (e: Event) => void;
+    autoFocus?: boolean;
+    externalSearch?: boolean;
+    searchString?: string;
+    onClickInput?: () => void;
+    onClearInput?: () => void;
+}
+/**
+ *  LuiSearchBox is a search input with select menu.
+ *  The options of the menu and input can be passed in as an array.
+ *  See examples in SearchBox in storybook.
+ */
+export declare const LuiSearchBox: ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, externalSearch, searchString, onClickInput, onClearInput, }: ILuiSearchBoxProps) => React.JSX.Element;
+export declare const LuiSearchBoxButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LuiButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/LuiSearchInput/LuiPassiveSearchInput.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-import 'react-loading-skeleton/dist/skeleton.css';
-export interface InputValidationResult {
-    stopProgress: boolean;
-    userMessage?: React.ReactNode;
-}
-export interface IPassiveSearchInputProps {
-    minCharactersForSearch: number;
-    placeholderText: string;
-    onSearch: (searchString: string) => void;
-    disclaimer?: string;
-    initialValue?: string;
-    inputTransformer?: (input: string) => string;
-    focusUpdate?: boolean;
-    onClearCallback?: () => void;
-    onClickInput?: () => void;
-    validateInput?: (input: string) => InputValidationResult | undefined;
-}
-export declare const ControlledPassiveSearchInputComponent: (props: IPassiveSearchInputProps & {
-    typedValue: string;
-    setTypedValue: (value: string) => void;
-}) => React.JSX.Element;
-/**
- * @deprecated This was created for client to easily customize the passive input component.
- * But that is hard to keep input memory to be consistent with other input components.
- * Has extracted the controlled version and let LuiSearchInput to align the input value.
- */
-export declare const LuiPassiveSearchInput: (props: React.PropsWithChildren<IPassiveSearchInputProps>) => React.JSX.Element;
+import React from 'react';
+import 'react-loading-skeleton/dist/skeleton.css';
+export interface InputValidationResult {
+    stopProgress: boolean;
+    userMessage?: React.ReactNode;
+}
+export interface IPassiveSearchInputProps {
+    minCharactersForSearch: number;
+    placeholderText: string;
+    onSearch: (searchString: string) => void;
+    disclaimer?: string;
+    initialValue?: string;
+    inputTransformer?: (input: string) => string;
+    focusUpdate?: boolean;
+    onClearCallback?: () => void;
+    onClickInput?: () => void;
+    validateInput?: (input: string) => InputValidationResult | undefined;
+}
+export declare const ControlledPassiveSearchInputComponent: (props: IPassiveSearchInputProps & {
+    typedValue: string;
+    setTypedValue: (value: string) => void;
+}) => React.JSX.Element;
+/**
+ * @deprecated This was created for client to easily customize the passive input component.
+ * But that is hard to keep input memory to be consistent with other input components.
+ * Has extracted the controlled version and let LuiSearchInput to align the input value.
+ */
+export declare const LuiPassiveSearchInput: (props: React.PropsWithChildren<IPassiveSearchInputProps>) => React.JSX.Element;

package/dist/components/LuiSearchInput/LuiSearchInput.d.ts

@@ -1,38 +1,38 @@
-import React, { ReactElement } from 'react';
-import 'react-loading-skeleton/dist/skeleton.css';
-import { ISearchGroupedResult, ISearchResult } from './ResultsDisplay';
-import { InputValidationResult } from './LuiPassiveSearchInput';
-export interface ISearchInputProps<SearchResult extends ISearchResult = ISearchResult> {
-    minCharactersForSearch: number;
-    placeholderText: string;
-    onSelectOption: (selectedOption: SearchResult) => void;
-    getOptions: (inputValue: string) => Promise<SearchResult[] | ISearchGroupedResult<SearchResult>[]>;
-    renderItem: (item: SearchResult) => ReactElement;
-    disclaimer?: string;
-    initialValue?: string;
-    inputTransformer?: (input: string) => string;
-    /**
-     * @deprecated This property will no longer be used to display a name in the message when no result found
-     */
-    name?: string;
-    focusUpdate?: boolean;
-    onClearCallback?: () => void;
-    onClickInput?: () => void;
-    externalSearch?: boolean;
-    onSearch?: (searchString: string) => void;
-    validateInput?: (input: string) => InputValidationResult | undefined;
-    hideDisclaimerOnFail?: boolean;
-    hideNoOptionsMessage?: boolean;
-    noOptionsMessage?: string;
-    hideSearchIcon?: boolean;
-    filterElement?: ReactElement;
-    trimBeforeMinCharCheck?: boolean;
-    /**
-     * When true, clicking the clear (X) icon will NOT clear the internal input
-     * value or results – it will only call onClearCallback().
-     * Useful when parent wants to treat clear as "navigation" and control
-     * when the text actually disappears (e.g. unsaved changes flows).
-     */
-    isClearable?: boolean;
-}
-export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => React.JSX.Element;
+import React, { ReactElement } from 'react';
+import 'react-loading-skeleton/dist/skeleton.css';
+import { ISearchGroupedResult, ISearchResult } from './ResultsDisplay';
+import { InputValidationResult } from './LuiPassiveSearchInput';
+export interface ISearchInputProps<SearchResult extends ISearchResult = ISearchResult> {
+    minCharactersForSearch: number;
+    placeholderText: string;
+    onSelectOption: (selectedOption: SearchResult) => void;
+    getOptions: (inputValue: string) => Promise<SearchResult[] | ISearchGroupedResult<SearchResult>[]>;
+    renderItem: (item: SearchResult) => ReactElement;
+    disclaimer?: string;
+    initialValue?: string;
+    inputTransformer?: (input: string) => string;
+    /**
+     * @deprecated This property will no longer be used to display a name in the message when no result found
+     */
+    name?: string;
+    focusUpdate?: boolean;
+    onClearCallback?: () => void;
+    onClickInput?: () => void;
+    externalSearch?: boolean;
+    onSearch?: (searchString: string) => void;
+    validateInput?: (input: string) => InputValidationResult | undefined;
+    hideDisclaimerOnFail?: boolean;
+    hideNoOptionsMessage?: boolean;
+    noOptionsMessage?: string;
+    hideSearchIcon?: boolean;
+    filterElement?: ReactElement;
+    trimBeforeMinCharCheck?: boolean;
+    /**
+     * When true, clicking the clear (X) icon will NOT clear the internal input
+     * value or results – it will only call onClearCallback().
+     * Useful when parent wants to treat clear as "navigation" and control
+     * when the text actually disappears (e.g. unsaved changes flows).
+     */
+    isClearable?: boolean;
+}
+export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => React.JSX.Element;

package/dist/components/LuiSearchInput/ResultsDisplay.d.ts

@@ -1,23 +1,23 @@
-import React, { ReactElement, RefObject } from 'react';
-export interface ISearchResult {
-    id: string;
-    description: string;
-}
-export interface ISearchGroupedResult<SearchResult extends ISearchResult = ISearchResult> {
-    id: string;
-    description: string;
-    label: React.ReactNode;
-    items: SearchResult[];
-}
-export interface IResultsProps<SearchResult extends ISearchResult = ISearchResult> {
-    selectedId: string;
-    isLoading: boolean;
-    onClick: (id: string) => void;
-    setSelectedId: (id: string) => void;
-    renderItem: (item: SearchResult) => ReactElement;
-    results: SearchResult[] | ISearchGroupedResult<SearchResult>[];
-    selectedRef: RefObject<HTMLDivElement | null>;
-}
-export declare function isGroupedResult<SearchResult extends ISearchResult = ISearchResult>(result: SearchResult[] | ISearchGroupedResult<SearchResult>[]): result is ISearchGroupedResult<SearchResult>[];
-declare const ResultsDisplay: <SearchResults extends ISearchResult = ISearchResult>({ isLoading, onClick, children, selectedId, selectedRef, setSelectedId, results, renderItem, }: React.PropsWithChildren<IResultsProps<SearchResults>>) => ReactElement;
-export default ResultsDisplay;
+import React, { ReactElement, RefObject } from 'react';
+export interface ISearchResult {
+    id: string;
+    description: string;
+}
+export interface ISearchGroupedResult<SearchResult extends ISearchResult = ISearchResult> {
+    id: string;
+    description: string;
+    label: React.ReactNode;
+    items: SearchResult[];
+}
+export interface IResultsProps<SearchResult extends ISearchResult = ISearchResult> {
+    selectedId: string;
+    isLoading: boolean;
+    onClick: (id: string) => void;
+    setSelectedId: (id: string) => void;
+    renderItem: (item: SearchResult) => ReactElement;
+    results: SearchResult[] | ISearchGroupedResult<SearchResult>[];
+    selectedRef: RefObject<HTMLDivElement | null>;
+}
+export declare function isGroupedResult<SearchResult extends ISearchResult = ISearchResult>(result: SearchResult[] | ISearchGroupedResult<SearchResult>[]): result is ISearchGroupedResult<SearchResult>[];
+declare const ResultsDisplay: <SearchResults extends ISearchResult = ISearchResult>({ isLoading, onClick, children, selectedId, selectedRef, setSelectedId, results, renderItem, }: React.PropsWithChildren<IResultsProps<SearchResults>>) => ReactElement;
+export default ResultsDisplay;

package/dist/components/LuiSelectMenu/LuiSelectDataMenu.d.ts

@@ -1,15 +1,15 @@
-import { MenuHeaderProps } from '@szhsin/react-menu';
-import React, { ReactElement } from 'react';
-export type MenuItemType = {
-    [key: string]: any;
-};
-export type MenuItemGroupType = {
-    [key: string]: any;
-};
-export interface ILuiSelectMenuProps {
-    items: (MenuItemType | MenuItemGroupType)[];
-    menuButton: ReactElement;
-}
-export declare const LuiSelectDataMenu: ({ ...props }: ILuiSelectMenuProps) => React.JSX.Element;
-export declare const LuiSelectMenuDivider: () => React.JSX.Element;
-export declare const LuiSelectMenuHeader: (props: MenuHeaderProps) => React.JSX.Element;
+import { MenuHeaderProps } from '@szhsin/react-menu';
+import React, { ReactElement } from 'react';
+export type MenuItemType = {
+    [key: string]: any;
+};
+export type MenuItemGroupType = {
+    [key: string]: any;
+};
+export interface ILuiSelectMenuProps {
+    items: (MenuItemType | MenuItemGroupType)[];
+    menuButton: ReactElement;
+}
+export declare const LuiSelectDataMenu: ({ ...props }: ILuiSelectMenuProps) => React.JSX.Element;
+export declare const LuiSelectMenuDivider: () => React.JSX.Element;
+export declare const LuiSelectMenuHeader: (props: MenuHeaderProps) => React.JSX.Element;