@linzjs/lui 21.41.0 → 21.43.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.43.0](https://github.com/linz/lui/compare/v21.42.0...v21.43.0) (2024-07-31)
+
+
+### Features
+
+* new lui icons ([#1148](https://github.com/linz/lui/issues/1148)) ([065fe68](https://github.com/linz/lui/commit/065fe68633434276fb359cbea36cf19c1dec57b7))
+
+# [21.42.0](https://github.com/linz/lui/compare/v21.41.0...v21.42.0) (2024-07-25)
+
+
+### Features
+
+* Updates search box to support searching using external inputs ([#1147](https://github.com/linz/lui/issues/1147)) ([d944764](https://github.com/linz/lui/commit/d9447649200edcef3e3bc16f049465cec75303e1))
+
 # [21.41.0](https://github.com/linz/lui/compare/v21.40.5...v21.41.0) (2024-07-23)
 
 

package/dist/assets/icons/auto_regenerate.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 7V5.589c-3.724 0-6.75 2.874-6.75 6.41 0 .845.169 1.668.495 2.405.169.385.045.823-.259 1.111-.574.545-1.541.353-1.845-.363A8 8 0 0 1 3 12c0-4.723 4.028-8.548 9-8.548V1.539c0-.48.607-.716.956-.384l3.139 2.98a.51.51 0 0 1 0 .76L13.878 7zm-1.878 10-2.217 2.105a.51.51 0 0 0 0 .759l3.139 2.981c.348.331.956.096.956-.374v-1.923c4.973 0 9-3.825 9-8.548 0-1.111-.225-2.18-.641-3.152-.304-.716-1.272-.908-1.845-.364-.304.289-.428.738-.259 1.112.315.748.495 1.56.495 2.404 0 3.537-3.026 6.41-6.75 6.41V17z" clip-rule="evenodd"/><path fill="#000" d="M16 16h-1.487l-.78-2.046H10.26L9.487 16H8l3.232-8h1.536zm-2.716-3.206-1.247-3.308h-.074l-1.247 3.308z"/></svg>

package/dist/assets/icons/fast_forward_outline.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24">
+  <path d="M20.88,10.37l-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v2.46l-.02-.02-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v8.14c0,.75.4,1.42,1.06,1.77.66.35,1.46.3,2.08-.12l5.79-4.08s.01,0,.02-.01v2.45c0,.75.4,1.42,1.06,1.77.3.16.62.23.94.23.4,0,.8-.12,1.14-.35l5.79-4.08c.53-.38.84-.99.84-1.64,0-.66-.31-1.25-.84-1.62ZM11.35,12.82l-5.77,4.07c-.32.21-.71.24-1.04.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82ZM20.3,12.82l-5.77,4.07h0c-.32.22-.71.24-1.05.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82Z"/>
+</svg>

package/dist/assets/icons/regenerate_off.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#000" d="M10 5.74v-.19c0-.68-.71-1.11-1.32-.82-.19.09-.36.2-.54.3L9.6 6.49c.24-.18.4-.45.4-.75M20 12c0-2.21-.91-4.2-2.36-5.64l1.51-1.51a.5.5 0 0 0-.36-.85H14v4.79c0 .45.54.67.85.35l1.39-1.39C17.32 8.85 18 10.34 18 12c0 .85-.18 1.66-.5 2.39l1.48 1.48A7.9 7.9 0 0 0 20 12M3.57 4.7a.996.996 0 0 0 0 1.41l1.65 1.65A8 8 0 0 0 4 12c0 2.21.91 4.2 2.36 5.64l-1.51 1.51a.5.5 0 0 0 .36.85H9.5c.28 0 .5-.22.5-.5v-4.29c0-.45-.54-.67-.85-.35l-1.39 1.39C6.68 15.15 6 13.66 6 12c0-1 .26-1.93.69-2.76l8.07 8.07c-.01.02-.01.02-.01.04-.43.12-.75.48-.75.91v.18c0 .68.71 1.11 1.32.82.31-.14.61-.31.9-.49l1.87 1.87a.996.996 0 1 0 1.41-1.41L4.98 4.7a.996.996 0 0 0-1.41 0"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></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_balance_parcel' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | '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_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_fast_forward' | '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_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_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_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_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_regenerate' | 'ic_balance_parcel' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | '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_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_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_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_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';
 declare type IconNameElementMap = {
     [key in LuiIconName]?: JSX.Element;
 };

package/dist/assets/svg-content.tsx

@@ -42,6 +42,7 @@ export type LuiIconName =
   | 'ic_attach_file'
   | 'ic_attachment'
   | 'ic_auth_and_instruct'
+  | 'ic_auto_regenerate'
   | 'ic_balance_parcel'
   | 'ic_basemap_off'
   | 'ic_blackwhite_greyscale'
@@ -105,6 +106,7 @@ export type LuiIconName =
   | 'ic_expand_less'
   | 'ic_expand_more'
   | 'ic_fast_forward'
+  | 'ic_fast_forward_outline'
   | 'ic_feedback_lightbulb'
   | 'ic_feedback_lightbulb_alt'
   | 'ic_file_attached'
@@ -207,6 +209,7 @@ export type LuiIconName =
   | 'ic_redo'
   | 'ic_refresh'
   | 'ic_regenerate'
+  | 'ic_regenerate_off'
   | 'ic_release'
   | 'ic_remove_circle'
   | 'ic_remove_circle_outline'
@@ -490,6 +493,13 @@ iconMap['ic_auth_and_instruct'] = (
   </svg>
 );
 
+iconMap['ic_auto_regenerate'] = (
+  <svg viewBox="0 0 24 24">
+    <path d="M12 7V5.589c-3.724 0-6.75 2.874-6.75 6.41 0 .845.169 1.668.495 2.405.169.385.045.823-.259 1.111-.574.545-1.541.353-1.845-.363A8 8 0 0 1 3 12c0-4.723 4.028-8.548 9-8.548V1.539c0-.48.607-.716.956-.384l3.139 2.98a.51.51 0 0 1 0 .76L13.878 7zm-1.878 10-2.217 2.105a.51.51 0 0 0 0 .759l3.139 2.981c.348.331.956.096.956-.374v-1.923c4.973 0 9-3.825 9-8.548 0-1.111-.225-2.18-.641-3.152-.304-.716-1.272-.908-1.845-.364-.304.289-.428.738-.259 1.112.315.748.495 1.56.495 2.404 0 3.537-3.026 6.41-6.75 6.41V17z" />
+    <path d="M16 16h-1.487l-.78-2.046H10.26L9.487 16H8l3.232-8h1.536zm-2.716-3.206-1.247-3.308h-.074l-1.247 3.308z" />
+  </svg>
+);
+
 iconMap['ic_balance_parcel'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M23 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0 8h-2v2c1 0 2-1 2-2ZM15 3h-2v2h2V3Zm8 4h-2v2h2V7Zm-2-4v2h2c0-1-1-2-2-2ZM3 21h8v-6H1v4c0 1.1.9 2 2 2ZM3 7H1v2h2V7Zm12 12h-2v2h2v-2Zm4-16h-2v2h2V3Zm0 16h-2v2h2v-2ZM3 3C2 3 1 4 1 5h2V3Zm0 8H1v2h2v-2Zm8-8H9v2h2V3ZM7 3H5v2h2V3Z" />
@@ -909,6 +919,12 @@ iconMap['ic_fast_forward'] = (
   </svg>
 );
 
+iconMap['ic_fast_forward_outline'] = (
+  <svg viewBox="0 0 24 24">
+    <path d="M20.88,10.37l-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v2.46l-.02-.02-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v8.14c0,.75.4,1.42,1.06,1.77.66.35,1.46.3,2.08-.12l5.79-4.08s.01,0,.02-.01v2.45c0,.75.4,1.42,1.06,1.77.3.16.62.23.94.23.4,0,.8-.12,1.14-.35l5.79-4.08c.53-.38.84-.99.84-1.64,0-.66-.31-1.25-.84-1.62ZM11.35,12.82l-5.77,4.07c-.32.21-.71.24-1.04.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82ZM20.3,12.82l-5.77,4.07h0c-.32.22-.71.24-1.05.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82Z" />
+  </svg>
+);
+
 iconMap['ic_feedback_lightbulb'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2Zm-3-3h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1s.45 1 1 1Zm3-17C7.86 2 4.5 5.36 4.5 9.5c0 3.82 2.66 5.86 3.77 6.5h7.46c1.11-.64 3.77-2.68 3.77-6.5C19.5 5.36 16.14 2 12 2Z" />
@@ -1479,17 +1495,6 @@ iconMap['ic_plan_generation'] = (
   </svg>
 );
 
-iconMap['ic_pointer_outlined'] = (
-  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
 iconMap['ic_plus_one'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <g>
@@ -1498,6 +1503,12 @@ iconMap['ic_plus_one'] = (
   </svg>
 );
 
+iconMap['ic_pointer_outlined'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z" />
+  </svg>
+);
+
 iconMap['ic_polygon_selection'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" />
@@ -1577,6 +1588,14 @@ iconMap['ic_regenerate'] = (
   </svg>
 );
 
+iconMap['ic_regenerate_off'] = (
+  <svg viewBox="0 0 24 24">
+    <g>
+      <path d="M10 5.74v-.19c0-.68-.71-1.11-1.32-.82-.19.09-.36.2-.54.3L9.6 6.49c.24-.18.4-.45.4-.75M20 12c0-2.21-.91-4.2-2.36-5.64l1.51-1.51a.5.5 0 0 0-.36-.85H14v4.79c0 .45.54.67.85.35l1.39-1.39C17.32 8.85 18 10.34 18 12c0 .85-.18 1.66-.5 2.39l1.48 1.48A7.9 7.9 0 0 0 20 12M3.57 4.7a.996.996 0 0 0 0 1.41l1.65 1.65A8 8 0 0 0 4 12c0 2.21.91 4.2 2.36 5.64l-1.51 1.51a.5.5 0 0 0 .36.85H9.5c.28 0 .5-.22.5-.5v-4.29c0-.45-.54-.67-.85-.35l-1.39 1.39C6.68 15.15 6 13.66 6 12c0-1 .26-1.93.69-2.76l8.07 8.07c-.01.02-.01.02-.01.04-.43.12-.75.48-.75.91v.18c0 .68.71 1.11 1.32.82.31-.14.61-.31.9-.49l1.87 1.87a.996.996 0 1 0 1.41-1.41L4.98 4.7a.996.996 0 0 0-1.41 0" />
+    </g>
+  </svg>
+);
+
 iconMap['ic_release'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M17.8 9.5h-1.5V20h-3.9l-.6 1.5h6v-12Zm-.8-7H5.8v5h1.5V4h8.3L17 2.5Zm1.8 15h2.5c.8 0 1.5-.7 1.5-1.5V9.5c0-.4-.2-.8-.4-1.1l-4.9-4.9-.8.8c-.2.2-.3.5-.3.8v.2l.6 3.2h1.8v9Zm-7-4H6.6l.7-3.2v-.2c0-.3-.1-.6-.3-.8l-.8-.8-4.9 4.9c-.3.3-.4.7-.4 1.1V21c0 .8.7 1.5 1.5 1.5H9c.6 0 1.1-.4 1.4-.9l2.3-5.3c.1-.2.1-.4.1-.5v-1.2c0-.7-.5-1.1-1-1.1Z" />

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

@@ -20,11 +20,15 @@ export interface ILuiSearchBoxProps {
     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, }: ILuiSearchBoxProps) => JSX.Element;
+export declare const LuiSearchBox: ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, externalSearch, searchString, onClickInput, onClearInput, }: ILuiSearchBoxProps) => JSX.Element;
 export declare const LuiSearchBoxButton: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<LuiButtonProps>, "type" | "href" | "openInNewTab" | "level" | "size" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -13,5 +13,7 @@ export interface ISearchInputProps<SearchResult extends ISearchResult = ISearchR
     name?: string;
     focusUpdate?: boolean;
     onClearCallback?: () => void;
+    onClickInput?: () => void;
+    externalSearch?: boolean;
 }
 export declare const LuiSearchInput: <SearchResult extends ISearchResult = ISearchResult>(props: React.PropsWithChildren<ISearchInputProps<SearchResult>>) => JSX.Element;

package/dist/index.js

@@ -231,6 +231,9 @@ iconMap['ic_attachment'] = (React__default["default"].createElement("svg", { vie
     React__default["default"].createElement("path", { d: "M2.016 12.023c0-1.531.531-2.836 1.594-3.914C4.673 7.03 5.97 6.492 7.501 6.492h10.5c1.094 0 2.032.398 2.813 1.195.781.797 1.172 1.742 1.172 2.836 0 1.094-.39 2.032-1.172 2.813-.781.781-1.719 1.172-2.813 1.172H9.517a2.472 2.472 0 0 1-1.781-.727c-.5-.485-.75-1.07-.75-1.758 0-.687.25-1.281.75-1.781s1.094-.75 1.781-.75h7.5v2.016H9.423c-.281 0-.422.164-.422.492 0 .328.14.492.422.492h8.578c.531 0 1-.195 1.406-.586.406-.39.609-.852.609-1.383s-.203-1-.609-1.406c-.406-.406-.875-.61-1.406-.61h-10.5c-.969 0-1.797.345-2.484 1.032a3.386 3.386 0 0 0-1.031 2.484c0 .969.344 1.789 1.031 2.46a3.425 3.425 0 0 0 2.484 1.009h9.516v2.016H7.501c-1.531 0-2.828-.531-3.891-1.594-1.063-1.063-1.594-2.36-1.594-3.891Z" })));
 iconMap['ic_auth_and_instruct'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "m12.69 17.403 1.059 1.053a1.37 1.37 0 0 1-.724.194.825.825 0 0 1-.528-.162.528.528 0 0 1-.206-.437c0-.134.036-.252.107-.354.071-.103.168-.2.292-.294Zm.6-1.268a.477.477 0 0 0 .146-.346.33.33 0 0 0-.115-.266.443.443 0 0 0-.296-.098.51.51 0 0 0-.337.102.356.356 0 0 0-.123.29c0 .188.101.394.303.62a1.89 1.89 0 0 0 .421-.302Zm-5.912-1.311a73.182 73.182 0 0 1-.696 2.33h1.403c-.36-1.16-.564-1.817-.61-1.97a5.627 5.627 0 0 1-.097-.36ZM21.222 8v12c0 1.1-.9 2-2 2H5.212c-1.1 0-1.99-.9-1.99-2l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.978 19.393 8.07 13.988H6.675l-1.9 5.405h1.23l.39-1.281h1.962l.39 1.281h1.23Zm5.927.01-.96-.935c.17-.21.322-.452.456-.725.134-.273.24-.554.316-.84h-1.014c-.111.39-.242.71-.393.96l-.906-.884c.328-.19.565-.389.712-.598.146-.21.22-.441.22-.694a.887.887 0 0 0-.356-.739c-.237-.184-.553-.276-.949-.276-.415 0-.746.1-.994.297a.951.951 0 0 0-.371.782c0 .197.036.38.108.547.073.167.189.342.348.525-.313.178-.533.37-.662.575a1.374 1.374 0 0 0-.193.745c0 .406.152.729.456.967.304.238.716.357 1.235.357.512 0 .972-.141 1.378-.424l.367.36h1.202Zm3.08-5.393h-1.142v5.383h1.142V14.01ZM19.222 9h-5V4h-9v8h14V9Z" })));
+iconMap['ic_auto_regenerate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
+    React__default["default"].createElement("path", { d: "M12 7V5.589c-3.724 0-6.75 2.874-6.75 6.41 0 .845.169 1.668.495 2.405.169.385.045.823-.259 1.111-.574.545-1.541.353-1.845-.363A8 8 0 0 1 3 12c0-4.723 4.028-8.548 9-8.548V1.539c0-.48.607-.716.956-.384l3.139 2.98a.51.51 0 0 1 0 .76L13.878 7zm-1.878 10-2.217 2.105a.51.51 0 0 0 0 .759l3.139 2.981c.348.331.956.096.956-.374v-1.923c4.973 0 9-3.825 9-8.548 0-1.111-.225-2.18-.641-3.152-.304-.716-1.272-.908-1.845-.364-.304.289-.428.738-.259 1.112.315.748.495 1.56.495 2.404 0 3.537-3.026 6.41-6.75 6.41V17z" }),
+    React__default["default"].createElement("path", { d: "M16 16h-1.487l-.78-2.046H10.26L9.487 16H8l3.232-8h1.536zm-2.716-3.206-1.247-3.308h-.074l-1.247 3.308z" })));
 iconMap['ic_balance_parcel'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M23 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0 8h-2v2c1 0 2-1 2-2ZM15 3h-2v2h2V3Zm8 4h-2v2h2V7Zm-2-4v2h2c0-1-1-2-2-2ZM3 21h8v-6H1v4c0 1.1.9 2 2 2ZM3 7H1v2h2V7Zm12 12h-2v2h2v-2Zm4-16h-2v2h2V3Zm0 16h-2v2h2v-2ZM3 3C2 3 1 4 1 5h2V3Zm0 8H1v2h2v-2Zm8-8H9v2h2V3ZM7 3H5v2h2V3Z" })));
 iconMap['ic_basemap_off'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -393,6 +396,8 @@ iconMap['ic_expand_more'] = (React__default["default"].createElement("svg", { xm
     React__default["default"].createElement("path", { d: "M16.594 8.297 18 9.703l-6 6-6-6 1.406-1.406L12 12.891z" })));
 iconMap['ic_fast_forward'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "m5.58 16.89 5.77-4.07c.56-.4.56-1.24 0-1.63L5.58 7.11C4.91 6.65 4 7.12 4 7.93v8.14c0 .81.91 1.28 1.58.82ZM13 7.93v8.14c0 .81.91 1.28 1.58.82l5.77-4.07c.56-.4.56-1.24 0-1.63l-5.77-4.07c-.67-.47-1.58 0-1.58.81Z" })));
+iconMap['ic_fast_forward_outline'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
+    React__default["default"].createElement("path", { d: "M20.88,10.37l-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v2.46l-.02-.02-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v8.14c0,.75.4,1.42,1.06,1.77.66.35,1.46.3,2.08-.12l5.79-4.08s.01,0,.02-.01v2.45c0,.75.4,1.42,1.06,1.77.3.16.62.23.94.23.4,0,.8-.12,1.14-.35l5.79-4.08c.53-.38.84-.99.84-1.64,0-.66-.31-1.25-.84-1.62ZM11.35,12.82l-5.77,4.07c-.32.21-.71.24-1.04.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82ZM20.3,12.82l-5.77,4.07h0c-.32.22-.71.24-1.05.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82Z" })));
 iconMap['ic_feedback_lightbulb'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2Zm-3-3h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1s.45 1 1 1Zm3-17C7.86 2 4.5 5.36 4.5 9.5c0 3.82 2.66 5.86 3.77 6.5h7.46c1.11-.64 3.77-2.68 3.77-6.5C19.5 5.36 16.14 2 12 2Z" })));
 iconMap['ic_feedback_lightbulb_alt'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -596,11 +601,11 @@ iconMap['ic_placeholder'] = (React__default["default"].createElement("svg", { vi
 iconMap['ic_plan_generation'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
     React__default["default"].createElement("g", null,
         React__default["default"].createElement("path", { d: "M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H3V6h18zm-6.5-7L11 15.51 8.5 12.5 5 17h14z" }))));
-iconMap['ic_pointer_outlined'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-    React__default["default"].createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z", fill: "currentColor" })));
 iconMap['ic_plus_one'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("g", null,
         React__default["default"].createElement("path", { d: "M10 8H8v4H4v2h4v4h2v-4h4v-2h-4V8Zm4.5-1.92V7.9l2.5-.5V18h2V5l-4.5 1.08Z" }))));
+iconMap['ic_pointer_outlined'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z" })));
 iconMap['ic_polygon_selection'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" }),
     React__default["default"].createElement("path", { d: "M9.793 3.793a1 1 0 0 1 1.327-.078l.791.625-1.239 1.57-.277.11L8.98 4.605l.813-.812Zm4.046 4.617-1.584-1.25 1.24-1.57 1.583 1.25-1.24 1.57Zm-5.07-.765L7.146 9.27 5.73 7.855 7.355 6.23 8.77 7.645Zm8.236 3.265-1.583-1.25 1.24-1.57 1.583 1.25-1.24 1.57ZM5 12.125l.52-1.23L4.105 9.48l-.812.813A1 1 0 0 0 3 11v1.125h2Zm13.589.035 1.239-1.57.792.625A1 1 0 0 1 21 12v1h-2l-.411-.84ZM5 14.375v2.25H3v-2.25h2Zm0 4.5V21H4a1 1 0 0 1-1-1v-1.125h2ZM7 19h2v2H7v-2Zm4 0h2v2h-2v-2Z" })));
@@ -628,6 +633,9 @@ iconMap['ic_refresh'] = (React__default["default"].createElement("svg", { viewBo
 iconMap['ic_regenerate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("g", null,
         React__default["default"].createElement("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6Zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79a.5.5 0 0 0 .85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34Z" }))));
+iconMap['ic_regenerate_off'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
+    React__default["default"].createElement("g", null,
+        React__default["default"].createElement("path", { d: "M10 5.74v-.19c0-.68-.71-1.11-1.32-.82-.19.09-.36.2-.54.3L9.6 6.49c.24-.18.4-.45.4-.75M20 12c0-2.21-.91-4.2-2.36-5.64l1.51-1.51a.5.5 0 0 0-.36-.85H14v4.79c0 .45.54.67.85.35l1.39-1.39C17.32 8.85 18 10.34 18 12c0 .85-.18 1.66-.5 2.39l1.48 1.48A7.9 7.9 0 0 0 20 12M3.57 4.7a.996.996 0 0 0 0 1.41l1.65 1.65A8 8 0 0 0 4 12c0 2.21.91 4.2 2.36 5.64l-1.51 1.51a.5.5 0 0 0 .36.85H9.5c.28 0 .5-.22.5-.5v-4.29c0-.45-.54-.67-.85-.35l-1.39 1.39C6.68 15.15 6 13.66 6 12c0-1 .26-1.93.69-2.76l8.07 8.07c-.01.02-.01.02-.01.04-.43.12-.75.48-.75.91v.18c0 .68.71 1.11 1.32.82.31-.14.61-.31.9-.49l1.87 1.87a.996.996 0 1 0 1.41-1.41L4.98 4.7a.996.996 0 0 0-1.41 0" }))));
 iconMap['ic_release'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M17.8 9.5h-1.5V20h-3.9l-.6 1.5h6v-12Zm-.8-7H5.8v5h1.5V4h8.3L17 2.5Zm1.8 15h2.5c.8 0 1.5-.7 1.5-1.5V9.5c0-.4-.2-.8-.4-1.1l-4.9-4.9-.8.8c-.2.2-.3.5-.3.8v.2l.6 3.2h1.8v9Zm-7-4H6.6l.7-3.2v-.2c0-.3-.1-.6-.3-.8l-.8-.8-4.9 4.9c-.3.3-.4.7-.4 1.1V21c0 .8.7 1.5 1.5 1.5H9c.6 0 1.1-.4 1.4-.9l2.3-5.3c.1-.2.1-.4.1-.5v-1.2c0-.7-.5-1.1-1-1.1Z" })));
 iconMap['ic_remove_circle'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -42469,7 +42477,7 @@ var LuiSearchInput = function (props) {
     var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
     var inputRef = React.useRef(null);
     var selectedRef = React.useRef(null);
-    //set focus to inut box
+    // set focus to input box
     React.useEffect(function () {
         var _a;
         if (props.focusUpdate !== undefined)
@@ -42479,6 +42487,11 @@ var LuiSearchInput = function (props) {
     React.useEffect(function () {
         setResults([]);
     }, [props.getOptions]);
+    React.useEffect(function () {
+        if (props.externalSearch) {
+            setTypedValue(props.initialValue ? props.initialValue : '');
+        }
+    }, [props.initialValue, props.externalSearch]);
     function setInputValue(value) {
         setTypedValue(props.inputTransformer ? props.inputTransformer(value) : value);
     }
@@ -42584,7 +42597,7 @@ var LuiSearchInput = function (props) {
                 setResults([]);
             }
         } })) : null;
-    var searchIcon = (React__default["default"].createElement(LuiIcon, { className: 'LuiSearchInput-startIconPosition', name: "ic_search", size: "md", alt: "search", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } }));
+    var searchIcon = props.externalSearch ? (React__default["default"].createElement(LuiIcon, { className: "LuiSearchInput-startIconPosition ".concat(typedValue ? 'LuiSearchInput-startIconPosition-enabled' : ''), name: "ic_create", size: "md", alt: "edit", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } })) : (React__default["default"].createElement(LuiIcon, { className: 'LuiSearchInput-startIconPosition', name: "ic_search", size: "md", alt: "search", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } }));
     var typeMore = 'You need to type a few more characters';
     function enoughChars(input) {
         if (typeof props.minCharactersForSearch === 'number')
@@ -42604,16 +42617,16 @@ var LuiSearchInput = function (props) {
         else
             return null;
     }
-    return (React__default["default"].createElement("div", { className: "LuiSearchInput" },
+    return (React__default["default"].createElement("div", { className: "LuiSearchInput", onClick: props.onClickInput },
         React__default["default"].createElement("span", { className: "LuiSearchInput-inputWrapper" },
             searchIcon,
             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();
                     retrieveResults(typedValue);
                     setHaveFocus(true);
-                }, 
+                }, style: { pointerEvents: props.externalSearch ? 'none' : 'auto' }, 
                 // This timeout could be a little brittle but allows the menu to stay open long enough to click it
-                onBlur: function () { return setTimeout(function () { return setHaveFocus(false); }, 200); } }),
+                onBlur: function () { return setTimeout(function () { return setHaveFocus(false); }, 200); }, disabled: props.externalSearch }),
             cancelIcon),
         (isLoading || results.length > 0) && haveFocus && (React__default["default"].createElement("div", null,
             React__default["default"].createElement(ResultsDisplay, { results: results, selectedId: selectedId, setSelectedId: setSelectedId, selectedRef: selectedRef, onClick: selectItem, isLoading: isLoading, renderItem: props.renderItem }))),
@@ -42638,7 +42651,7 @@ var resultStyle = { verticalAlign: 'middle' };
 var LuiSearchBox = function (_a) {
     var _b;
     var _c;
-    var searchBoxOptions = _a.searchBoxOptions, initOptionValue = _a.initOptionValue, onMenuSelect = _a.onMenuSelect, autoFocus = _a.autoFocus;
+    var searchBoxOptions = _a.searchBoxOptions, initOptionValue = _a.initOptionValue, onMenuSelect = _a.onMenuSelect, autoFocus = _a.autoFocus, externalSearch = _a.externalSearch, searchString = _a.searchString, onClickInput = _a.onClickInput, onClearInput = _a.onClearInput;
     var initOption = searchBoxOptions.find(function (_a) {
         var value = _a.value;
         return value === initOptionValue;
@@ -42707,7 +42720,7 @@ var LuiSearchBox = function (_a) {
                     ? selectedMenuOption.renderItem
                     : function (item) {
                         return React__default["default"].createElement("span", { style: resultStyle }, item.description);
-                    }, disclaimer: selectedMenuOption.disclaimer, focusUpdate: autoFocus && isFocus ? focusUpdate : undefined }))));
+                    }, 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 () {