@linzjs/lui 17.29.1-5 → 17.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ # [17.30.0](https://github.com/linz/lui/compare/v17.29.1...v17.30.0) (2023-02-07)
2
+
3
+ ## [17.29.1](https://github.com/linz/lui/compare/v17.29.0...v17.29.1) (2023-02-06)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * added option to have a smaller text input ([#829](https://github.com/linz/lui/issues/829)) ([d32479f](https://github.com/linz/lui/commit/d32479f52a67fcf5e5fe20a5a5030188a3a1ecba))
9
+
1
10
  # [17.29.0](https://github.com/linz/lui/compare/v17.28.2...v17.29.0) (2023-02-01)
2
11
 
3
12
 
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.924 21.95h-3.848a.973.973 0 0 1-.667-.25.988.988 0 0 1-.333-.626l-.308-2.325a3.913 3.913 0 0 1-.628-.3 8.356 8.356 0 0 1-.578-.375l-2.232.9c-.24.084-.479.092-.718.025a.95.95 0 0 1-.564-.425L2.149 15.35a.92.92 0 0 1-.128-.7c.051-.25.18-.45.385-.6l1.924-1.425a2.33 2.33 0 0 1-.026-.338v-.675c0-.108.009-.22.026-.337L2.406 9.85a.957.957 0 0 1-.385-.6.92.92 0 0 1 .128-.7l1.899-3.225a.804.804 0 0 1 .55-.438 1.29 1.29 0 0 1 .732.038l2.232.9c.188-.133.385-.258.59-.375.205-.116.41-.216.616-.3l.308-2.325a.989.989 0 0 1 .333-.625.973.973 0 0 1 .667-.25h3.848c.257 0 .479.084.667.25.188.167.3.375.333.625l.308 2.325c.223.084.432.184.63.3.196.117.388.242.576.375l2.232-.9c.24-.083.479-.091.718-.025a.95.95 0 0 1 .564.425l1.899 3.225a.92.92 0 0 1 .128.7.957.957 0 0 1-.385.6l-1.924 1.425c.017.117.026.23.026.337v.675a1.2 1.2 0 0 1-.051.338l1.924 1.425c.205.15.333.35.384.6a.92.92 0 0 1-.128.7l-1.898 3.2c-.137.217-.33.363-.577.438-.248.075-.492.07-.732-.013l-2.18-.9a6.982 6.982 0 0 1-.59.375 5.21 5.21 0 0 1-.616.3l-.308 2.325a.988.988 0 0 1-.333.625.973.973 0 0 1-.667.25Zm-1.873-6.5c.992 0 1.839-.342 2.54-1.026.701-.683 1.052-1.508 1.052-2.475 0-.966-.35-1.791-1.052-2.475-.701-.683-1.548-1.025-2.54-1.025-1.009 0-1.86.342-2.553 1.025-.692.684-1.038 1.509-1.038 2.475 0 .967.346 1.792 1.038 2.475.693.684 1.544 1.025 2.553 1.025Z" fill="#000"/></svg>
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- 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_lock_alt' | '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_package' | '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_plus_one' | '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' | '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';
2
+ 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_lock_alt' | '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_package' | '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_plus_one' | '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_settings' | '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' | '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';
3
3
  declare type IconNameElementMap = {
4
4
  [key in LuiIconName]?: JSX.Element;
5
5
  };
@@ -145,6 +145,7 @@ export type LuiIconName =
145
145
  | 'ic_send'
146
146
  | 'ic_send_email_dart'
147
147
  | 'ic_separator'
148
+ | 'ic_settings'
148
149
  | 'ic_sorting_down_arrow_up'
149
150
  | 'ic_sorting_up_arrow_up'
150
151
  | 'ic_square_selection'
@@ -1041,6 +1042,12 @@ iconMap['ic_separator'] = (
1041
1042
  </svg>
1042
1043
  );
1043
1044
 
