@linzjs/lui 22.12.5 → 23.1.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/svg-content.d.ts +2 -2
- package/dist/components/LuiBadge/LuiBadge.d.ts +1 -1
- package/dist/components/LuiBanner/LuiBanner.d.ts +1 -1
- package/dist/components/LuiBannerV2/LuiBannerV2.d.ts +3 -3
- package/dist/components/LuiColourPicker/ColorBucket.d.ts +6 -0
- package/dist/components/LuiErrorPage/LuiErrorIllustration.d.ts +1 -1
- package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts +3 -3
- package/dist/components/LuiFilterMenu/LuiFilterMenu.d.ts +1 -1
- package/dist/components/LuiFormElements/LuiDateInput/DateInput.d.ts +2 -2
- package/dist/components/LuiFormElements/LuiDateInput/DateInputHelper.d.ts +1 -1
- package/dist/components/LuiFormElements/LuiDateInput/LuiDateInput.d.ts +1 -1
- package/dist/components/LuiFormElements/LuiMoneyInput/LuiMoneyInput.d.ts +2 -2
- package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.d.ts +1 -1
- package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.d.ts +2 -2
- package/dist/components/LuiHeader/LuiHeader.d.ts +1 -1
- package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts +2 -2
- package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts +3 -3
- package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts +5 -5
- package/dist/components/LuiIcon/LuiIcon.d.ts +3 -3
- package/dist/components/LuiListBox/LuiListBox.d.ts +4 -4
- package/dist/components/LuiModal/LuiAlertModalV2.d.ts +2 -2
- package/dist/components/LuiModal/LuiModalV2.d.ts +1 -1
- package/dist/components/LuiPagination/LuiPagination.d.ts +1 -1
- package/dist/components/LuiProgressBar/LuiProgressBar.d.ts +1 -1
- package/dist/components/LuiSelectMenu/LuiSelectDataMenu.d.ts +2 -2
- package/dist/components/LuiSelectMenu/LuiSelectMenu.d.ts +1 -1
- package/dist/components/LuiSideMenu/LuiSideMenuItem.d.ts +1 -1
- package/dist/components/LuiSidePanel/LuiSidePanelHelper.d.ts +1 -1
- package/dist/components/LuiTabs/LuiTabsPanel/LuiTabsPanel.d.ts +1 -1
- package/dist/components/LuiToastMessage/LuiToastMessage.d.ts +1 -1
- package/dist/components/LuiTooltip/LuiTooltip.d.ts +1 -1
- package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts +1 -1
- package/dist/components/Splitter/Control/Control.d.ts +2 -2
- package/dist/components/Splitter/Control/ControlIcon.d.ts +1 -1
- package/dist/components/Splitter/Separator/Separator.d.ts +1 -1
- package/dist/components/Splitter/Splitter.d.ts +9 -9
- package/dist/components/Splitter/Stories/RangeAsPx.d.ts +2 -2
- package/dist/components/Splitter/Stories/Section.d.ts +1 -1
- package/dist/components/Splitter/helpers/dataBoundary.d.ts +2 -2
- package/dist/components/Splitter/helpers/getKeyDownDeltaMove.d.ts +1 -1
- package/dist/components/Splitter/helpers/getSeparatorAttributes.d.ts +1 -1
- package/dist/components/Splitter/helpers/useForkRef.d.ts +1 -1
- package/dist/components/Toast/Helpers/ToastTypes.d.ts +6 -6
- package/dist/components/Toast/Helpers/useToastState.d.ts +1 -1
- package/dist/components/Toast/ToastBanner.d.ts +1 -1
- package/dist/components/Toast/Upgrade/LuiToastMessageCompatibleInterface.d.ts +1 -1
- package/dist/components/Toast/Upgrade/index.d.ts +4 -4
- package/dist/components/Toast/useToast.d.ts +2 -2
- package/dist/components/common/ResponsiveUtils.d.ts +2 -2
- package/dist/components/common/UseMediaQuery.d.ts +1 -1
- package/dist/contexts/LuiMessagingContextProvider.d.ts +2 -2
- package/dist/index.d.ts +0 -1
- package/dist/index.js +28 -24876
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +30 -24874
- package/dist/lui.esm.js.map +1 -1
- package/package.json +13 -19
- package/dist/components/LuiFloatingWindow/LuiFloatingWindow.d.ts +0 -28
- package/dist/components/LuiFloatingWindow/LuiFloatingWindowHeaders.d.ts +0 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
# [23.1.0](https://github.com/linz/lui/compare/v23.0.0...v23.1.0) (2025-06-23)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **ColorBucket:** implement colour bucket component ([#1229](https://github.com/linz/lui/issues/1229)) ([06df1b5](https://github.com/linz/lui/commit/06df1b59c71f716ce601f5e8707ca43b0676db68))
|
|
7
|
+
|
|
8
|
+
# [23.0.0](https://github.com/linz/lui/compare/v22.12.5...v23.0.0) (2025-06-22)
|
|
9
|
+
|
|
1
10
|
## [22.12.5](https://github.com/linz/lui/compare/v22.12.4...v22.12.5) (2025-06-11)
|
|
2
11
|
|
|
3
12
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_label' | 'ic_add_line' | 'ic_add_multiple' | 'ic_add_page' | 'ic_add_rectangle' | 'ic_add_rt_lines' | 'ic_add_to_csv' | 'ic_add_to_list' | 'ic_add_to_xml' | 'ic_added_to_list' | 'ic_adjustment' | 'ic_admin' | 'ic_advanced_user_search' | 'ic_alias' | 'ic_alias_unselected' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_auto_preval' | 'ic_auto_regenerate' | 'ic_balance_parcel' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_bug' | 'ic_c_report' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_capture_area' | 'ic_cart_view' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_close_list' | 'ic_closest_match' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_copy_titles_to_here' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_csv_file' | 'ic_data_display_threshold' | 'ic_data_display_threshold_high_urban' | 'ic_data_display_threshold_low_large_rural' | 'ic_data_display_threshold_medium_rural' | 'ic_dealings' | 'ic_deceased' | 'ic_deceased_fill' | 'ic_define_diagrams' | 'ic_define_nonprimary_diagram_circle' | 'ic_define_nonprimary_diagram_polygon' | 'ic_define_nonprimary_diagram_rectangle' | 'ic_define_primary_diagram_circle' | 'ic_define_primary_diagram_polygon' | 'ic_define_primary_diagram_rectangle' | 'ic_define_survey_diagram_circle' | 'ic_define_survey_diagram_polygon' | 'ic_define_survey_diagram_rectangle' | 'ic_delete_forever' | 'ic_delete_outline' | 'ic_delete_page' | 'ic_delete_solid' | 'ic_description' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_abuttal' | 'ic_draw_irregular_line' | 'ic_draw_rt_bdry' | 'ic_email' | 'ic_empty_circle' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_fast_forward' | 'ic_fast_forward_outline' | 'ic_feature_id' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_format_colour' | 'ic_format_lines_text' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_generate_title' | 'ic_grid_view' | 'ic_help_outline' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_into_sheet' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_label_diagrams' | 'ic_label_settings' | 'ic_labels_off' | 'ic_labels_on' | 'ic_land_record_search' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_layout_plan_sheets' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_arc_reverse' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_clear' | 'ic_list_notepad' | 'ic_list_view' | 'ic_lists_folder' | 'ic_locate' | 'ic_located_in_spatial' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_manage_labels' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_merge' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_multi_factor_authentication_mfa' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_new_work_item' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_notifications' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_opacity' | 'ic_open_diagrams' | 'ic_order_history' | 'ic_package' | 'ic_pan_map' | 'ic_pan_map_alt' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pdf_doc' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_perform_next_step_right' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plan_generation' | 'ic_plus_one' | 'ic_pointer_outlined' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_push_pin' | 'ic_push_pin_remove' | 'ic_read_only' | 'ic_redo' | 'ic_refresh' | 'ic_regenerate' | 'ic_regenerate_off' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_remove_from_sheet' | 'ic_renumber_page' | 'ic_request' | 'ic_requisitions' | 'ic_restart' | 'ic_restore' | 'ic_rotate_sheet' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_select_coordinates' | 'ic_select_diagram' | 'ic_select_label' | 'ic_select_line' | 'ic_select_rt_lines' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_split' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_checked' | 'ic_survey_data_extraction' | 'ic_survey_report' | 'ic_survey_sheet' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_text_match' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_title_sheet' | 'ic_toggle_off' | 'ic_toggle_on' | 'ic_tune_setting_configure' | 'ic_undo' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous' | 'ic_zoomin_snippet_circle' | 'ic_zoomin_snippet_polygon' | 'ic_zoomin_snippet_rectangle' | 'ic_zoomout_snippet_circle' | 'ic_zoomout_snippet_polygon' | 'ic_zoomout_snippet_rectangle';
|
|
3
|
+
type IconNameElementMap = {
|
|
4
4
|
[key in LuiIconName]?: React.ReactElement;
|
|
5
5
|
};
|
|
6
6
|
export declare const ICONS: IconNameElementMap;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import './LuiBannerV2.scss';
|
|
2
2
|
import { ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
type Button = ComponentPropsWithoutRef<'button'>;
|
|
5
|
+
type Dismiss = {
|
|
6
6
|
onDismiss: Button['onClick'];
|
|
7
7
|
dismissButtonProps?: Omit<Button, 'onClick'>;
|
|
8
8
|
} | {
|
|
9
9
|
onDismiss?: undefined;
|
|
10
10
|
dismissButtonProps?: never;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
type Props = {
|
|
13
13
|
level?: 'warning' | 'error' | 'info' | 'success';
|
|
14
14
|
} & Dismiss & ComponentPropsWithoutRef<'div'>;
|
|
15
15
|
export declare const LuiBannerV2: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type LuiErrorIllustrationType = 'hours' | 'maintenance' | 'denied' | 'notFound';
|
|
3
3
|
export declare const LuiErrorIllustration: React.FC<React.PropsWithChildren<{
|
|
4
4
|
type?: LuiErrorIllustrationType;
|
|
5
5
|
}>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
type OverflowType = 'hidden' | 'auto' | 'inherit' | 'overlay' | 'revert' | 'scroll' | 'unset' | 'visible';
|
|
3
|
+
type MaxHeight = 'none' | ' max-content' | 'min-content' | string | number;
|
|
4
|
+
type ContentMaxHeight = {
|
|
5
5
|
type: 'calculated';
|
|
6
6
|
} | {
|
|
7
7
|
type: 'fixed';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import '@szhsin/react-menu/dist/index.css';
|
|
3
|
-
|
|
3
|
+
type LuiFilterMenuProps = {
|
|
4
4
|
menuButton: (toggleMenu: () => void) => ReactNode;
|
|
5
5
|
filteredItems: SelectMenuItem[];
|
|
6
6
|
onItemClick: (itemId: string) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
type Input = JSX.IntrinsicElements['input'];
|
|
3
|
+
type Props = Omit<Input, 'pattern' | 'type' | 'placeholder'>;
|
|
4
4
|
export declare const DateInput: React.ForwardRefExoticComponent<Pick<Props, "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
|
|
5
5
|
export default DateInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
|
|
3
|
-
|
|
3
|
+
type Props = Omit<Parameters<typeof LuiTextInput>[0], 'as'>;
|
|
4
4
|
export declare const LuiDateInput: React.ForwardRefExoticComponent<Pick<Props, keyof import("../LuiTextInput/LuiTextInput").LuiTextInputProps | "key"> & React.RefAttributes<HTMLInputElement>>;
|
|
5
5
|
export {};
|
|
@@ -19,8 +19,8 @@ export declare class MoneyParser {
|
|
|
19
19
|
invert(): this;
|
|
20
20
|
formatOnChange(): this;
|
|
21
21
|
}
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
type LuiInputProps = React.ComponentPropsWithRef<typeof LuiTextInput>;
|
|
23
|
+
type Props = Omit<LuiInputProps, 'value'> & {
|
|
24
24
|
value?: number | null;
|
|
25
25
|
onNumberChange: ((value: number | null) => void) | null;
|
|
26
26
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { GroupBase, Props, SelectInstance, OptionProps } from 'react-select';
|
|
3
|
-
export
|
|
3
|
+
export type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Props<Option, IsMulti, Group>> & {
|
|
4
4
|
label: JSX.Element | string;
|
|
5
5
|
hideLabel?: boolean;
|
|
6
6
|
isCreateable?: boolean;
|
|
7
7
|
error?: string;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type LuiComboSelectOption = Partial<OptionProps> & {
|
|
10
10
|
label: string;
|
|
11
11
|
value: string;
|
|
12
12
|
};
|
|
@@ -26,14 +26,14 @@ declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
|
|
|
26
26
|
* @deprecated replaced by LuiDrawerMenuOptionV2
|
|
27
27
|
*/
|
|
28
28
|
declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
|
|
29
|
-
|
|
29
|
+
type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
|
|
30
30
|
hasStickyHeader?: boolean;
|
|
31
31
|
};
|
|
32
32
|
/**
|
|
33
33
|
* @deprecated replaced by LuiDrawerMenuV2
|
|
34
34
|
*/
|
|
35
35
|
declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
|
|
36
|
-
|
|
36
|
+
type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
|
|
37
37
|
/**
|
|
38
38
|
* @deprecated replaced by LuiDropdownMenuV2
|
|
39
39
|
*/
|
|
@@ -42,7 +42,7 @@ declare const LuiDrawerMenuOptionsV2: ({ children, }: {
|
|
|
42
42
|
children: ReactNode;
|
|
43
43
|
}) => JSX.Element;
|
|
44
44
|
declare const LuiDrawerMenuOptionV2: ({ icon, iconColor, label, badge, iconSize, closeMenuOnClick, onClick, url, }: LuiDrawerMenuOptionV2Props) => JSX.Element;
|
|
45
|
-
|
|
45
|
+
type LuiDrawerMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
|
|
46
46
|
hasStickyHeader?: boolean;
|
|
47
47
|
size?: Exclude<Size, 'xs'>;
|
|
48
48
|
type?: 'drawer' | 'dropdown';
|
|
@@ -57,7 +57,7 @@ declare const LuiDrawerMenuV2: ({ children, hasStickyHeader, size, type, ...menu
|
|
|
57
57
|
} & {
|
|
58
58
|
children: ReactNode;
|
|
59
59
|
}) => JSX.Element;
|
|
60
|
-
|
|
60
|
+
type LuiDropdownMenuV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
|
|
61
61
|
/**
|
|
62
62
|
* The anchor origin of dropdown, default to left
|
|
63
63
|
*/
|
|
@@ -89,7 +89,7 @@ declare const LuiDropdownMenuV2: (props: Omit<LuiHeaderMenuItemV2Props, "onClick
|
|
|
89
89
|
} & {
|
|
90
90
|
children: ReactNode;
|
|
91
91
|
}) => JSX.Element;
|
|
92
|
-
|
|
92
|
+
type LuiDrawerMenuSectionV2Props = {
|
|
93
93
|
/**
|
|
94
94
|
* Optional tile, displays a header if set
|
|
95
95
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { HeaderSize } from '../LuiHeader/LuiHeader';
|
|
3
3
|
import { IconSize } from '../LuiIcon/LuiIcon';
|
|
4
|
-
|
|
4
|
+
type LuiHeaderV2Props = {
|
|
5
5
|
headingText?: string;
|
|
6
6
|
size?: HeaderSize;
|
|
7
7
|
homeLink?: string | (() => void);
|
|
@@ -12,7 +12,7 @@ declare type LuiHeaderV2Props = {
|
|
|
12
12
|
declare const LuiHeaderV2: ({ headingText, size, homeLink, transparent, children, sticky, appMenu, }: LuiHeaderV2Props & {
|
|
13
13
|
children: ReactNode;
|
|
14
14
|
}) => JSX.Element;
|
|
15
|
-
|
|
15
|
+
type LuiHeaderMenuItemV2Props = {
|
|
16
16
|
/**
|
|
17
17
|
* LuiIcon name
|
|
18
18
|
*/
|
|
@@ -74,7 +74,7 @@ declare type LuiHeaderMenuItemV2Props = {
|
|
|
74
74
|
declare const LuiHeaderMenuItemV2: React.ForwardRefExoticComponent<LuiHeaderMenuItemV2Props & {
|
|
75
75
|
children?: ReactNode;
|
|
76
76
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
77
|
-
export
|
|
77
|
+
export type LuiCloseableHeaderMenuContextType = {
|
|
78
78
|
isOpen: boolean;
|
|
79
79
|
toggle: () => void;
|
|
80
80
|
open: () => void;
|
|
@@ -82,7 +82,7 @@ export declare type LuiCloseableHeaderMenuContextType = {
|
|
|
82
82
|
};
|
|
83
83
|
export declare const LuiCloseableHeaderMenuContextV2: React.Context<LuiCloseableHeaderMenuContextType>;
|
|
84
84
|
declare const useLuiCloseableHeaderMenuContextV2: () => LuiCloseableHeaderMenuContextType;
|
|
85
|
-
|
|
85
|
+
type LuiCloseableHeaderMenuItemV2Props = Omit<LuiHeaderMenuItemV2Props, 'onClick' | 'isSelected'> & {
|
|
86
86
|
menuControls: {
|
|
87
87
|
isOpen: boolean;
|
|
88
88
|
toggle: () => void;
|
|
@@ -98,7 +98,7 @@ declare const LuiCloseableHeaderMenuItemV2: ({ children, menuControls, ...props
|
|
|
98
98
|
} & {
|
|
99
99
|
children?: ReactNode;
|
|
100
100
|
}) => JSX.Element;
|
|
101
|
-
|
|
101
|
+
type LuiMenuCloseButtonV2Props = {
|
|
102
102
|
'data-testid'?: string;
|
|
103
103
|
hide?: boolean;
|
|
104
104
|
icon?: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ICONS } from '../../assets/svg-content';
|
|
2
2
|
import React, { InputHTMLAttributes } from 'react';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type IconSize = keyof typeof ICON_SIZES;
|
|
4
|
+
export type IconStatus = keyof typeof ICON_STATUS;
|
|
5
|
+
export type IconName = keyof typeof ICONS;
|
|
6
6
|
export interface LuiIconProps {
|
|
7
7
|
/**
|
|
8
8
|
* The `ic_string` name
|
|
@@ -3,9 +3,9 @@ import 'react-loading-skeleton/dist/skeleton.css';
|
|
|
3
3
|
import { HTMLAttributes, Key, ReactNode, MutableRefObject } from 'react';
|
|
4
4
|
import { SelectionBehavior, SelectionMode } from '@react-types/shared';
|
|
5
5
|
import { AriaListBoxOptions } from '@react-aria/listbox';
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
6
|
+
export type KeyGetter<T> = (item: T) => Key;
|
|
7
|
+
export type GroupGetter<T> = (item: T) => string | null;
|
|
8
|
+
export type LabelGetter<T> = (item: T) => string;
|
|
9
9
|
export interface ILuiListItemNode<T> {
|
|
10
10
|
key: Key;
|
|
11
11
|
textValue: string;
|
|
@@ -50,7 +50,7 @@ export interface ILuiListBoxHandle {
|
|
|
50
50
|
focusFirstItem: () => void;
|
|
51
51
|
selectFirstItem: () => void;
|
|
52
52
|
}
|
|
53
|
-
|
|
53
|
+
type ForwardedRef<T> = ((instance: T | null) => void) | MutableRefObject<T | null> | null;
|
|
54
54
|
export declare const LuiListBox: <T extends object = ILuiListBoxItem>(props: ILuiListBoxProps<T> & {
|
|
55
55
|
ref?: ForwardedRef<ILuiListBoxHandle> | undefined;
|
|
56
56
|
}) => ReturnType<typeof LuiListBoxWithRef>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { LuiModalV2Props } from './LuiModalV2';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type LuiAlertModalLevel = 'success' | 'info' | 'warning' | 'error';
|
|
4
|
+
export type LuiAlertModalV2Props = Omit<LuiModalV2Props, 'headingIcon'> & {
|
|
5
5
|
level: LuiAlertModalLevel;
|
|
6
6
|
};
|
|
7
7
|
export declare const LuiAlertModalV2: FC<PropsWithChildren<LuiAlertModalV2Props>>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { MenuHeaderProps } from '@szhsin/react-menu';
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export type MenuItemType = {
|
|
4
4
|
[key: string]: any;
|
|
5
5
|
};
|
|
6
|
-
export
|
|
6
|
+
export type MenuItemGroupType = {
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
};
|
|
9
9
|
export interface ILuiSelectMenuProps {
|
|
@@ -13,7 +13,7 @@ export interface ILuiSelectMenuItemProps extends MenuItemProps {
|
|
|
13
13
|
}
|
|
14
14
|
export declare const LuiSelectMenu: ({ ...props }: MenuProps) => JSX.Element;
|
|
15
15
|
export declare const LuiSelectMenuItem: ({ iconName, iconAlt, level, noPadding, loading, ...rest }: ILuiSelectMenuItemProps) => JSX.Element;
|
|
16
|
-
export
|
|
16
|
+
export type LuiSelectMenuItemSwitchProps = Omit<ILuiSelectMenuItemProps, 'iconName' | 'iconAlt'> & {
|
|
17
17
|
checked?: boolean;
|
|
18
18
|
};
|
|
19
19
|
export declare const LuiSelectMenuItemSwitch: ({ checked, children, className, ...props }: LuiSelectMenuItemSwitchProps) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type LuiMenuItemClickHandler = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
3
3
|
export interface ILuiSideMenuItemProps {
|
|
4
4
|
icon: string;
|
|
5
5
|
to: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type ILuiToastMessageLevels = 'success' | 'info' | 'warning' | 'error';
|
|
3
3
|
interface ILuiToastMessageProps {
|
|
4
4
|
/** "success" | "info" | "warning" | "error" */
|
|
5
5
|
level: ILuiToastMessageLevels;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef } from 'react';
|
|
2
2
|
import { LuiButton } from '../../LuiButton/LuiButton';
|
|
3
3
|
import './Control.scss';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
type ButtonProps = Partial<ComponentPropsWithRef<typeof LuiButton>>;
|
|
5
|
+
type Props = {
|
|
6
6
|
side: 'primary' | 'secondary';
|
|
7
7
|
} & ButtonProps;
|
|
8
8
|
export declare const Control: React.ForwardRefExoticComponent<Pick<Props, "href" | "openInNewTab" | "level" | "type" | "size" | "disabled" | "style" | "onClick" | "name" | "title" | "data-testid" | "className" | "buttonProps" | "children" | "key" | "side"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './Separator.scss';
|
|
2
2
|
import React, { ComponentProps } from 'react';
|
|
3
3
|
import { Splitter } from '../Splitter';
|
|
4
|
-
|
|
4
|
+
type Parts = NonNullable<ComponentProps<typeof Splitter>['parts']>['controls'];
|
|
5
5
|
export declare const Separator: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
|
|
6
6
|
parts?: Parts;
|
|
7
7
|
ratio?: number | undefined;
|
|
@@ -2,29 +2,29 @@ import React, { ComponentPropsWithRef } from 'react';
|
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
3
|
import './Splitter.scss';
|
|
4
4
|
import { LuiButton } from '../LuiButton/LuiButton';
|
|
5
|
-
|
|
5
|
+
type ButtonProps = Omit<ComponentPropsWithRef<typeof LuiButton>, 'children'> & {
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
|
|
8
|
+
type BoundaryPx = {
|
|
9
9
|
min?: `${number}px`;
|
|
10
10
|
max?: `${number}px`;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
type BoundaryNum = {
|
|
13
13
|
min?: number;
|
|
14
14
|
max?: number;
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
type BoundaryProps = BoundaryPx | BoundaryNum;
|
|
17
|
+
type Start = number | '1st-collapsed' | '2nd-collapsed';
|
|
18
|
+
type Controlled = {
|
|
19
19
|
ratio?: number;
|
|
20
20
|
startAt?: never;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
type Uncontrolled = {
|
|
23
23
|
ratio?: never;
|
|
24
24
|
startAt?: Start;
|
|
25
25
|
};
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
type RatioProps = Controlled | Uncontrolled;
|
|
27
|
+
type Props = {
|
|
28
28
|
onResized?: (ratio: number) => void;
|
|
29
29
|
orientation?: 'horizontal' | 'vertical';
|
|
30
30
|
parts?: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { Splitter } from '../Splitter';
|
|
3
3
|
import './RangeAsPx.scss';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
type SplitterProps = ComponentProps<typeof Splitter>;
|
|
5
|
+
type PixelProps = SplitterProps & {
|
|
6
6
|
unit?: '%' | 'px';
|
|
7
7
|
};
|
|
8
8
|
export declare const RangeAsPx: ({ unit, ...rest }: PixelProps) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
type SectionProps = JSX.IntrinsicElements['section'];
|
|
3
3
|
export declare const HorizontalSection: (props: SectionProps) => JSX.Element;
|
|
4
4
|
export declare const VerticalSection: (props: SectionProps) => JSX.Element;
|
|
5
5
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { Splitter } from '../Splitter';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type Props = Pick<ComponentProps<typeof Splitter>, 'min' | 'max'>;
|
|
4
|
+
type Result = 'keep-secondary' | 'keep-primary' | 'keep-both';
|
|
5
5
|
/**
|
|
6
6
|
* Given boundaries passed as prop, it defines how the grid column/row template will be arranged.
|
|
7
7
|
* and whether the separator will be positioned using right or left absolute values (top or bottom for horizontal).
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
type Event = Pick<React.KeyboardEvent<HTMLDivElement>, 'currentTarget' | 'key' | 'ctrlKey' | 'shiftKey' | 'metaKey' | 'altKey'>;
|
|
3
3
|
/**
|
|
4
4
|
* Gets the delta % the separator should move based on key down.
|
|
5
5
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
type ForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
|
|
3
3
|
export declare const useForkRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T>;
|
|
4
4
|
export {};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
export
|
|
2
|
+
type VerticalSide = 'top' | 'bottom';
|
|
3
|
+
type HorizontalSide = 'Left' | 'Center' | 'Right';
|
|
4
|
+
export type ToastPosition = `${VerticalSide}${HorizontalSide}`;
|
|
5
|
+
export type ToastNode = ReactNode | ((e: {
|
|
6
6
|
close: () => void;
|
|
7
7
|
}) => ReactNode);
|
|
8
|
-
export
|
|
8
|
+
export type ToastOptions = {
|
|
9
9
|
timeout?: number;
|
|
10
10
|
position?: ToastPosition;
|
|
11
11
|
onLeave?: (id: number) => void;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type ToastAction = {
|
|
14
14
|
type: 'add';
|
|
15
15
|
notification: ToastNode;
|
|
16
16
|
options?: ToastOptions;
|