@linzjs/lui 17.22.0 → 17.23.1

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [17.23.1](https://github.com/linz/lui/compare/v17.23.0...v17.23.1) (2022-11-23)
+
+
+### Bug Fixes
+
+* allow modals to opt out of auto focus ([#802](https://github.com/linz/lui/issues/802)) ([038d279](https://github.com/linz/lui/commit/038d2791e6b99c54a31e05a2cc3fdf8f9c4a6289))
+
+# [17.23.0](https://github.com/linz/lui/compare/v17.22.0...v17.23.0) (2022-11-23)
+
 # [17.22.0](https://github.com/linz/lui/compare/v17.21.1...v17.22.0) (2022-11-18)
 
 

package/dist/assets/icons/arrow_back_left.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.973 10.95H7.503l5.012-5.144c.4-.412.4-1.086 0-1.498a1.004 1.004 0 0 0-1.448 0L4.3 11.257a1.07 1.07 0 0 0 0 1.486l6.767 6.949c.4.41 1.047.41 1.448 0 .4-.412.4-1.076 0-1.487L7.504 13.06h11.47c.564 0 1.026-.475 1.026-1.055s-.462-1.054-1.027-1.054Z" fill="#000"/></svg>

package/dist/assets/icons/arrow_forward_right.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.027 13.05h11.47l-5.012 5.144c-.4.412-.4 1.086 0 1.498.4.41 1.048.41 1.448 0l6.767-6.949c.4-.41.4-1.075 0-1.486l-6.767-6.949a1.004 1.004 0 0 0-1.448 0 1.07 1.07 0 0 0 0 1.487l5.011 5.145H5.026c-.564 0-1.026.475-1.026 1.055s.462 1.054 1.027 1.054Z" fill="#000"/></svg>

package/dist/assets/icons/left.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m14.5 7.5-5 5 5 5v-10Z" fill="#000"/></svg>

package/dist/assets/icons/sorting_down_arrow_up.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z" fill="#000"/></svg>

package/dist/assets/icons/sorting_up_arrow_up.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 9.7c.39.39 1.02.39 1.41 0L11 5.83V21c0 .55.45 1 1 1s1-.45 1-1V5.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 2.7a.996.996 0 0 0-1.41 0L5.71 8.29a.996.996 0 0 0 0 1.41Z" fill="#000"/></svg>

package/dist/assets/icons/subdirectory_arrow_right.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z" fill="#000"/></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_multiple' | 'ic_add_to_list' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_balance_parcel' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_dealings' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | '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_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_locate' | 'ic_lock' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_round_selection' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_square_selection' | 'ic_submit' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_upload' | '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';
+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_multiple' | 'ic_add_to_list' | '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_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_dealings' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | '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_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_locate' | 'ic_lock' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_round_selection' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_upload' | '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';
 declare type IconNameElementMap = {
     [key in LuiIconName]?: JSX.Element;
 };

package/dist/assets/svg-content.tsx

@@ -23,10 +23,12 @@ export type LuiIconName =
   | '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'
@@ -85,6 +87,7 @@ export type LuiIconName =
   | 'ic_launch_modal'
   | 'ic_launch_new window_open'
   | 'ic_layers'
+  | 'ic_left'
   | 'ic_left_col'
   | 'ic_line_arc'
   | 'ic_line_irregular'
@@ -139,7 +142,10 @@ export type LuiIconName =
   | 'ic_send'
   | 'ic_send_email_dart'
   | 'ic_separator'
+  | 'ic_sorting_down_arrow_up'
+  | 'ic_sorting_up_arrow_up'
   | 'ic_square_selection'
+  | 'ic_subdirectory_arrow_right'
   | 'ic_submit'
   | 'ic_survey'
   | 'ic_survey_report'
@@ -255,6 +261,12 @@ iconMap['ic_arrow_back_ios'] = (
   </svg>
 );
 
+iconMap['ic_arrow_back_left'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.973 10.95H7.503l5.012-5.144c.4-.412.4-1.086 0-1.498a1.004 1.004 0 0 0-1.448 0L4.3 11.257a1.07 1.07 0 0 0 0 1.486l6.767 6.949c.4.41 1.047.41 1.448 0 .4-.412.4-1.076 0-1.487L7.504 13.06h11.47c.564 0 1.026-.475 1.026-1.055s-.462-1.054-1.027-1.054Z" />
+  </svg>
+);
+
 iconMap['ic_arrow_drop_down'] = (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M6.984 9.492h10.031l-5.016 5.016z" />
@@ -279,6 +291,12 @@ iconMap['ic_arrow_forward_ios'] = (
   </svg>
 );
 
+iconMap['ic_arrow_forward_right'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.027 13.05h11.47l-5.012 5.144c-.4.412-.4 1.086 0 1.498.4.41 1.048.41 1.448 0l6.767-6.949c.4-.41.4-1.075 0-1.486l-6.767-6.949a1.004 1.004 0 0 0-1.448 0 1.07 1.07 0 0 0 0 1.487l5.011 5.145H5.026c-.564 0-1.026.475-1.026 1.055s.462 1.054 1.027 1.054Z" />
+  </svg>
+);
+
 iconMap['ic_attach_file'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="m19.571 10.586-8.132 8.132a3.999 3.999 0 0 1-5.657 0 3.999 3.999 0 0 1 0-5.657l8.84-8.84a2.501 2.501 0 0 1 3.535 3.536l-7.425 7.425a1.003 1.003 0 0 1-1.414 0 1.003 1.003 0 0 1 0-1.414l6.717-6.718-1.06-1.06-6.718 6.717a2.501 2.501 0 0 0 3.536 3.536l7.425-7.425a3.999 3.999 0 0 0 0-5.657 3.999 3.999 0 0 0-5.657 0L4.72 12a5.497 5.497 0 0 0 0 7.778 5.497 5.497 0 0 0 7.779 0l8.132-8.131-1.06-1.061Z" />
@@ -636,6 +654,12 @@ iconMap['ic_layers'] = (
   </svg>
 );
 
+iconMap['ic_left'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="m14.5 7.5-5 5 5 5v-10Z" />
+  </svg>
+);
+
 iconMap['ic_left_col'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M17.8 12c0 .5-.4 1-1 1h-6v1.8c0 .4-.5.7-.9.3l-2.8-2.8c-.2-.2-.2-.5 0-.7l2.8-2.8c.3-.3.9-.1.9.3V11h6c.5 0 1 .4 1 1ZM21 5v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2Zm-2 7c0-1.1-.9-2-2-2h-4V6c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4h4c1.1 0 2-.9 2-2Z" />
@@ -973,12 +997,30 @@ iconMap['ic_separator'] = (
   </svg>
 );
 
+iconMap['ic_sorting_down_arrow_up'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z" />
+  </svg>
+);
+
+iconMap['ic_sorting_up_arrow_up'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.71 9.7c.39.39 1.02.39 1.41 0L11 5.83V21c0 .55.45 1 1 1s1-.45 1-1V5.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 2.7a.996.996 0 0 0-1.41 0L5.71 8.29a.996.996 0 0 0 0 1.41Z" />
+  </svg>
+);
+
 iconMap['ic_square_selection'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M17 5h-2V3h2v2Zm2 4h2V7h-2v2Zm0 4h2v-2h-2v2Zm-8 8h2v-2h-2v2ZM7 5h2V3H7v2ZM3 17h2v-2H3v2Zm2 4v-2H3c0 1.1.9 2 2 2ZM19 3v2h2c0-1.1-.9-2-2-2Zm-8 2h2V3h-2v2ZM3 9h2V7H3v2Zm4 12h2v-2H7v2Zm-4-8h2v-2H3v2Zm0-8h2V3c-1.1 0-2 .9-2 2Zm18.02 12H19v-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" />
   </svg>
 );
 
+iconMap['ic_subdirectory_arrow_right'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z" />
+  </svg>
+);
+
 iconMap['ic_submit'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2 .01 7Z" />

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

@@ -7,6 +7,7 @@ interface ILuiModal {
     maxWidth?: boolean;
     headingText?: string;
     lowContrast?: boolean;
+    preventAutoFocus?: boolean;
     appendToElement?: () => HTMLElement;
 }
 export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;

package/dist/index.js

@@ -186,6 +186,8 @@ iconMap['ic_arrow_back'] = (React__default["default"].createElement("svg", { xml
     React__default["default"].createElement("path", { d: "M20.016 11.016v1.969H7.828l5.578 5.625L12 20.016 3.984 12 12 3.984l1.406 1.406-5.578 5.625h12.188z" })));
 iconMap['ic_arrow_back_ios'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M17.836 3.891 9.727 12l8.109 8.109-1.781 1.781-9.891-9.891 9.891-9.891z" })));
+iconMap['ic_arrow_back_left'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M18.973 10.95H7.503l5.012-5.144c.4-.412.4-1.086 0-1.498a1.004 1.004 0 0 0-1.448 0L4.3 11.257a1.07 1.07 0 0 0 0 1.486l6.767 6.949c.4.41 1.047.41 1.448 0 .4-.412.4-1.076 0-1.487L7.504 13.06h11.47c.564 0 1.026-.475 1.026-1.055s-.462-1.054-1.027-1.054Z" })));
 iconMap['ic_arrow_drop_down'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M6.984 9.492h10.031l-5.016 5.016z" })));
 iconMap['ic_arrow_drop_right'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
@@ -194,6 +196,8 @@ iconMap['ic_arrow_drop_up'] = (React__default["default"].createElement("svg", {
     React__default["default"].createElement("path", { d: "M6.984 14.508 12 9.492l5.016 5.016H6.985z" })));
 iconMap['ic_arrow_forward_ios'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "m5.93 4.125 2.156-2.109L18.07 12l-9.984 9.984-2.156-2.109L13.852 12z" })));
+iconMap['ic_arrow_forward_right'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M5.027 13.05h11.47l-5.012 5.144c-.4.412-.4 1.086 0 1.498.4.41 1.048.41 1.448 0l6.767-6.949c.4-.41.4-1.075 0-1.486l-6.767-6.949a1.004 1.004 0 0 0-1.448 0 1.07 1.07 0 0 0 0 1.487l5.011 5.145H5.026c-.564 0-1.026.475-1.026 1.055s.462 1.054 1.027 1.054Z" })));
 iconMap['ic_attach_file'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "m19.571 10.586-8.132 8.132a3.999 3.999 0 0 1-5.657 0 3.999 3.999 0 0 1 0-5.657l8.84-8.84a2.501 2.501 0 0 1 3.535 3.536l-7.425 7.425a1.003 1.003 0 0 1-1.414 0 1.003 1.003 0 0 1 0-1.414l6.717-6.718-1.06-1.06-6.718 6.717a2.501 2.501 0 0 0 3.536 3.536l7.425-7.425a3.999 3.999 0 0 0 0-5.657 3.999 3.999 0 0 0-5.657 0L4.72 12a5.497 5.497 0 0 0 0 7.778 5.497 5.497 0 0 0 7.779 0l8.132-8.131-1.06-1.061Z" })));
 iconMap['ic_attachment'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -316,6 +320,8 @@ iconMap['ic_launch_new window_open'] = (React__default["default"].createElement(
     React__default["default"].createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1ZM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V3h-6c-.55 0-1 .45-1 1Z" })));
 iconMap['ic_layers'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "m11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74Zm7.37-8.27L12 16l-7.37-5.73L3 9l9-7 9 7-1.64 1.27ZM17.74 9 12 4.53 6.26 9 12 13.47 17.74 9Z" })));
+iconMap['ic_left'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "m14.5 7.5-5 5 5 5v-10Z" })));
 iconMap['ic_left_col'] = (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 12c0 .5-.4 1-1 1h-6v1.8c0 .4-.5.7-.9.3l-2.8-2.8c-.2-.2-.2-.5 0-.7l2.8-2.8c.3-.3.9-.1.9.3V11h6c.5 0 1 .4 1 1ZM21 5v14c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2Zm-2 7c0-1.1-.9-2-2-2h-4V6c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4h4c1.1 0 2-.9 2-2Z" })));
 iconMap['ic_line_arc'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -434,8 +440,14 @@ iconMap['ic_send_email_dart'] = (React__default["default"].createElement("svg",
     React__default["default"].createElement("path", { d: "M1.5 21v-6.984L16.5 12l-15-2.016V3l21 9-21 9Z" })));
 iconMap['ic_separator'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M11 3h2v18h-2z" })));
+iconMap['ic_sorting_down_arrow_up'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M18.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z" })));
+iconMap['ic_sorting_up_arrow_up'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "M5.71 9.7c.39.39 1.02.39 1.41 0L11 5.83V21c0 .55.45 1 1 1s1-.45 1-1V5.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 2.7a.996.996 0 0 0-1.41 0L5.71 8.29a.996.996 0 0 0 0 1.41Z" })));
 iconMap['ic_square_selection'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M17 5h-2V3h2v2Zm2 4h2V7h-2v2Zm0 4h2v-2h-2v2Zm-8 8h2v-2h-2v2ZM7 5h2V3H7v2ZM3 17h2v-2H3v2Zm2 4v-2H3c0 1.1.9 2 2 2ZM19 3v2h2c0-1.1-.9-2-2-2Zm-8 2h2V3h-2v2ZM3 9h2V7H3v2Zm4 12h2v-2H7v2Zm-4-8h2v-2H3v2Zm0-8h2V3c-1.1 0-2 .9-2 2Zm18.02 12H19v-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" })));
+iconMap['ic_subdirectory_arrow_right'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React__default["default"].createElement("path", { d: "m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z" })));
 iconMap['ic_submit'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2 .01 7Z" })));
 iconMap['ic_survey'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -28225,7 +28237,8 @@ var LuiModal = function (props) {
         React__default["default"].createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
             props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
             React__default["default"].createElement("div", { className: clsx(props.headingText && 'lui-modal-container'), ref: function (element) {
-                    if (element &&
+                    if (!props.preventAutoFocus &&
+                        element &&
                         !element.contains(element.ownerDocument.activeElement)) {
                         var firstFocusableElement = element.querySelector('input,button');
                         firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();