@cwellt_software/cwellt-reactjs-lib 1.0.8 → 1.1.0

package/dist/index.d.ts

@@ -119,7 +119,7 @@ interface CwTooltipProps {
 }
 declare function CwTooltip(CwelltTooltipProps: React$1.PropsWithChildren<CwTooltipProps>): react_jsx_runtime.JSX.Element;
 
-type ChipColorScheme = 'danger' | 'warning' | 'success' | 'info' | 'custom';
+type ChipColorScheme = 'danger' | 'warning' | 'success' | 'info' | 'neutral' | 'custom';
 type ChipVariant = 'soft' | 'solid' | 'outline';
 interface CwChipProps {
     /*** Text content of the chip **/
@@ -159,7 +159,6 @@ interface CwTagProps {
     styleTag_description?: React$1.CSSProperties;
     closableTag?: boolean;
     className?: string;
-    classNameTag_description?: string;
     onClickTag?: (clickEvent: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
     onClickClosableTag?: (clickEvent: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
     idTag?: string;
@@ -174,6 +173,11 @@ declare enum CwMessageType {
     INFO = "info-bubble",
     SUCCESS = "check-circle"
 }
+/**
+ * CwMessage Component - Toast and Inline Message System
+ *
+ * A flexible notification system that supports both global toast messages and inline component messages.
+ */
 interface CwMessageProps {
     message: string;
     messageType?: CwMessageType;
@@ -181,27 +185,168 @@ interface CwMessageProps {
     onClose?: () => void;
 }
 declare const CwMessage: FC<CwMessageProps>;
+/**
+ * Hook for displaying inline messages within specific components.
+ * Messages appear where you place the RenderMessage component, perfect for form validation
+ * and contextual feedback.
+ *
+ * @returns Object with showMessage function and RenderMessage component
+ *
+ * @example
+ * ```typescript
+ * const { showMessage, RenderMessage } = useCwMessage();
+ *
+ * const handleValidation = () => {
+ *   showMessage({
+ *     message: "Please fill all required fields",
+ *     messageType: CwMessageType.ERROR,
+ *     duration: 3000
+ *   });
+ * };
+ *
+ * return (
+ *   <div>
+ *     {RenderMessage}
+ *     <button onClick={handleValidation}>Submit</button>
+ *   </div>
+ * );
+ * ```
+ */
 declare const useCwMessage: () => {
     showMessage: (props: CwMessageProps) => void;
     RenderMessage: react_jsx_runtime.JSX.Element | null;
 };
 declare class CwMessageManager {
     private static instance;
-    private messageContainer;
+    private messageWrapper;
     root: any;
-    private constructor();
     static getInstance(): CwMessageManager;
     private init;
     showMessage(message: string, type?: CwMessageType, duration?: number): void;
     private closeMessage;
 }
+/**
+ * Display a global TOAST message that appears floating at the top right of the screen.
+ * Perfect for system-wide notifications and cross-component alerts.
+ *
+ * @param message - Text to display in the message
+ * @param type - Message type for styling and icon (SUCCESS, ERROR, WARN, INFO)
+ * @param duration - Auto-close duration in milliseconds (default: 2000)
+ *
+ * @example
+ * ```typescript
+ * CwDisplayMessage("Data saved successfully!", CwMessageType.SUCCESS);
+ * CwDisplayMessage("Connection failed", CwMessageType.ERROR, 5000);
+ * ```
+ *
+ * @note For inline messages within components, use `CwNote` or `useCwMessage` hook instead
+ */
 declare function CwDisplayMessage(message: string, type?: CwMessageType, duration?: number): void;
 
-interface CwIconProps extends Omit<HTMLProps<HTMLDivElement>, "className"> {
+interface CwNoteProps {
+    /** Message content (used when no children provided) */
+    content?: React__default.ReactNode;
+    /** Visual variant of the message */
+    variant?: 'soft' | 'solid' | 'outline';
+    /** Color theme - ignored if customColor is provided */
+    color?: 'primary' | 'danger' | 'neutral' | 'success' | 'warning' | 'info';
+    /** Custom color - if provided, overrides color prop */
+    customColor?: string;
+    /** Size of the message */
+    fontSize?: 'small' | 'regular' | 'large';
+    /** Optional icon from your custom font (always rendered if provided) */
+    icon?: string;
+    /** Whether the note can be dismissed manually (default: false) */
+    dismissible?: boolean;
+    /** Auto-close after X seconds (if provided, note will auto-dismiss) */
+    autoCloseSeconds?: number;
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles */
+    style?: React__default.CSSProperties;
+    /** Custom message content (overrides content but not icon) */
+    children?: React__default.ReactNode;
+}
+/**
+ * CwNote - Inline note component for instructions and contextual content
+ *
+ * @example
+ * <CwNote content="Use the search box to filter results" color="neutral" icon="search" />
+ * <CwNote
+ *   content="Failed to load data"
+ *   variant="solid"
+ *   color="danger"
+ *   icon="warning"
+ *   onDismiss={() => console.log('dismissed')}
+ * />
+ * <CwNote variant="outline" color="success" icon="check">
+ *   <p>Step 1: Configure your project settings</p>
+ *   <p>Step 2: Validate configuration before proceeding</p>
+ * </CwNote>
+ * <CwNote className="custom-class" icon="lightbulb">
+ *   <strong>Important information here</strong>
+ * </CwNote>
+ */
+declare const CwNote: React__default.FC<CwNoteProps>;
+
+type ImageItem = {
+    src: string;
+    alt: string;
+    filename?: string;
+};
+/**
+ * CwImageGallery
+ *
+ * A versatile image gallery component that displays a grid of images
+ * and allows users to click on an image to view it in a larger format.
+ *
+ * @example
+ * // Basic usage
+ *	<ImageGallery
+ *		images={photos.map(p => {
+ *			return (
+ *				{
+ *					src: "base64ImageString",
+ *					alt: "Alternative text",
+ *					filename: "Filename"
+ *				}
+ *			)
+ *		})}
+ *	/>
+ */
+declare function CwImageGallery({ images }: {
+    images: ImageItem[];
+}): react_jsx_runtime.JSX.Element;
+
+type ZoomImageItem = {
+    src: string;
+    alt: string;
+    filename?: string;
+    width?: string | number;
+    height?: string | number;
+};
+/**
+ * CwImageGallery
+ *
+ * A image zoom component that displays an image
+ * and allows users to click to view it in a larger format.
+ *
+ * @example
+ * // Basic usage
+ *	<ImageZoom src={'base64ImageString'}
+ *		alt={'Alternative text'}/>
+ */
+declare function CwImageZoom(image: ZoomImageItem): react_jsx_runtime.JSX.Element;
+
+interface CwIconProps extends Omit<HTMLProps<HTMLSpanElement>, "className" | "size"> {
     /** Icon identifier */
     iconId: string;
     /** Source of the icon: 'fontawesome' or 'cwellt'. Defaults to 'cwellt' */
     source?: 'fontawesome' | 'cwellt';
+    /** Color variant **/
+    color?: 'primary' | 'danger' | 'success' | 'neutral';
+    /** Size options **/
+    size?: 'small' | 'regular' | 'medium' | 'large';
 }
 /**
  * Icon component that supports both FontAwesome 4 and cwellt icon font
@@ -300,6 +445,18 @@ interface CwModalProps {
 }
 declare function CwModal(custModalProps: React__default.PropsWithChildren<CwModalProps>): react_jsx_runtime.JSX.Element;
 
+interface ConfirmationPopupProps {
+    isOpen: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    children: ReactNode;
+}
+declare function CwConfirmationPopup(props: ConfirmationPopupProps): react_jsx_runtime.JSX.Element;
+
 interface CwModalConfirmProps {
     modalStateConfirm?: boolean;
     children?: any;
@@ -324,10 +481,10 @@ interface CwModalIframeProps {
     SET_IFRAME_VISIBLE: (visible: boolean) => void;
     cblConfig: string;
 }
-interface State$6 {
+interface State$5 {
     disabled: boolean;
 }
-declare class CwModalIframe extends React$1.Component<CwModalIframeProps, State$6> {
+declare class CwModalIframe extends React$1.Component<CwModalIframeProps, State$5> {
     constructor(Props: CwModalIframeProps);
     draggableRef: React$1.RefObject<HTMLDivElement>;
     handleCancel: () => void;
@@ -361,7 +518,7 @@ interface CwReportModalProps {
     SET_MODAL_REPORT_VISIBLE: (visible: boolean) => void;
     isModal?: boolean;
 }
-interface State$5 {
+interface State$4 {
     disabled: boolean;
     modalPosition: {
         top: number;
@@ -371,7 +528,7 @@ interface State$5 {
     };
     isModal: boolean;
 }
-declare class CwReportModal extends React$1.Component<CwReportModalProps, State$5> {
+declare class CwReportModal extends React$1.Component<CwReportModalProps, State$4> {
     formRef: React$1.RefObject<FormInstance<any>>;
     constructor(props: Readonly<CwReportModalProps>);
     render(): react_jsx_runtime.JSX.Element;
@@ -395,7 +552,7 @@ interface CwModalHoverProps extends Omit<HTMLProps<HTMLDialogElement>, "classNam
  */
 declare const CwModalHover: FC<CwModalHoverProps>;
 
-interface CwDialogProps extends Omit<HTMLProps<PropsWithChildren<HTMLDialogElement>>, "className"> {
+interface CwDialogProps extends HTMLProps<PropsWithChildren<HTMLDialogElement>> {
     /** Custom footer elements to replace the default footer */
     customFooter?: Array<ReactElement>;
     /** Custom header elements to replace the default header */
@@ -419,6 +576,8 @@ interface CwDialogProps extends Omit<HTMLProps<PropsWithChildren<HTMLDialogEleme
     onClose?: () => void;
     /** If true, the footer will not be displayed */
     hideFooter?: boolean;
+    /*** Reposition the dialog when content size changes after opening. For modals with slow loading content. Default: false **/
+    autoReposition?: boolean;
 }
 declare const CwDialog: FC<CwDialogProps>;
 
@@ -496,15 +655,13 @@ interface SortOption<T> {
     label: string;
     sortFn: (a: T, b: T) => number;
 }
-interface CwCardListProps<T> {
+interface CwCardListProps<T> extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Array of data items to display as cards */
     items: T[];
     /** Function that renders a CwCard for each item */
     renderCard: (item: T, index: number) => ReactNode;
     /** Number of cards per page */
     pageSize?: number;
-    /** CSS class name for the container */
-    className?: string;
     /** Layout style - grid or list */
     layout?: 'grid' | 'list';
     /** Default width for each card in the grid (in pixels) */
@@ -520,7 +677,7 @@ interface CwCardListProps<T> {
     /** Default sort key */
     defaultSortKey?: string;
 }
-declare function CwCardList<T>({ items, renderCard, pageSize, className, layout, defaultCardWidth, cardGap, isLoading, emptyState, sortOptions, defaultSortKey }: CwCardListProps<T>): react_jsx_runtime.JSX.Element;
+declare function CwCardList<T>({ items, renderCard, pageSize, layout, defaultCardWidth, cardGap, isLoading, emptyState, sortOptions, defaultSortKey, ...htmlProps }: CwCardListProps<T>): react_jsx_runtime.JSX.Element;
 
 interface CwAccordionContainerProps {
     children?: any;
@@ -713,7 +870,7 @@ interface CwKeyValueListProps {
         suffix?: string;
     }>;
     className?: string;
-    emptyValue?: React.ReactNode;
+    emptyValue?: React__default.ReactNode;
     /** Direction of flex layout: 'row' or 'column' @default "row" **/
     direction?: 'row' | 'column';
 }
@@ -730,7 +887,123 @@ interface CwKeyValueListProps {
  *   emptyValue="N/A"
  * />
  */
-declare const CwKeyValueList: React.FC<CwKeyValueListProps>;
+declare const CwKeyValueList: React__default.FC<CwKeyValueListProps>;
+
+/**
+ * CwSortableList
+ *
+ * A drag-and-drop sortable list component that allows users to visually reorder items.
+ * It is designed to work seamlessly with the associated `useSortableList` hook,
+ * which manages state, tracks moved items, and handles unsaved changes (save/discard).
+ *
+ * @template T - The item type extending SortableItem (must include an `id` field)
+ *
+ * @param {Object} props
+ * @param {T[]} props.items - The array of sortable items.
+ * @param {(newItems: T[], movedId?: string | number) => void} props.onReorder
+ *   Callback triggered when the list is reordered.
+ *   - `newItems`: The updated list after reordering.
+ *   - `movedId`: The ID of the item that was moved (if applicable).
+ * @param {(item: T) => {title: ReactNode, extraContent?: ReactNode, actions?: ReactNode, showHandle?: boolean}} props.renderItem
+ *   Function that defines how each item should be rendered.
+ * @param {string} [props.className] - Optional CSS class for the list container.
+ * @param {Set<string|number>} [props.movedItems] - Set of item IDs that have been moved, used to apply the `moved` style.
+ *
+ * @example
+ * const {
+ *   items,
+ *   handleReorder,
+ *   movedItems
+ * } = useSortableList(initialItems);
+ *
+ * <CwSortableList
+ *   items={items}
+ *   onReorder={handleReorder}
+ *   movedItems={movedItems}
+ *   renderItem={(item) => ({
+ *     title: item.name,
+ *     extraContent: <span>{item.duration}</span>
+ *   })}
+ * />
+ */
+interface SortableItem$1 {
+    id: string | number;
+    [key: string]: any;
+}
+interface CwSortableListProps<T extends SortableItem$1> {
+    items: T[];
+    onReorder: (newItems: T[], movedId?: string | number) => void;
+    renderItem: (item: T) => {
+        title: ReactNode;
+        extraContent?: ReactNode;
+        actions?: ReactNode;
+        showHandle?: boolean;
+        expandedContent?: ReactNode;
+    };
+    className?: string;
+    movedItems?: Set<string | number>;
+    emptyMessage?: ReactNode;
+    readOnly?: boolean;
+}
+declare function CwSortableList<T extends SortableItem$1>({ items, onReorder, renderItem, className, movedItems, emptyMessage, readOnly, }: CwSortableListProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * useSortableList
+ *
+ * A React hook that manages the state of a sortable list compatible with `CwSortableList`.
+ * It provides utilities to reorder, add, remove, save, and discard changes
+ * while tracking which items have been moved for styling purposes.
+ *
+ * @template T - The item type extending SortableItem (must include an `id` field)
+ *
+ * @param {T[]} initialItems - Initial array of items for the sortable list.
+ *
+ * @returns {{
+ *   items: T[],
+ *   setItems: React.Dispatch<React.SetStateAction<T[]>>,
+ *   handleReorder: (newItems: T[], movedId?: string | number) => void,
+ *   handleSave: (onSave: (items: T[]) => Promise<void>) => Promise<void>,
+ *   handleDiscard: () => void,
+ *   addItem: (newItem: T) => void,
+ *   removeItem: (id: string | number) => void,
+ *   movedItems: Set<string|number>,
+ *   hasChanges: boolean,
+ *   resetKey: number
+ * }}
+ *
+ * @example
+ * const {
+ *   items,
+ *   handleReorder,
+ *   handleSave,
+ *   handleDiscard,
+ *   movedItems,
+ *   hasChanges
+ * } = useSortableList(initialItems);
+ *
+ * <CwSortableList
+ *   items={items}
+ *   onReorder={handleReorder}
+ *   movedItems={movedItems}
+ *   renderItem={(item) => ({ title: item.name })}
+ * />
+ */
+interface SortableItem {
+    id: string | number;
+    [key: string]: any;
+}
+declare function useSortableList<T extends SortableItem>(initialItems: T[]): {
+    items: T[];
+    setItems: (newItems: T[]) => void;
+    handleReorder: (newItems: T[], movedId?: string | number) => void;
+    handleSave: (onSave: (items: T[]) => Promise<void>) => Promise<void>;
+    handleDiscard: () => void;
+    addItem: (newItem: T) => void;
+    movedItems: Set<string | number>;
+    removeItem: (id: string | number) => void;
+    hasChanges: boolean;
+    resetKey: number;
+};
 
 interface CwTableGroupedData_Row {
     cells: {
@@ -827,6 +1100,19 @@ interface CwFileUploadProps {
 }
 declare function CwFileUpload(fileUploadProps: React__default.PropsWithChildren<CwFileUploadProps>): react_jsx_runtime.JSX.Element;
 
+interface CwFileUploadMultipleProps {
+    name?: string;
+    accept?: string;
+    multiple?: boolean;
+    maxFileSize?: number;
+    allowedTypes?: string[];
+    onSelect?: (files: FileList | null) => void;
+    onError?: (error: string) => void;
+    className?: string;
+    disabled?: boolean;
+}
+declare function CwFileUploadMultiple(fileUploadProps: React__default.PropsWithChildren<CwFileUploadMultipleProps>): react_jsx_runtime.JSX.Element;
+
 interface CwInputProps {
     id?: string;
     labelName?: string;
@@ -904,7 +1190,32 @@ interface CwDigitProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "
  */
 declare function CwDigit(props: CwDigitProps): react_jsx_runtime.JSX.Element;
 
-interface CwInputTextProps extends Omit<HTMLProps<HTMLInputElement>, "className"> {
+interface ColorPickerProps {
+    initialColor: string;
+    onChange: (color: string, rgb?: {
+        r: number;
+        g: number;
+        b: number;
+    }, hsv?: {
+        h: number;
+        s: number;
+        v: number;
+    }) => void;
+    previewText?: string;
+}
+declare const CwColorPicker: React__default.FC<ColorPickerProps>;
+
+interface CwInputColorProps {
+    value: string;
+    onChange: (color: string) => void;
+    previewText?: string;
+    disabled?: boolean;
+    width?: string;
+    height?: string;
+}
+declare const CwInputColor: React__default.FC<CwInputColorProps>;
+
+interface CwInputTextProps extends Omit<HTMLProps<HTMLInputElement>, never> {
     /** Props to define alignment and size; undefined == column
      * @example alignProps={{direction:"row"}} */
     alignProps?: CwAlignProps;
@@ -1264,7 +1575,7 @@ interface CwCheckboxProps {
     labelPosition?: string;
     labelClassName?: string;
     checked?: boolean;
-    onChange?: any;
+    onChange?: (event: boolean) => void;
     className?: string;
     classNameContainer?: string;
     style?: React__default.CSSProperties;
@@ -1274,28 +1585,16 @@ interface CwCheckboxProps {
 }
 declare function CwCheckbox(CwCheckboxProps: React__default.PropsWithChildren<CwCheckboxProps>): react_jsx_runtime.JSX.Element;
 
-interface CwToggleProps extends Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "className" | "type"> {
-    /** Props of the button; undefined == no button
-     * @example buttonProps={{children:"Ok"}} */
-    buttonProps?: CwButtonProps;
-    /** Props of the label; undefined == no label
-     * @example labelProps={{children:"Your name please:"}} */
+interface CwToggleProps extends Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type"> {
+    /** Props for the label component @deprecated Use labelText instead */
     labelProps?: CwLabelProps;
-    /** Props of the icon; undefined == no icon
-     * @example iconProps={{_id:"phone"}} */
+    /** Text content for the toggle label */
+    labelText?: string;
+    /** Props for the icon component - iconId is required */
     iconProps?: CwIconProps;
+    /** Layout alignment: "row" (side by side) | "column" (label above) @default "row" */
+    alignment?: "row" | "column";
 }
-/**
- * Toggle-styled checkbox
- * @remarks
- * ```txt
- *   ▁▁▁▁
- *  (  ⦿)
- *   ▔▔▔▔
- * ```
- * @example
- * <CwToggle checked/>
- */
 declare function CwToggle(props: CwToggleProps): react_jsx_runtime.JSX.Element;
 
 interface CwSelectProps extends Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "className"> {
@@ -1389,56 +1688,33 @@ interface OptionListItems {
 }
 declare function CwDropdownContainer(dropDownContainerProps: React$1.PropsWithChildren<CwDropdownContainerProps>): react_jsx_runtime.JSX.Element;
 
-interface CwDropdownFilterProps {
-    IdContent?: string;
-    StyleContent?: React$1.CSSProperties;
-    StyleDropDownFilter?: React$1.CSSProperties;
-    ContentClassName?: string;
-    DropDownClassName?: string;
-    children?: any;
-    contentDropDown?: any;
-    DropDownFilterState?: boolean;
-    onMouseLeave?: any;
-    idDropDownFilter?: string;
-    DataSourceDropDownItem?: Array<CwDropdownListItems>;
-}
 interface CwDropdownListItems {
     IdDropDown_filter?: string | number | any;
     dropDownFilter_desc?: string | any;
 }
-declare function CwDropdownFilter(CwelltDropDownFilterProps: React$1.PropsWithChildren<CwDropdownFilterProps>): react_jsx_runtime.JSX.Element;
-
-interface CwDropdownNavigationProps {
-    onShowChanges?: any;
-    onShowVisibleChanges?: any;
-    onShowSkip?: any;
-    onShowBulkDuties?: any;
-    onShowAsigned?: any;
-    onShowAsignedActive?: string;
-    onShowHotel?: any;
-    onShowHotelActive?: string;
-    onShowWishes?: any;
-    onShowWishesActive?: string;
-    onShowTrainingAlerts?: any;
-    onShowTrainingAlertsActive?: string;
-    onSmartFilteringFlight?: any;
-    onSmartFilteringFlightActive?: string;
-    onSmartFilteringEmployee?: any;
-    onSmartFilteringEmployeeActive?: string;
-}
-declare function CwDropdownNavigation(CwelltDropDownNavigationProps: React$1.PropsWithChildren<CwDropdownNavigationProps>): react_jsx_runtime.JSX.Element;
+interface CwDropdownFilterProps {
+    idDropDownFilter?: string;
+    DropDownFilterState?: boolean;
+    DataSourceDropDownItem?: Array<CwDropdownListItems>;
+    onMouseLeave?: (event: any) => void;
+    children?: any;
+    width?: string;
+    isNested?: boolean;
+    IdContent?: string;
+}
+declare function CwDropdownFilter(props: React$1.PropsWithChildren<CwDropdownFilterProps>): react_jsx_runtime.JSX.Element;
 
 interface MultiselectProps {
     selectLists: Array<Array<CwSelectList>>;
     handleChange?: (value: any, test: any) => void;
     selectedItems?: Array<CwSelectList>;
 }
-interface State$4 {
+interface State$3 {
     selected: any;
     isVisibleDropDown: any;
     activeClassName: string;
 }
-declare class MultiSelect extends React$1.Component<MultiselectProps, State$4> {
+declare class MultiSelect extends React$1.Component<MultiselectProps, State$3> {
     constructor(Props: MultiselectProps);
     componentDidMount(): void;
     onClickSelect: () => void;
@@ -1503,6 +1779,7 @@ interface CwHeadFilterProps {
     onClearValue?: any;
     onKeypressInput?: any;
     onMouseLeave?: any;
+    onBlur?: any;
 }
 declare function CwHeadFilter(cwelltFilterTabMultiSelectProps: React$1.PropsWithChildren<CwHeadFilterProps>): react_jsx_runtime.JSX.Element;
 
@@ -1521,7 +1798,6 @@ interface CwOptionListProps {
     children?: any;
     value?: string;
     title?: string;
-    className?: string;
     onClick?: any;
     idOptionList?: string | number | any;
     onKeyPress?: any;
@@ -1687,17 +1963,31 @@ interface CwMultiFilterProps {
  */
 declare const CwMultiFilter: FC<CwMultiFilterProps>;
 
+type CwTreeNode<T> = {
+    id: string | number;
+    label: string;
+    data: T;
+    children?: CwTreeNode<T>[];
+};
+type TreeViewProps<T> = {
+    data: CwTreeNode<T>[];
+    onSelect: (node: CwTreeNode<T>) => void;
+    allowParentSelection?: boolean;
+    selectedId?: string | number | null;
+};
+declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: TreeViewProps<T>): react_jsx_runtime.JSX.Element;
+
 interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
     selectList: Array<CwSelectList>;
     labelName?: string;
     labelPosition?: string;
-    labelClassName?: string;
     handleChange?: (value: any) => void;
     placeholder?: string;
     className?: string;
     style?: React__default.CSSProperties;
     disabled?: boolean;
     error?: boolean;
+    renderOption?: (option: CwSelectList) => React__default.ReactNode;
 }
 declare function CwSearchInput(optionsProps: React__default.PropsWithChildren<CwSearchInputProps>): react_jsx_runtime.JSX.Element;
 
@@ -1893,7 +2183,7 @@ interface CwSchedulerProps$1 {
     scheduler_handleOnClickContextMenuResource?: (date: Date, resource: Resource$1, key: string, schedulerId: string) => void;
 }
 
-interface State$3 {
+interface State$2 {
     bottom: number;
     dayPx: number;
     division: number;
@@ -1916,7 +2206,7 @@ interface State$3 {
     top: number;
 }
 
-declare class CwScheduler2 extends Component<CwSchedulerProps$1, State$3> {
+declare class CwScheduler2 extends Component<CwSchedulerProps$1, State$2> {
     contentArea?: HTMLTableDataCellElement;
     constructor(Props: CwSchedulerProps$1);
     private resizeObserver?;
@@ -2014,15 +2304,15 @@ interface SuperSchedulerProps$1 {
     module?: string;
     groupByFunction: boolean;
 }
-interface State$2 {
+interface State$1 {
     topsCalculated: number;
     height: number;
     dataConfig?: string;
     pinnedResources: number[];
 }
-declare class CwSuperScheduler extends React$1.Component<SuperSchedulerProps$1, State$2> {
+declare class CwSuperScheduler extends React$1.Component<SuperSchedulerProps$1, State$1> {
     constructor(Props: SuperSchedulerProps$1);
-    componentDidUpdate(_previousProps: SuperSchedulerProps$1, _previousState: State$2): void;
+    componentDidUpdate(_previousProps: SuperSchedulerProps$1, _previousState: State$1): void;
     scheduler_handleCblEventClick: (cblEvent: cblEvent, schedulerId: string) => void;
     scheduler_handleCblEventClickRight: (cblEvent: cblEvent, schedulerId: string) => void;
     scheduler_handleCblEventDoubleClick: (cblEvent: cblEvent, schedulerId: string) => void;
@@ -2103,7 +2393,7 @@ interface CwSchedulerProps {
     scheduler_handleOnClickContextMenuResource?: (date: Date, resource: Resource, key: string, schedulerId: string) => void;
 }
 
-interface State$1 {
+interface State {
     dayPx: number;
     division: number;
     divisionType: string;
@@ -2121,7 +2411,7 @@ interface State$1 {
     timeHeaders: Array<Date>;
 }
 
-declare class CwScheduler extends Component<CwSchedulerProps, State$1> {
+declare class CwScheduler extends Component<CwSchedulerProps, State> {
     contentArea?: HTMLTableDataCellElement;
     calculateMaxPx: () => number;
     constructor(props: CwSchedulerProps);
@@ -2301,37 +2591,20 @@ declare class OnClearPinned implements UiEvent {
     constructor();
 }
 
+type DisplayMode = "default" | "icao-only" | "iata-only" | "full-text";
 interface CwFindAirportProps {
     handleChange: (value: number) => void;
     searchType?: string;
     placeHolder?: string;
-    required: boolean;
+    required?: boolean;
     cblConfig: string;
-    className: string;
+    className?: string;
     value?: number;
     disabled?: boolean;
-    icaoText?: boolean;
-}
-interface State {
-    data: any[];
-    valueId: any;
-    valueText: string;
-    searchingAtProviders: boolean;
-    searchType: string;
-    airports: any[];
-}
-declare class CwFindAirport extends React$1.Component<CwFindAirportProps, State> {
-    constructor(Props: CwFindAirportProps);
-    componentDidMount(): void;
-    componentDidUpdate(_previousProps: any, _previousState: State): void;
-    fetchAirportData(airportId: number): void;
-    handleSearch(value: any): void;
-    handleChange(value: number): void;
-    handleSelect(value: any): void;
-    onClick(): void;
-    getShortCode(text: string): string;
-    render(): react_jsx_runtime.JSX.Element;
+    displayMode?: DisplayMode;
+    width?: string;
 }
+declare const CwFindAirport: React__default.FC<CwFindAirportProps>;
 
 declare class OnClickEvent implements UiEvent {
     readonly id: string;
@@ -2409,4 +2682,4 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-export { type BackgroundEventDm, type CardChip, CblDragAndDrop$1 as CblDragAndDrop, type ChipColorScheme, type ChipVariant, type Column, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, type CwCardListProps, type CwCardProps, CwCheckbox, CwChip, type CwChipProps, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwDropdownNavigation, CwExpandable, type CwExpandableProps, CwFileUpload, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwInput, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwOption, CwOptionList, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, UiEvent, type Weekday, Weekdays, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage };
+export { type BackgroundEventDm, type CardChip, CblDragAndDrop$1 as CblDragAndDrop, type ChipColorScheme, type ChipVariant, type Column, type ConfirmationPopupProps, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, type CwCardListProps, type CwCardProps, CwCheckbox, CwChip, type CwChipProps, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwExpandable, type CwExpandableProps, CwFileUpload, CwFileUploadMultiple, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwNote, type CwNoteProps, CwOption, CwOptionList, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSortableList, type CwSortableListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, type CwTreeNode, CwTreeView, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, type ImageItem, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, type Tab, UiEvent, type Weekday, Weekdays, type ZoomImageItem, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage, useSortableList };