1045
+ iconMap['ic_settings'] = (
1046
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1047
+ <path d="M13.924 21.95h-3.848a.973.973 0 0 1-.667-.25.988.988 0 0 1-.333-.626l-.308-2.325a3.913 3.913 0 0 1-.628-.3 8.356 8.356 0 0 1-.578-.375l-2.232.9c-.24.084-.479.092-.718.025a.95.95 0 0 1-.564-.425L2.149 15.35a.92.92 0 0 1-.128-.7c.051-.25.18-.45.385-.6l1.924-1.425a2.33 2.33 0 0 1-.026-.338v-.675c0-.108.009-.22.026-.337L2.406 9.85a.957.957 0 0 1-.385-.6.92.92 0 0 1 .128-.7l1.899-3.225a.804.804 0 0 1 .55-.438 1.29 1.29 0 0 1 .732.038l2.232.9c.188-.133.385-.258.59-.375.205-.116.41-.216.616-.3l.308-2.325a.989.989 0 0 1 .333-.625.973.973 0 0 1 .667-.25h3.848c.257 0 .479.084.667.25.188.167.3.375.333.625l.308 2.325c.223.084.432.184.63.3.196.117.388.242.576.375l2.232-.9c.24-.083.479-.091.718-.025a.95.95 0 0 1 .564.425l1.899 3.225a.92.92 0 0 1 .128.7.957.957 0 0 1-.385.6l-1.924 1.425c.017.117.026.23.026.337v.675a1.2 1.2 0 0 1-.051.338l1.924 1.425c.205.15.333.35.384.6a.92.92 0 0 1-.128.7l-1.898 3.2c-.137.217-.33.363-.577.438-.248.075-.492.07-.732-.013l-2.18-.9a6.982 6.982 0 0 1-.59.375 5.21 5.21 0 0 1-.616.3l-.308 2.325a.988.988 0 0 1-.333.625.973.973 0 0 1-.667.25Zm-1.873-6.5c.992 0 1.839-.342 2.54-1.026.701-.683 1.052-1.508 1.052-2.475 0-.966-.35-1.791-1.052-2.475-.701-.683-1.548-1.025-2.54-1.025-1.009 0-1.86.342-2.553 1.025-.692.684-1.038 1.509-1.038 2.475 0 .967.346 1.792 1.038 2.475.693.684 1.544 1.025 2.553 1.025Z" />
1048
+ </svg>
1049
+ );
1050
+
1044
1051
  iconMap['ic_sorting_down_arrow_up'] = (
1045
1052
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1046
1053
  <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" />
@@ -17,6 +17,7 @@ export interface LuiTextInputProps {
17
17
  className?: string;
18
18
  value?: string;
19
19
  icon?: JSX.Element;
20
+ size?: 'sm';
20
21
  }
21
22
  export declare function useGenerateOrDefaultId(idFromProps?: string): string;
22
23
  export declare const LuiTextInput: (props: LuiTextInputProps) => JSX.Element;
@@ -9,9 +9,6 @@ interface HeaderProps {
9
9
  transparent?: boolean;
10
10
  sticky?: boolean;
11
11
  }
12
- /**
13
- * @deprecated: this is replaced by LuiHeaderV2
14
- */
15
12
  declare const LuiHeader: React.FC<React.PropsWithChildren<HeaderProps>>;
16
13
  interface ILuiIcon {
17
14
  /**
@@ -42,8 +39,6 @@ interface ILuiHeaderMenuItem extends ILuiIcon {
42
39
  'data-testid'?: string;
43
40
  }
44
41
  /**
45
- * @deprecated: this is replaced by LuiHeaderMenuItemV2
46
- *
47
42
  * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
48
43
  * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
49
44
  * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
@@ -61,9 +56,6 @@ interface ILuiCloseableHeaderMenuItem extends Omit<ILuiHeaderMenuItem, 'onClick'
61
56
  open: boolean;
62
57
  setOpen: (value: boolean) => void;
63
58
  }
64
- /**
65
- * @deprecated replaced by LuiCloseableHeaderMenuItemV2
66
- */
67
59
  declare const LuiCloseableHeaderMenuItem: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
68
60
  interface ILuiMenuCloseButton extends ILuiIcon {
69
61
  'data-testid'?: string;
@@ -18,25 +18,13 @@ interface ILuiDrawerMenuOption {
18
18
  */
19
19
  onClick?: () => void;
20
20
  }
21
- /**
22
- * @deprecated replaced by LuiDrawerMenuOptionsV2
23
- */
24
21
  declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
25
- /**
26
- * @deprecated replaced by LuiDrawerMenuOptionV2
27
- */
28
22
  declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
29
23
  declare type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
30
24
  hasStickyHeader?: boolean;
31
25
  };
32
- /**
33
- * @deprecated replaced by LuiDrawerMenuV2
34
- */
35
26
  declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
36
27
  declare type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
37
- /**
38
- * @deprecated replaced by LuiDropdownMenuV2
39
- */
40
28
  declare const LuiDropdownMenu: React.FC<React.PropsWithChildren<ILuiDropdownMenu>>;
41
29
  interface ILuiDrawerMenuSection {
42
30
  /**
@@ -2,5 +2,5 @@
2
2
  * Open menu after render so chromatic can see it.
3
3
  * Place in useEffect in story. e.g. useEffect(openHeaderMenu, []);
4
4
  */
5
- export declare const openHeaderMenu: (menuIconClass?: string) => void;
5
+ export declare const openHeaderMenu: () => void;
6
6
  export declare const expandCollapsedContainer: () => void;
package/dist/index.d.ts CHANGED
@@ -36,9 +36,7 @@ export { LuiFooter } from './components/LuiFooter/LuiFooter';
36
36
  export { LuiComboSelect, LuiComboSelectProps, LuiComboSelectOption, } from './components/LuiForms/LuiComboSelect/LuiComboSelect';
37
37
  export { LuiFormSectionHeader, IFormSectionHeaderProps, } from './components/LuiForms/LuiFormSection/LuiFormSectionHeader';
38
38
  export * from './components/LuiHeader/LuiHeader';
39
- export * from './components/LuiHeaderV2/LuiHeaderV2';
40
39
  export * from './components/LuiHeaderMenu/LuiHeaderMenus';
41
- export * from './components/LuiHeaderMenuV2/LuiHeaderMenusV2';
42
40
  export { LuiUpdatesSplashModal } from './components/LuiUpdateSplashModal/LuiUpdatesSplashModal';
43
41
  export { LuiModal, LuiAlertModal, LuiAlertModalButtons, } from './components/LuiModal/LuiModal';
44
42
  export { ISearchInputProps, ISearchGroupedResult, ISearchResult, LuiSearchInput, } from './components/LuiSearchInput/LuiSearchInput';
@@ -69,4 +67,3 @@ export { RadioItemRenderer } from './components/LuiListBox/Renderers/RadioItemRe
69
67
  export { CheckboxItemRenderer } from './components/LuiListBox/Renderers/CheckboxItemRenderer';
70
68
  export { LuiSideMenu, ILuiSideMenuProps, } from './components/LuiSideMenu/LuiSideMenu';
71
69
  export { LuiSideMenuItem, ILuiSideMenuItemProps, LuiMenuItemClickHandler, } from './components/LuiSideMenu/LuiSideMenuItem';
72
- export { Breakpoint, breakpoints, breakpointQuery, useMediaQuery, } from './components/common/UseMediaQuery';
package/dist/index.js CHANGED
@@ -459,6 +459,8 @@ iconMap['ic_send_email_dart'] = (React__default["default"].createElement("svg",
459
459
  React__default["default"].createElement("path", { d: "M1.5 21v-6.984L16.5 12l-15-2.016V3l21 9-21 9Z" })));
460
460
  iconMap['ic_separator'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
461
461
  React__default["default"].createElement("path", { d: "M11 3h2v18h-2z" })));
462
+ iconMap['ic_settings'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
463
+ React__default["default"].createElement("path", { d: "M13.924 21.95h-3.848a.973.973 0 0 1-.667-.25.988.988 0 0 1-.333-.626l-.308-2.325a3.913 3.913 0 0 1-.628-.3 8.356 8.356 0 0 1-.578-.375l-2.232.9c-.24.084-.479.092-.718.025a.95.95 0 0 1-.564-.425L2.149 15.35a.92.92 0 0 1-.128-.7c.051-.25.18-.45.385-.6l1.924-1.425a2.33 2.33 0 0 1-.026-.338v-.675c0-.108.009-.22.026-.337L2.406 9.85a.957.957 0 0 1-.385-.6.92.92 0 0 1 .128-.7l1.899-3.225a.804.804 0 0 1 .55-.438 1.29 1.29 0 0 1 .732.038l2.232.9c.188-.133.385-.258.59-.375.205-.116.41-.216.616-.3l.308-2.325a.989.989 0 0 1 .333-.625.973.973 0 0 1 .667-.25h3.848c.257 0 .479.084.667.25.188.167.3.375.333.625l.308 2.325c.223.084.432.184.63.3.196.117.388.242.576.375l2.232-.9c.24-.083.479-.091.718-.025a.95.95 0 0 1 .564.425l1.899 3.225a.92.92 0 0 1 .128.7.957.957 0 0 1-.385.6l-1.924 1.425c.017.117.026.23.026.337v.675a1.2 1.2 0 0 1-.051.338l1.924 1.425c.205.15.333.35.384.6a.92.92 0 0 1-.128.7l-1.898 3.2c-.137.217-.33.363-.577.438-.248.075-.492.07-.732-.013l-2.18-.9a6.982 6.982 0 0 1-.59.375 5.21 5.21 0 0 1-.616.3l-.308 2.325a.988.988 0 0 1-.333.625.973.973 0 0 1-.667.25Zm-1.873-6.5c.992 0 1.839-.342 2.54-1.026.701-.683 1.052-1.508 1.052-2.475 0-.966-.35-1.791-1.052-2.475-.701-.683-1.548-1.025-2.54-1.025-1.009 0-1.86.342-2.553 1.025-.692.684-1.038 1.509-1.038 2.475 0 .967.346 1.792 1.038 2.475.693.684 1.544 1.025 2.553 1.025Z" })));
462
464
  iconMap['ic_sorting_down_arrow_up'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
463
465
  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" })));
464
466
  iconMap['ic_sorting_up_arrow_up'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
@@ -15578,8 +15580,7 @@ var LuiTextInput = function (props) {
15578
15580
  React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
15579
15581
  clsx$1(props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
15580
15582
  React__default["default"].createElement("span", { className: "LuiTextInput-inputWrapper" },
15581
- React__default["default"].createElement("input", __assign$3({ type: 'text', className: (props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '') +
15582
- clsx$1('LuiTextInput-input'), min: "0", value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
15583
+ React__default["default"].createElement("input", __assign$3({ type: 'text', className: clsx$1('LuiTextInput-input', props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '', props.size ? "LuiTextInput-".concat(props.size) : ''), min: "0", value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
15583
15584
  props.icon),
15584
15585
  props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
15585
15586
  React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
@@ -40119,12 +40120,8 @@ var buildHideClassDict = function (_a) {
40119
40120
  };
40120
40121
  };
40121
40122
 
40122
- /**
40123
- * @deprecated: this is replaced by LuiHeaderV2
40124
- */
40125
40123
  var LuiHeader = function (_a) {
40126
40124
  var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c;
40127
- useDeprecatedWarning('LuiHeader');
40128
40125
  var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
40129
40126
  var logoContainer = logoElement;
40130
40127
  if (typeof homeLink === 'string') {
@@ -40149,15 +40146,12 @@ var LuiHeader = function (_a) {
40149
40146
  React__default["default"].createElement("div", { className: "lui-header-col" }, children))));
40150
40147
  };
40151
40148
  /**
40152
- * @deprecated: this is replaced by LuiHeaderMenuItemV2
40153
- *
40154
40149
  * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
40155
40150
  * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
40156
40151
  * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
40157
40152
  */
40158
40153
  var LuiHeaderMenuItem = React$1.forwardRef(function (_a, ref) {
40159
40154
  var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
40160
- useDeprecatedWarning('LuiHeaderMenuItem');
40161
40155
  var menuItemClasses = clsx$1('lui-header-menu-item', hide && buildHideClassDict(hide));
40162
40156
  var resolvedIcon = !icon && !label ? 'menu' : icon;
40163
40157
  return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
@@ -40172,12 +40166,8 @@ var LuiCloseableHeaderMenuContext = React$1.createContext({
40172
40166
  open: function () { },
40173
40167
  close: function () { }
40174
40168
  });
40175
- /**
40176
- * @deprecated replaced by LuiCloseableHeaderMenuItemV2
40177
- */
40178
40169
  var LuiCloseableHeaderMenuItem = function (_a) {
40179
40170
  var open = _a.open, setOpen = _a.setOpen, props = __rest$1(_a, ["open", "setOpen"]);
40180
- useDeprecatedWarning('LuiCloseableHeaderMenuItem');
40181
40171
  useEscapeFunction(function () { return setOpen(false); });
40182
40172
  var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
40183
40173
  if (!open) {
@@ -40201,77 +40191,12 @@ var LuiMenuCloseButton = function (_a) {
40201
40191
  return (React__default["default"].createElement("i", { className: classes, onClick: menu.close, "data-testid": dataTestId }, icon));
40202
40192
  };
40203
40193
 
40204
- var LuiHeaderV2 = function (_a) {
40205
- var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c, appMenu = _a.appMenu;
40206
- var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "LuiHeaderV2-linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "LuiHeaderV2-linz-motif", alt: "LINZ Logo", src: motif }));
40207
- var logoContainer = logoElement;
40208
- if (typeof homeLink === 'string') {
40209
- logoContainer = React__default["default"].createElement("a", { href: homeLink }, logoElement);
40210
- }
40211
- else if (typeof homeLink === 'function') {
40212
- logoContainer = (React__default["default"].createElement("div", { className: "clickable", onClick: function () {
40213
- homeLink();
40214
- } }, logoElement));
40215
- }
40216
- return (React__default["default"].createElement("header", { className: clsx$1({
40217
- LuiHeaderV2: true,
40218
- 'LuiHeaderV2-transparent': transparent,
40219
- 'LuiHeaderV2-small': size === 'small',
40220
- 'LuiHeaderV2-sticky': sticky
40221
- }) },
40222
- React__default["default"].createElement("div", { className: "LuiHeaderV2-row" },
40223
- React__default["default"].createElement("div", { className: "LuiHeaderV2-col" },
40224
- !!appMenu && appMenu,
40225
- React__default["default"].createElement("div", { className: "LuiHeaderV2-logo" }, logoContainer),
40226
- headingText && (React__default["default"].createElement("div", { className: "LuiHeaderV2-title" },
40227
- React__default["default"].createElement("h1", null, headingText)))),
40228
- React__default["default"].createElement("div", { className: "LuiHeaderV2-col" }, children))));
40229
- };
40230
- var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
40231
- var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
40232
- var menuItemClasses = clsx$1('LuiHeaderV2-menu-item', hide && buildHideClassDict(hide));
40233
- var resolvedIcon = !icon && !label ? 'menu' : icon;
40234
- return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
40235
- React__default["default"].createElement("div", { className: "LuiHeaderV2-menu-button" },
40236
- resolvedIcon && (React__default["default"].createElement("div", { className: clsx$1('LuiHeaderV2-menu-icon', onClick && 'clickable'), "data-testid": dataTestId, onClick: onClick },
40237
- React__default["default"].createElement("i", { title: "Main menu", className: "material-icons-round lui-icon-md" }, resolvedIcon))),
40238
- label && (React__default["default"].createElement("div", { className: clsx$1(onClick && 'clickable', { 'LuiHeaderV2-menu-label': !!resolvedIcon }, { 'LuiHeaderV2-menu-label-only': !resolvedIcon }), onClick: onClick }, label)),
40239
- badge && React__default["default"].createElement("div", { className: "LuiHeaderV2-badge" }, badge)),
40240
- !!children && children));
40241
- });
40242
- var LuiCloseableHeaderMenuItemV2 = function (_a) {
40243
- var open = _a.open, setOpen = _a.setOpen, children = _a.children, props = __rest$1(_a, ["open", "setOpen", "children"]);
40244
- useEscapeFunction(function () { return setOpen(false); });
40245
- var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
40246
- if (!open) {
40247
- event.stopPropagation();
40248
- setOpen(false);
40249
- }
40250
- });
40251
- var menuControls = {
40252
- isOpen: function () { return open; },
40253
- open: function () { return setOpen(!open); },
40254
- close: function () { return setOpen(false); }
40255
- };
40256
- var menuItemProps = __assign$3({ onClick: function () { return menuControls.open(); } }, props);
40257
- return (React__default["default"].createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
40258
- React__default["default"].createElement(LuiHeaderMenuItemV2, __assign$3({ ref: menuDiv }, menuItemProps), !!children && children)));
40259
- };
40260
-
40261
- /**
40262
- * @deprecated replaced by LuiDrawerMenuOptionsV2
40263
- */
40264
40194
  var LuiDrawerMenuOptions = function (_a) {
40265
40195
  var children = _a.children;
40266
- useDeprecatedWarning('LuiDrawerMenuOptions');
40267
40196
  return React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children);
40268
40197
  };
40269
- /**
40270
- * @deprecated replaced by LuiDrawerMenuOptionV2
40271
- */
40272
40198
  var LuiDrawerMenuOption = function (_a) {
40273
40199
  var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
40274
- useDeprecatedWarning('LuiDrawerMenuOption');
40275
40200
  var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
40276
40201
  return (React__default["default"].createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
40277
40202
  menu.close();
@@ -40282,12 +40207,8 @@ var LuiDrawerMenuOption = function (_a) {
40282
40207
  label),
40283
40208
  badge));
40284
40209
  };
40285
- /**
40286
- * @deprecated replaced by LuiDrawerMenuV2
40287
- */
40288
40210
  var LuiDrawerMenu = function (_a) {
40289
40211
  var restOfProps = __rest$1(_a, []);
40290
- useDeprecatedWarning('LuiDrawerMenu');
40291
40212
  var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(restOfProps, ["children", "hasStickyHeader"]);
40292
40213
  var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
40293
40214
  var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
@@ -40310,12 +40231,8 @@ var LuiDrawerMenu = function (_a) {
40310
40231
  'lui-menu-drawer-closed': !open
40311
40232
  }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
40312
40233
  };
40313
- /**
40314
- * @deprecated replaced by LuiDropdownMenuV2
40315
- */
40316
40234
  var LuiDropdownMenu = function (_a) {
40317
40235
  var restOfProps = __rest$1(_a, []);
40318
- useDeprecatedWarning('LuiDropdownMenu');
40319
40236
  var children = restOfProps.children, menuPropsCopy = __rest$1(restOfProps, ["children"]);
40320
40237
  var _b = React$1.useState(false), open = _b[0], setOpen = _b[1];
40321
40238
  var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen });
@@ -40341,83 +40258,6 @@ var LuiDrawerMenuDivider = function () {
40341
40258
  return React__default["default"].createElement("hr", { className: "LuiDrawerMenuDivider" });
40342
40259
  };
40343
40260
 
40344
- var LuiDrawerMenuOptionsV2 = function (_a) {
40345
- var children = _a.children;
40346
- return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-options" }, children));
40347
- };
40348
- var LuiDrawerMenuOptionV2 = function (_a) {
40349
- var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
40350
- var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
40351
- return (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option", onClick: function () {
40352
- menu.close();
40353
- onClick();
40354
- }, "data-testid": 'drawer-option' },
40355
- React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-label" },
40356
- typeof icon === 'string' ? (React__default["default"].createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
40357
- label),
40358
- badge));
40359
- };
40360
- var LuiDrawerMenuV2 = function (_a) {
40361
- var children = _a.children, _b = _a.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(_a, ["children", "hasStickyHeader"]);
40362
- var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
40363
- var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
40364
- React$1.useEffect(function () {
40365
- // Support for non-sticky headers. Scroll back to top when menu is opened
40366
- if (open && !hasStickyHeader) {
40367
- window.scrollTo({ top: 0, behavior: 'smooth' });
40368
- }
40369
- // Disable page scrolling while menu is open
40370
- if (open) {
40371
- document.body.classList.add('LuiHeaderMenuV2-drawer-open');
40372
- }
40373
- else {
40374
- document.body.classList.remove('LuiHeaderMenuV2-drawer-open');
40375
- }
40376
- }, [open, hasStickyHeader]);
40377
- return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
40378
- React__default["default"].createElement("div", { className: clsx$1({
40379
- 'LuiHeaderMenuV2-drawer': true,
40380
- 'LuiHeaderMenuV2-drawer-closed': !open
40381
- }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
40382
- };
40383
- var LuiDropdownMenuV2 = function (_a) {
40384
- var restOfProps = __rest$1(_a, []);
40385
- var children = restOfProps.children, _b = restOfProps.anchorOrigin, _c = _b === void 0 ? {
40386
- horizontal: 'left'
40387
- } : _b, _d = _c.horizontal, horizontal = _d === void 0 ? 'left' : _d, _e = restOfProps.size, size = _e === void 0 ? 'md' : _e, menuPropsCopy = __rest$1(restOfProps, ["children", "anchorOrigin", "size"]);
40388
- var _f = React$1.useState(null), open = _f[0], setOpen = _f[1];
40389
- var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open || false, setOpen: function (currentOpen) {
40390
- setOpen(function (preOpen) {
40391
- if (preOpen !== null) {
40392
- return currentOpen;
40393
- }
40394
- // if the menu was not opened before, then ignore close event,
40395
- // thus apply -closed animation css only if the menu is closed from the open state
40396
- return currentOpen || null;
40397
- });
40398
- } });
40399
- // const anchorHorizontal = menuPropsCopy.label && horizontal === 'right' ?
40400
- return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
40401
- React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-dropdown-container" },
40402
- React__default["default"].createElement("div", { className: clsx$1('LuiHeaderMenuV2-dropdown', 'lui-box-shadow', { 'anchor-horizontal-icon-left': horizontal === 'left' }, {
40403
- 'anchor-horizontal-icon-right': !menuPropsCopy.label && horizontal === 'right'
40404
- }, {
40405
- 'anchor-horizontal-label-right': menuPropsCopy.label && horizontal === 'right'
40406
- }, "dropdown-".concat(size), {
40407
- 'LuiHeaderMenuV2-dropdown-open': open
40408
- }, {
40409
- 'LuiHeaderMenuV2-dropdown-closed': open !== null && !open
40410
- }), "data-testid": 'dropdown', "aria-hidden": !open },
40411
- children,
40412
- ' '))));
40413
- };
40414
- var LuiDrawerMenuSectionV2 = function (props) {
40415
- return React__default["default"].createElement(LuiDrawerMenuSection, __assign$3({}, props));
40416
- };
40417
- var LuiDrawerMenuDividerV2 = function () {
40418
- return React__default["default"].createElement(LuiDrawerMenuDivider, null);
40419
- };
40420
-
40421
40261
  var lib = {exports: {}};
