@linzjs/lui 21.49.0 → 21.51.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.51.0](https://github.com/linz/lui/compare/v21.50.0...v21.51.0) (2024-10-30)
+
+
+### Features
+
+* **LuiIcon:** new icon for checked survey SEARCH-6455 ([#1166](https://github.com/linz/lui/issues/1166)) ([daf90e8](https://github.com/linz/lui/commit/daf90e8ffc6a230383321ef4e36cd6fda0ca3207))
+
+# [21.50.0](https://github.com/linz/lui/compare/v21.49.0...v21.50.0) (2024-10-18)
+
+
+### Features
+
+* empty commit to release customized search input ([#1165](https://github.com/linz/lui/issues/1165)) ([d54a410](https://github.com/linz/lui/commit/d54a41024fabb92d2f805c78a507c160f601b665))
+
 # [21.49.0](https://github.com/linz/lui/compare/v21.48.1...v21.49.0) (2024-10-16)
 
 

package/dist/assets/icons/survey_checked.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11 14.9996C11 11.6876 13.688 8.99963 17 8.99963C20.312 8.99963 23 11.6876 23 14.9996C23 18.3116 20.312 20.9996 17 20.9996C13.688 20.9996 11 18.3116 11 14.9996ZM12.5 15.9096L14.8825 18.2921C15.2725 18.6821 15.9125 18.6821 16.2925 18.2921L20.8825 13.7021C21.2725 13.3121 21.2725 12.6821 20.8825 12.2921C20.4925 11.9021 19.8625 11.9021 19.4725 12.2921L15.5925 16.1721L13.91 14.4996C13.52 14.1096 12.89 14.1096 12.5 14.4996C12.11 14.8896 12.11 15.5196 12.5 15.9096Z"/>
+    <path d="M8 4.99961H20C21.7 4.99961 23 6.29961 23 7.99961V9.70798C22.4281 9.06 21.7528 8.50537 21 8.06989V7.99961C21 7.39961 20.6 6.99961 20 6.99961H8V14.9996H5C3.9 14.9996 3 15.8996 3 16.9996C3 18.0996 3.9 18.9996 5 18.9996H9.98993L10 18.9996H10.0703C10.5057 19.7524 11.0603 20.4277 11.7083 20.9996H4C2.3 20.9996 1 19.7996 1 18.0996V4.09961C1 2.39961 2.3 1.09961 4 1.09961H8V4.99961ZM6 3.09961H4C3.4 3.09961 3 3.59961 3 4.09961V13.5996C3.6 13.1996 4.3 12.9996 5 12.9996H6V3.09961Z"/>
+</svg>

package/dist/assets/svg-content.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_label' | 'ic_add_line' | 'ic_add_multiple' | 'ic_add_page' | 'ic_add_rectangle' | 'ic_add_rt_lines' | 'ic_add_to_list' | 'ic_add_to_xml' | 'ic_added_to_list' | 'ic_admin' | 'ic_alias' | 'ic_alias_unselected' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_auto_preval' | 'ic_auto_regenerate' | 'ic_balance_parcel' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_c_report' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_capture_area' | 'ic_cart_view' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_close_list' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_copy_titles_to_here' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_csv_file' | 'ic_data_display_threshold' | 'ic_data_display_threshold_high_urban' | 'ic_data_display_threshold_low_large_rural' | 'ic_data_display_threshold_medium_rural' | 'ic_dealings' | 'ic_deceased' | 'ic_deceased_fill' | 'ic_define_diagrams' | 'ic_define_nonprimary_diagram_circle' | 'ic_define_nonprimary_diagram_polygon' | 'ic_define_nonprimary_diagram_rectangle' | 'ic_define_primary_diagram_circle' | 'ic_define_primary_diagram_polygon' | 'ic_define_primary_diagram_rectangle' | 'ic_define_survey_diagram_circle' | 'ic_define_survey_diagram_polygon' | 'ic_define_survey_diagram_rectangle' | 'ic_delete_forever' | 'ic_delete_outline' | 'ic_delete_page' | 'ic_delete_solid' | 'ic_description' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_abuttal' | 'ic_draw_irregular_line' | 'ic_draw_rt_bdry' | 'ic_email' | 'ic_empty_circle' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_fast_forward' | 'ic_fast_forward_outline' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_format_colour' | 'ic_format_lines_text' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_generate_title' | 'ic_grid_view' | 'ic_help_outline' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_into_sheet' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_label_diagrams' | 'ic_label_settings' | 'ic_labels_off' | 'ic_labels_on' | 'ic_land_record_search' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_layout_plan_sheets' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_arc_reverse' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_clear' | 'ic_list_notepad' | 'ic_list_view' | 'ic_lists_folder' | 'ic_locate' | 'ic_located_in_spatial' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_manage_labels' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_merge' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_multi_factor_authentication_mfa' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_new_work_item' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_notifications' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_open_diagrams' | 'ic_order_history' | 'ic_package' | 'ic_pan_map' | 'ic_pan_map_alt' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pdf_doc' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_perform_next_step_right' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plan_generation' | 'ic_plus_one' | 'ic_pointer_outlined' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_push_pin' | 'ic_push_pin_remove' | 'ic_read_only' | 'ic_redo' | 'ic_refresh' | 'ic_regenerate' | 'ic_regenerate_off' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_remove_from_sheet' | 'ic_renumber_page' | 'ic_request' | 'ic_requisitions' | 'ic_restart' | 'ic_restore' | 'ic_rotate_sheet' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_select_coordinates' | 'ic_select_diagram' | 'ic_select_label' | 'ic_select_line' | 'ic_select_rt_lines' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_split' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_report' | 'ic_survey_sheet' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_title_sheet' | 'ic_toggle_off' | 'ic_toggle_on' | 'ic_tune_setting_configure' | 'ic_undo' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous' | 'ic_zoomin_snippet_circle' | 'ic_zoomin_snippet_polygon' | 'ic_zoomin_snippet_rectangle' | 'ic_zoomout_snippet_circle' | 'ic_zoomout_snippet_polygon' | 'ic_zoomout_snippet_rectangle';
+export declare type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_label' | 'ic_add_line' | 'ic_add_multiple' | 'ic_add_page' | 'ic_add_rectangle' | 'ic_add_rt_lines' | 'ic_add_to_list' | 'ic_add_to_xml' | 'ic_added_to_list' | 'ic_admin' | 'ic_alias' | 'ic_alias_unselected' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_auto_preval' | 'ic_auto_regenerate' | 'ic_balance_parcel' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_c_report' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_capture_area' | 'ic_cart_view' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_close_list' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_copy_titles_to_here' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_csv_file' | 'ic_data_display_threshold' | 'ic_data_display_threshold_high_urban' | 'ic_data_display_threshold_low_large_rural' | 'ic_data_display_threshold_medium_rural' | 'ic_dealings' | 'ic_deceased' | 'ic_deceased_fill' | 'ic_define_diagrams' | 'ic_define_nonprimary_diagram_circle' | 'ic_define_nonprimary_diagram_polygon' | 'ic_define_nonprimary_diagram_rectangle' | 'ic_define_primary_diagram_circle' | 'ic_define_primary_diagram_polygon' | 'ic_define_primary_diagram_rectangle' | 'ic_define_survey_diagram_circle' | 'ic_define_survey_diagram_polygon' | 'ic_define_survey_diagram_rectangle' | 'ic_delete_forever' | 'ic_delete_outline' | 'ic_delete_page' | 'ic_delete_solid' | 'ic_description' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_abuttal' | 'ic_draw_irregular_line' | 'ic_draw_rt_bdry' | 'ic_email' | 'ic_empty_circle' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_fast_forward' | 'ic_fast_forward_outline' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_format_colour' | 'ic_format_lines_text' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_generate_title' | 'ic_grid_view' | 'ic_help_outline' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_into_sheet' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_label_diagrams' | 'ic_label_settings' | 'ic_labels_off' | 'ic_labels_on' | 'ic_land_record_search' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_layout_plan_sheets' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_arc_reverse' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_clear' | 'ic_list_notepad' | 'ic_list_view' | 'ic_lists_folder' | 'ic_locate' | 'ic_located_in_spatial' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_manage_labels' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_merge' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_multi_factor_authentication_mfa' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_new_work_item' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_notifications' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_open_diagrams' | 'ic_order_history' | 'ic_package' | 'ic_pan_map' | 'ic_pan_map_alt' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pdf_doc' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_perform_next_step_right' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plan_generation' | 'ic_plus_one' | 'ic_pointer_outlined' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_push_pin' | 'ic_push_pin_remove' | 'ic_read_only' | 'ic_redo' | 'ic_refresh' | 'ic_regenerate' | 'ic_regenerate_off' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_remove_from_sheet' | 'ic_renumber_page' | 'ic_request' | 'ic_requisitions' | 'ic_restart' | 'ic_restore' | 'ic_rotate_sheet' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_select_coordinates' | 'ic_select_diagram' | 'ic_select_label' | 'ic_select_line' | 'ic_select_rt_lines' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_split' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_report' | 'ic_survey_sheet' | 'ic_survey_checked' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_title_sheet' | 'ic_toggle_off' | 'ic_toggle_on' | 'ic_tune_setting_configure' | 'ic_undo' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous' | 'ic_zoomin_snippet_circle' | 'ic_zoomin_snippet_polygon' | 'ic_zoomin_snippet_rectangle' | 'ic_zoomout_snippet_circle' | 'ic_zoomout_snippet_polygon' | 'ic_zoomout_snippet_rectangle';
 declare type IconNameElementMap = {
     [key in LuiIconName]?: JSX.Element;
 };

package/dist/assets/svg-content.tsx

@@ -250,6 +250,7 @@ export type LuiIconName =
   | 'ic_survey'
   | 'ic_survey_report'
   | 'ic_survey_sheet'
+  | 'ic_survey_checked'
   | 'ic_ta_request_sent'
   | 'ic_table_columns'
   | 'ic_tax_statement'
@@ -1853,6 +1854,13 @@ iconMap['ic_survey'] = (
   </svg>
 );
 
+iconMap['ic_survey_checked'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11 14.9996C11 11.6876 13.688 8.99963 17 8.99963C20.312 8.99963 23 11.6876 23 14.9996C23 18.3116 20.312 20.9996 17 20.9996C13.688 20.9996 11 18.3116 11 14.9996ZM12.5 15.9096L14.8825 18.2921C15.2725 18.6821 15.9125 18.6821 16.2925 18.2921L20.8825 13.7021C21.2725 13.3121 21.2725 12.6821 20.8825 12.2921C20.4925 11.9021 19.8625 11.9021 19.4725 12.2921L15.5925 16.1721L13.91 14.4996C13.52 14.1096 12.89 14.1096 12.5 14.4996C12.11 14.8896 12.11 15.5196 12.5 15.9096Z" />
+    <path d="M8 4.99961H20C21.7 4.99961 23 6.29961 23 7.99961V9.70798C22.4281 9.06 21.7528 8.50537 21 8.06989V7.99961C21 7.39961 20.6 6.99961 20 6.99961H8V14.9996H5C3.9 14.9996 3 15.8996 3 16.9996C3 18.0996 3.9 18.9996 5 18.9996H9.98993L10 18.9996H10.0703C10.5057 19.7524 11.0603 20.4277 11.7083 20.9996H4C2.3 20.9996 1 19.7996 1 18.0996V4.09961C1 2.39961 2.3 1.09961 4 1.09961H8V4.99961ZM6 3.09961H4C3.4 3.09961 3 3.59961 3 4.09961V13.5996C3.6 13.1996 4.3 12.9996 5 12.9996H6V3.09961Z" />
+  </svg>
+);
+
 iconMap['ic_survey_report'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16H4V5h16v14Z" />

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

@@ -14,6 +14,7 @@ export interface ISearchMenuOption {
     renderItem?: (item: any) => ReactElement;
     icon?: ReactElement;
     columnBreak?: boolean;
+    customizedInput?: React.ReactElement;
 }
 export interface ILuiSearchBoxProps {
     searchBoxOptions: ISearchMenuOption[];

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

@@ -0,0 +1,19 @@
+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 LuiPassiveSearchInput: (props: React.PropsWithChildren<IPassiveSearchInputProps>) => JSX.Element;

package/dist/index.d.ts

@@ -40,6 +40,7 @@ export { LuiModal, LuiAlertModal, LuiAlertModalButtons, } from './components/Lui
 export { LuiModalV2, type LuiModalV2Props, } from './components/LuiModal/LuiModalV2';
 export { LuiAlertModalV2, type LuiAlertModalLevel, type LuiAlertModalV2Props, } from './components/LuiModal/LuiAlertModalV2';
 export { type ISearchInputProps, LuiSearchInput, } from './components/LuiSearchInput/LuiSearchInput';
+export { type IPassiveSearchInputProps, type InputValidationResult, LuiPassiveSearchInput, } from './components/LuiSearchInput/LuiPassiveSearchInput';
 export { type ISearchGroupedResult, type ISearchResult, } from './components/LuiSearchInput/ResultsDisplay';
 export { type ISearchMenuOption, type ILuiSearchBoxProps, LuiSearchBox, } from './components/LuiSearchBox/LuiSearchBox';
 export { type ILuiSplitButtonProps, type ILuiSplitButtonMenuItemProps, LuiSplitButtonPosition, LuiSplitButtonMenuItem, LuiSplitButton, } from './components/LuiSplitButton/LuiSplitButton';

package/dist/index.js

@@ -731,6 +731,9 @@ iconMap['ic_summary_open'] = (React__default["default"].createElement("svg", { v
     React__default["default"].createElement("path", { d: "M15 22v-2H6V4h7v5h5v5h2V8l-6-6H6C4.4 2 4 3.333 4 4v16c0 1.6 1.333 2 2 2h9Z" })));
 iconMap['ic_survey'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M20 5H8V1.1H4c-1.7 0-3 1.3-3 3v14C1 19.8 2.3 21 4 21h16c1.7 0 3-1.3 3-3V8c0-1.7-1.3-3-3-3Zm1 3v3.3h-6.2V7H20c.6 0 1 .4 1 1Zm-7.8-1v4.3H8V7h5.2Zm-8 12H5c-1.1 0-2-.9-2-2s.9-2 2-2h.2v4Zm1.5 0v-4H8v-2.3h5.2V19H6.7ZM4 3.1h2V13H5c-.7 0-1.4.2-2 .6V4.1c0-.5.4-1 1-1ZM20 19h-5.2v-6.3H21V18c0 .6-.4 1-1 1Z" })));
+iconMap['ic_survey_checked'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M11 14.9996C11 11.6876 13.688 8.99963 17 8.99963C20.312 8.99963 23 11.6876 23 14.9996C23 18.3116 20.312 20.9996 17 20.9996C13.688 20.9996 11 18.3116 11 14.9996ZM12.5 15.9096L14.8825 18.2921C15.2725 18.6821 15.9125 18.6821 16.2925 18.2921L20.8825 13.7021C21.2725 13.3121 21.2725 12.6821 20.8825 12.2921C20.4925 11.9021 19.8625 11.9021 19.4725 12.2921L15.5925 16.1721L13.91 14.4996C13.52 14.1096 12.89 14.1096 12.5 14.4996C12.11 14.8896 12.11 15.5196 12.5 15.9096Z" }),
+    React__default["default"].createElement("path", { d: "M8 4.99961H20C21.7 4.99961 23 6.29961 23 7.99961V9.70798C22.4281 9.06 21.7528 8.50537 21 8.06989V7.99961C21 7.39961 20.6 6.99961 20 6.99961H8V14.9996H5C3.9 14.9996 3 15.8996 3 16.9996C3 18.0996 3.9 18.9996 5 18.9996H9.98993L10 18.9996H10.0703C10.5057 19.7524 11.0603 20.4277 11.7083 20.9996H4C2.3 20.9996 1 19.7996 1 18.0996V4.09961C1 2.39961 2.3 1.09961 4 1.09961H8V4.99961ZM6 3.09961H4C3.4 3.09961 3 3.59961 3 4.09961V13.5996C3.6 13.1996 4.3 12.9996 5 12.9996H6V3.09961Z" })));
 iconMap['ic_survey_report'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16H4V5h16v14Z" }),
     React__default["default"].createElement("path", { d: "M19.41 10.42 17.99 9l-3.17 3.17-1.41-1.42L12 12.16 14.82 15l4.59-4.58Z" }),
@@ -42685,6 +42688,64 @@ var LuiSearchInput = function (props) {
             React__default["default"].createElement("div", { "data-testid": "disclaimer", className: "LuiSearchInput-disclaimer" }, props.disclaimer)))));
 };
 
+var LuiPassiveSearchInput = function (props) {
+    var _a = React.useState(props.initialValue ? props.initialValue : ''), typedValue = _a[0], setTypedValue = _a[1];
+    var _b = React.useState(), inputValidationResult = _b[0], setInputValidationResult = _b[1];
+    var inputRef = React.useRef(null);
+    // set focus to input box
+    React.useEffect(function () {
+        var _a;
+        if (props.focusUpdate !== undefined)
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [props.focusUpdate]);
+    // validate input
+    React.useEffect(function () {
+        setInputValidationResult((props.validateInput && props.validateInput(typedValue)) || undefined);
+    }, [typedValue]);
+    function setInputValue(value) {
+        setTypedValue(props.inputTransformer ? props.inputTransformer(value) : value);
+    }
+    function handleKeyDown(event) {
+        switch (event.key) {
+            case 'Enter':
+                if (inputValidationResult &&
+                    inputValidationResult.stopProgress === true)
+                    return;
+                props.onSearch(typedValue);
+        }
+    }
+    var cancelIcon = typedValue !== '' ? (React__default["default"].createElement(LuiIcon, { alt: "clear", name: "ic_cancel_clear", size: "md", color: '#6b6966', spanProps: {
+            onClick: function () {
+                var _a;
+                setInputValue('');
+                (_a = props.onClearCallback) === null || _a === void 0 ? void 0 : _a.call(props);
+            }
+        } })) : null;
+    var searchIcon = typedValue === '' || (inputValidationResult === null || inputValidationResult === void 0 ? void 0 : inputValidationResult.stopProgress) === true ? (React__default["default"].createElement("div", { className: "LuiSearchInput-search-button-disabled" },
+        React__default["default"].createElement(LuiIcon, { name: "ic_search", size: "md", alt: "search", color: '#989189' }))) : (React__default["default"].createElement("div", { onClick: function () { return props.onSearch(typedValue); }, className: "LuiSearchInput-search-button" },
+        React__default["default"].createElement(LuiIcon, { name: "ic_search", size: "md", alt: "search", color: '#FFFFFF' })));
+    return (React__default["default"].createElement("div", { className: "LuiSearchInput", onClick: props.onClickInput },
+        React__default["default"].createElement("span", { className: "LuiSearchInput-inputWrapper" },
+            React__default["default"].createElement("input", { type: "text", className: clsx('LuiSearchInput-input'), ref: inputRef, value: typedValue, placeholder: props.placeholderText, "aria-label": "Search", onChange: function (e) { return setInputValue(e.target.value); }, onKeyDown: handleKeyDown, onFocus: function (e) {
+                    e.target.select();
+                }, style: { pointerEvents: 'auto' } }),
+            React__default["default"].createElement("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    paddingRight: '8px',
+                    gap: '14px',
+                    alignItems: 'center'
+                } },
+                cancelIcon,
+                searchIcon)),
+        inputValidationResult && inputValidationResult.userMessage && (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement("hr", { className: "LuiSearchInput-resultSeparator" }),
+            React__default["default"].createElement("div", { "data-testid": "no-result-msg", className: "LuiSearchInput-disclaimer" }, inputValidationResult.userMessage))),
+        props.disclaimer && (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement("hr", { className: "LuiSearchInput-resultSeparator" }),
+            React__default["default"].createElement("div", { "data-testid": "disclaimer", className: "LuiSearchInput-disclaimer" }, props.disclaimer)))));
+};
+
 var resultStyle = { verticalAlign: 'middle' };
 /**
  *  LuiSearchBox is a search input with select menu.
@@ -42758,12 +42819,11 @@ var LuiSearchBox = function (_a) {
         React__default["default"].createElement("div", { className: clsx({
                 'LuiSearchBox-right': true,
                 'LuiSearchBox-right-stacked': showStacked
-            }) },
-            React__default["default"].createElement(LuiSearchInput, { name: selectedMenuOption.name ? selectedMenuOption.name : undefined, minCharactersForSearch: 2, placeholderText: selectedMenuOption.placeholderText, getOptions: selectedMenuOption.getOption, onSelectOption: selectedMenuOption.onSelectOption, renderItem: selectedMenuOption.renderItem
-                    ? selectedMenuOption.renderItem
-                    : function (item) {
-                        return React__default["default"].createElement("span", { style: resultStyle }, item.description);
-                    }, disclaimer: selectedMenuOption.disclaimer, focusUpdate: autoFocus && isFocus ? focusUpdate : undefined, externalSearch: externalSearch, initialValue: !!externalSearch ? searchString : undefined, onClickInput: onClickInput, onClearCallback: onClearInput }))));
+            }) }, selectedMenuOption.customizedInput ? (selectedMenuOption.customizedInput) : (React__default["default"].createElement(LuiSearchInput, { name: selectedMenuOption.name ? selectedMenuOption.name : undefined, minCharactersForSearch: 2, placeholderText: selectedMenuOption.placeholderText, getOptions: selectedMenuOption.getOption, onSelectOption: selectedMenuOption.onSelectOption, renderItem: selectedMenuOption.renderItem
+                ? selectedMenuOption.renderItem
+                : function (item) {
+                    return React__default["default"].createElement("span", { style: resultStyle }, item.description);
+                }, disclaimer: selectedMenuOption.disclaimer, focusUpdate: autoFocus && isFocus ? focusUpdate : undefined, externalSearch: externalSearch, initialValue: !!externalSearch ? searchString : undefined, onClickInput: onClickInput, onClearCallback: onClearInput })))));
 };
 var LuiSearchBoxButton = React__default["default"].forwardRef(function (props, ref) {
     var button = React.useMemo(function () {
@@ -60060,6 +60120,7 @@ exports.LuiMoneyInput = LuiMoneyInput;
 exports.LuiMultiSwitch = LuiMultiSwitch;
 exports.LuiMultiSwitchYesNo = LuiMultiSwitchYesNo;
 exports.LuiPagination = LuiPagination;
+exports.LuiPassiveSearchInput = LuiPassiveSearchInput;
 exports.LuiProgressBar = LuiProgressBar;
 exports.LuiRadioInput = LuiRadioInput;
 exports.LuiResizableLayout = LuiResizableLayout;