@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 +9 -0
- package/dist/assets/icons/settings.svg +1 -0
- package/dist/assets/svg-content.d.ts +1 -1
- package/dist/assets/svg-content.tsx +7 -0
- package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts +1 -0
- package/dist/components/LuiHeader/LuiHeader.d.ts +0 -8
- package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts +0 -12
- package/dist/components/common/StorybookSupport.d.ts +1 -1
- package/dist/index.d.ts +0 -3
- package/dist/index.js +3 -203
- package/dist/index.js.map +1 -1
- package/dist/lui.css +12 -337
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +4 -192
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +14 -2
- package/dist/scss/base.scss +0 -2
- package/package.json +3 -4
- package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts +0 -60
- package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts +0 -19
- package/dist/components/common/UseMediaQuery.d.ts +0 -9
- package/dist/scss/Components/HeaderV2/header-v2.scss +0 -238
- package/dist/scss/Components/MenuV2/menu-v2.scss +0 -172
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: (
|
|
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
|