40422
40262
 
40423
40263
  var Modal$2 = {};
@@ -58150,34 +57990,6 @@ function LuiSideMenuItem(_a) {
58150
57990
  React__default["default"].createElement("span", { className: "navText" }, label))));
58151
57991
  }
58152
57992
 
58153
- var breakpoints = {
58154
- sm: 480,
58155
- md: 768,
58156
- lg: 1024,
58157
- xl: 1280,
58158
- xxl: 1600
58159
- };
58160
- var breakpointQuery = {
58161
- up: function (bp) { return "(min-width: ".concat(breakpoints[bp], "px)"); },
58162
- down: function (bp) { return "(max-width: ".concat(breakpoints[bp], "px)"); },
58163
- between: function (bp1, bp2) {
58164
- return "(min-width: ".concat(breakpoints[bp1], "px) and (max-width: ").concat(breakpoints[bp2], "px)");
58165
- }
58166
- };
58167
- var useMediaQuery = function (query) {
58168
- var _a = React$1.useState(false), matches = _a[0], setMatches = _a[1];
58169
- React$1.useEffect(function () {
58170
- var media = window.matchMedia(query);
58171
- if (media.matches !== matches) {
58172
- setMatches(media.matches);
58173
- }
58174
- var listener = function () { return setMatches(media.matches); };
58175
- window.addEventListener('resize', listener);
58176
- return function () { return window.removeEventListener('resize', listener); };
58177
- }, [matches, query]);
58178
- return matches;
58179
- };
58180
-
58181
57993
  exports.CheckboxItemRenderer = CheckboxItemRenderer;
58182
57994
  exports.FIRM_KEY = FIRM_KEY;
58183
57995
  exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
@@ -58210,21 +58022,14 @@ exports.LuiButtonGroup = LuiButtonGroup;
58210
58022
  exports.LuiCheckboxInput = LuiCheckboxInput;
58211
58023
  exports.LuiCloseableHeaderMenuContext = LuiCloseableHeaderMenuContext;
58212
58024
  exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
58213
- exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
58214
58025
  exports.LuiComboSelect = LuiComboSelect;
58215
58026
  exports.LuiControlledMenu = LuiControlledMenu;
58216
58027
  exports.LuiDrawerMenu = LuiDrawerMenu;
58217
58028
  exports.LuiDrawerMenuDivider = LuiDrawerMenuDivider;
58218
- exports.LuiDrawerMenuDividerV2 = LuiDrawerMenuDividerV2;
58219
58029
  exports.LuiDrawerMenuOption = LuiDrawerMenuOption;
58220
- exports.LuiDrawerMenuOptionV2 = LuiDrawerMenuOptionV2;
58221
58030
  exports.LuiDrawerMenuOptions = LuiDrawerMenuOptions;
58222
- exports.LuiDrawerMenuOptionsV2 = LuiDrawerMenuOptionsV2;
58223
58031
  exports.LuiDrawerMenuSection = LuiDrawerMenuSection;
58224
- exports.LuiDrawerMenuSectionV2 = LuiDrawerMenuSectionV2;
58225
- exports.LuiDrawerMenuV2 = LuiDrawerMenuV2;
58226
58032
  exports.LuiDropdownMenu = LuiDropdownMenu;
58227
- exports.LuiDropdownMenuV2 = LuiDropdownMenuV2;
58228
58033
  exports.LuiErrorPage = LuiErrorPage;
58229
58034
  exports.LuiExpandableBanner = LuiExpandableBanner;
58230
58035
  exports.LuiFileInputBox = LuiFileInputBox;
@@ -58244,8 +58049,6 @@ exports.LuiFormikSelect = LuiFormikSelect;
58244
58049
  exports.LuiFormikTextInput = LuiFormikTextInput;
58245
58050
  exports.LuiHeader = LuiHeader;
58246
58051
  exports.LuiHeaderMenuItem = LuiHeaderMenuItem;
58247
- exports.LuiHeaderMenuItemV2 = LuiHeaderMenuItemV2;
58248
- exports.LuiHeaderV2 = LuiHeaderV2;
58249
58052
  exports.LuiIcon = LuiIcon;
58250
58053
  exports.LuiListBox = LuiListBox;
58251
58054
  exports.LuiLoadingSpinner = LuiLoadingSpinner;
@@ -58285,14 +58088,11 @@ exports.LuiToastMessage = LuiToastMessage;
58285
58088
  exports.LuiTooltip = LuiTooltip;
58286
58089
  exports.LuiUpdatesSplashModal = LuiUpdatesSplashModal;
58287
58090
  exports.RadioItemRenderer = RadioItemRenderer;
58288
- exports.breakpointQuery = breakpointQuery;
58289
- exports.breakpoints = breakpoints;
58290
58091
  exports.getDefaultSearchMenuOptions = getDefaultSearchMenuOptions;
58291
58092
  exports.isChromatic = isChromatic;
58292
58093
  exports.useClickedOutsideElement = useClickedOutsideElement;
58293
58094
  exports.useLOLGlobalClientRefContext = useLOLGlobalClientRefContext;
58294
58095
  exports.useLOLUserContext = useLOLUserContext;
58295
58096
  exports.useLuiFloatingWindow = useFloatingWindow;
58296
- exports.useMediaQuery = useMediaQuery;
58297
58097
  exports.useShowLUIMessage = useShowLUIMessage;
58298
58098
  //# sourceMappingURL=index.js.map