@linzjs/lui 24.20.0 → 26.0.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.
Files changed (147) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/assets/svg-content.d.ts +7 -7
  3. package/dist/components/Drawer/Drawer.d.ts +45 -45
  4. package/dist/components/Drawer/DrawerContext.d.ts +6 -7
  5. package/dist/components/Drawer/DrawerGlobal.d.ts +12 -12
  6. package/dist/components/Drawer/DrawerGlobalContext.d.ts +14 -14
  7. package/dist/components/Drawer/utils.d.ts +7 -7
  8. package/dist/components/LuiAccordicard/LuiAccordicard.d.ts +9 -9
  9. package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts +9 -9
  10. package/dist/components/LuiAccordion/LuiAccordion.d.ts +12 -12
  11. package/dist/components/LuiBadge/LuiBadge.d.ts +12 -12
  12. package/dist/components/LuiBanner/LuiBanner.d.ts +10 -10
  13. package/dist/components/LuiBannerV2/LuiBannerV2.d.ts +22 -22
  14. package/dist/components/LuiBearingInput/LuiBearingInput.d.ts +16 -16
  15. package/dist/components/LuiButton/LuiButton.d.ts +44 -44
  16. package/dist/components/LuiColourPicker/ColorBucket.d.ts +6 -6
  17. package/dist/components/LuiColourPicker/ColorInput.d.ts +9 -9
  18. package/dist/components/LuiColourPicker/ColorPalette.d.ts +14 -14
  19. package/dist/components/LuiColourPicker/ColourPaletteConstants.d.ts +8 -8
  20. package/dist/components/LuiCommonInputProps.d.ts +5 -5
  21. package/dist/components/LuiCounter/LuiCounter.d.ts +8 -8
  22. package/dist/components/LuiError/LuiError.d.ts +8 -8
  23. package/dist/components/LuiErrorPage/LuiErrorIllustration.d.ts +5 -5
  24. package/dist/components/LuiErrorPage/LuiErrorPage.d.ts +9 -9
  25. package/dist/components/LuiErrorPanel/LuiErrorPanel.d.ts +23 -23
  26. package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts +19 -19
  27. package/dist/components/LuiFilterContainer/LuiFilterContainer.d.ts +14 -14
  28. package/dist/components/LuiFilterMenu/LuiFilterMenu.d.ts +16 -16
  29. package/dist/components/LuiFooter/LuiAppFooterSml.d.ts +13 -13
  30. package/dist/components/LuiFooter/LuiFooter.d.ts +12 -12
  31. package/dist/components/LuiFormElements/ClearableLuiTextInput/ClearableLuiTextInput.d.ts +14 -14
  32. package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.d.ts +16 -16
  33. package/dist/components/LuiFormElements/LuiComboSelect/LuiComboSelect.d.ts +27 -27
  34. package/dist/components/LuiFormElements/LuiDateInput/DateInput.d.ts +5 -5
  35. package/dist/components/LuiFormElements/LuiDateInput/DateInputHelper.d.ts +6 -6
  36. package/dist/components/LuiFormElements/LuiDateInput/FireDateChange.d.ts +1 -1
  37. package/dist/components/LuiFormElements/LuiDateInput/LuiDateInput.d.ts +5 -5
  38. package/dist/components/LuiFormElements/LuiFileInputBox/LuiFileInputBox.d.ts +36 -36
  39. package/dist/components/LuiFormElements/LuiMoneyInput/LuiMoneyInput.d.ts +28 -28
  40. package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.d.ts +15 -15
  41. package/dist/components/LuiFormElements/LuiSelectInput/LuiSelectInput.d.ts +20 -20
  42. package/dist/components/LuiFormElements/LuiTextAreaInput/LuiAutoExpandTextAreaInput.d.ts +3 -3
  43. package/dist/components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.d.ts +12 -12
  44. package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts +23 -23
  45. package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.d.ts +7 -7
  46. package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.d.ts +6 -6
  47. package/dist/components/LuiHeader/LuiHeader.d.ts +72 -72
  48. package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts +51 -51
  49. package/dist/components/LuiHeaderMenuV2/LuiHeaderMenusV2.d.ts +87 -102
  50. package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts +103 -109
  51. package/dist/components/LuiIcon/LuiIcon.d.ts +35 -35
  52. package/dist/components/LuiListBox/LuiListBox.d.ts +59 -59
  53. package/dist/components/LuiListBox/LuiListBoxGroup.d.ts +10 -10
  54. package/dist/components/LuiListBox/LuiListBoxItem.d.ts +10 -10
  55. package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.d.ts +4 -4
  56. package/dist/components/LuiListBox/Renderers/RadioItemRenderer.d.ts +4 -4
  57. package/dist/components/LuiListBox/useLuiListBox.d.ts +3 -3
  58. package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.d.ts +16 -16
  59. package/dist/components/LuiLoadingSpinner/LuiLottieLight.d.ts +14 -14
  60. package/dist/components/LuiMenu/LuiMenu.d.ts +12 -12
  61. package/dist/components/LuiMenuTrigger/LuiMenuTrigger.d.ts +5 -5
  62. package/dist/components/LuiModal/LuiAlertModalV2.d.ts +7 -7
  63. package/dist/components/LuiModal/LuiModal.d.ts +40 -40
  64. package/dist/components/LuiModal/LuiModalContext.d.ts +6 -0
  65. package/dist/components/LuiModal/LuiModalV2.d.ts +36 -36
  66. package/dist/components/LuiMultiSwitch/LuiMultiSwitch.d.ts +23 -23
  67. package/dist/components/LuiMultiSwitch/LuiMultiSwitch.examples.d.ts +4 -4
  68. package/dist/components/LuiPagination/LuiPagination.d.ts +23 -23
  69. package/dist/components/LuiProgressBar/LuiProgressBar.d.ts +9 -9
  70. package/dist/components/LuiResizableLayout/LuiResizableLayout.d.ts +25 -25
  71. package/dist/components/LuiSearchBox/LuiSearchBox.d.ts +41 -41
  72. package/dist/components/LuiSearchInput/LuiPassiveSearchInput.d.ts +28 -28
  73. package/dist/components/LuiSearchInput/LuiSearchInput.d.ts +38 -38
  74. package/dist/components/LuiSearchInput/ResultsDisplay.d.ts +23 -23
  75. package/dist/components/LuiSelectMenu/LuiSelectDataMenu.d.ts +15 -15
  76. package/dist/components/LuiSelectMenu/LuiSelectMenu.d.ts +25 -25
  77. package/dist/components/LuiShadow/LuiShadow.d.ts +6 -6
  78. package/dist/components/LuiSideMenu/LuiSideMenu.d.ts +5 -5
  79. package/dist/components/LuiSideMenu/LuiSideMenuItem.d.ts +11 -11
  80. package/dist/components/LuiSidePanel/LuiSidePanel.d.ts +9 -9
  81. package/dist/components/LuiSidePanel/LuiSidePanelHelper.d.ts +7 -7
  82. package/dist/components/LuiSideToolbar/LuiSideToolbar.d.ts +11 -11
  83. package/dist/components/LuiSideToolbar/ToolbarButton.d.ts +21 -21
  84. package/dist/components/LuiSideToolbar/ToolbarIcon.d.ts +13 -13
  85. package/dist/components/LuiSideToolbar/ToolbarItem.d.ts +17 -17
  86. package/dist/components/LuiSplitButton/LuiSplitButton.d.ts +30 -30
  87. package/dist/components/LuiStaticMessage/LuiStaticMessage.d.ts +10 -10
  88. package/dist/components/LuiSwitchButton/LuiSwitchButton.d.ts +8 -8
  89. package/dist/components/LuiTabs/LuiTab/LuiTab.d.ts +13 -13
  90. package/dist/components/LuiTabs/LuiTabs.d.ts +10 -10
  91. package/dist/components/LuiTabs/LuiTabsGroup/LuiTabsGroup.d.ts +5 -5
  92. package/dist/components/LuiTabs/LuiTabsPanel/LuiTabsPanel.d.ts +8 -8
  93. package/dist/components/LuiTabs/LuiTabsPanelSwitch/LuiTabsPanelSwitch.d.ts +8 -8
  94. package/dist/components/LuiToastMessage/LuiToastMessage.d.ts +20 -20
  95. package/dist/components/LuiTooltip/LuiTooltip.d.ts +16 -16
  96. package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts +27 -27
  97. package/dist/components/Splitter/Control/Control.d.ts +9 -9
  98. package/dist/components/Splitter/Control/ControlIcon.d.ts +7 -7
  99. package/dist/components/Splitter/Separator/Separator.d.ts +11 -11
  100. package/dist/components/Splitter/Splitter.d.ts +44 -44
  101. package/dist/components/Splitter/Stories/RangeAsPx.d.ts +9 -9
  102. package/dist/components/Splitter/Stories/Section.d.ts +5 -3
  103. package/dist/components/Splitter/helpers/clampSeparator.d.ts +10 -10
  104. package/dist/components/Splitter/helpers/dataBoundary.d.ts +18 -18
  105. package/dist/components/Splitter/helpers/getGridTemplate.d.ts +14 -14
  106. package/dist/components/Splitter/helpers/getKeyDownDeltaMove.d.ts +6 -7
  107. package/dist/components/Splitter/helpers/getSeparatorAttributes.d.ts +27 -27
  108. package/dist/components/Splitter/helpers/getSeparatorPosition.d.ts +7 -7
  109. package/dist/components/Splitter/helpers/transition.d.ts +5 -5
  110. package/dist/components/Splitter/helpers/useForkRef.d.ts +3 -4
  111. package/dist/components/Splitter/helpers/useMoveSeparator.d.ts +11 -11
  112. package/dist/components/Splitter/helpers/useShowSeparator.d.ts +7 -7
  113. package/dist/components/Splitter/helpers/useValueSeparator.d.ts +15 -15
  114. package/dist/components/Splitter/helpers/useValueSeparatorEffects.d.ts +5 -5
  115. package/dist/components/Splitter/useSplitterRef.d.ts +5 -5
  116. package/dist/components/Toast/Helpers/ToastSection.d.ts +9 -9
  117. package/dist/components/Toast/Helpers/ToastTypes.d.ts +35 -35
  118. package/dist/components/Toast/Helpers/getToastProviderEl.d.ts +15 -15
  119. package/dist/components/Toast/Helpers/toastUsage.d.ts +2 -2
  120. package/dist/components/Toast/Helpers/useToastState.d.ts +20 -21
  121. package/dist/components/Toast/ToastBanner.d.ts +6 -6
  122. package/dist/components/Toast/ToastProvider.d.ts +10 -10
  123. package/dist/components/Toast/Upgrade/LuiToastMessageCompatibleInterface.d.ts +5 -5
  124. package/dist/components/Toast/Upgrade/ToastVersion.d.ts +2 -3
  125. package/dist/components/Toast/Upgrade/index.d.ts +39 -39
  126. package/dist/components/Toast/Upgrade/observeOlderToasts.d.ts +6 -6
  127. package/dist/components/Toast/Upgrade/useShowLUIMessageCompatibleInterface.d.ts +5 -5
  128. package/dist/components/Toast/index.d.ts +2 -2
  129. package/dist/components/Toast/useToast.d.ts +43 -43
  130. package/dist/components/common/Hooks.d.ts +32 -32
  131. package/dist/components/common/ResponsiveUtils.d.ts +7 -7
  132. package/dist/components/common/StorybookSupport.d.ts +6 -6
  133. package/dist/components/common/UseMediaQuery.d.ts +9 -9
  134. package/dist/contexts/LuiFilterCharactersProvider.d.ts +12 -12
  135. package/dist/contexts/LuiMessagingContextProvider.d.ts +14 -14
  136. package/dist/fonts.d.ts +10 -10
  137. package/dist/functions/LinzFreeTextFilter.d.ts +14 -14
  138. package/dist/functions/LinzFreeTextValidator.d.ts +2 -2
  139. package/dist/hooks/index.d.ts +1 -1
  140. package/dist/hooks/useClickedOutsideElement.d.ts +14 -14
  141. package/dist/hooks/useDeprecatedWarning.d.ts +1 -1
  142. package/dist/index.d.ts +92 -92
  143. package/dist/index.js +10914 -9556
  144. package/dist/index.js.map +1 -1
  145. package/dist/lui.esm.js +10914 -9556
  146. package/dist/lui.esm.js.map +1 -1
  147. package/package.json +74 -62
@@ -1,8 +1,8 @@
1
- export declare const defaultColours: Array<{
2
- color: string;
3
- description: string;
4
- }>;
5
- export declare const customColoursOne: Array<{
6
- color: string;
7
- description: string;
8
- }>;
1
+ export declare const defaultColours: Array<{
2
+ color: string;
3
+ description: string;
4
+ }>;
5
+ export declare const customColoursOne: Array<{
6
+ color: string;
7
+ description: string;
8
+ }>;
@@ -1,5 +1,5 @@
1
- export interface LuiCommonInputProps {
2
- inputProps?: object;
3
- required?: boolean;
4
- disabled?: boolean;
5
- }
1
+ export interface LuiCommonInputProps {
2
+ inputProps?: object;
3
+ required?: boolean;
4
+ disabled?: boolean;
5
+ }
@@ -1,8 +1,8 @@
1
- import React from 'react';
2
- import './LuiCounter.scss';
3
- export declare const LuiCounter: React.ForwardRefExoticComponent<{
4
- selectedNum: number;
5
- totalNum: number;
6
- shape?: "rect" | "circle" | undefined;
7
- countZero?: boolean | undefined;
8
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1
+ import React from 'react';
2
+ import './LuiCounter.scss';
3
+ export declare const LuiCounter: React.ForwardRefExoticComponent<{
4
+ selectedNum: number;
5
+ totalNum: number;
6
+ shape?: "rect" | "circle";
7
+ countZero?: boolean;
8
+ } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,8 +1,8 @@
1
- import React from 'react';
2
- import '../../scss/Components/LuiError/LuiError.scss';
3
- interface ILuiError {
4
- error?: string | boolean;
5
- className: string;
6
- }
7
- export declare const LuiError: ({ error, className }: ILuiError) => React.JSX.Element;
8
- export {};
1
+ import React from 'react';
2
+ import '../../scss/Components/LuiError/LuiError.scss';
3
+ interface ILuiError {
4
+ error?: string | boolean;
5
+ className: string;
6
+ }
7
+ export declare const LuiError: ({ error, className }: ILuiError) => React.JSX.Element;
8
+ export {};
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- export type LuiErrorIllustrationType = 'hours' | 'maintenance' | 'denied' | 'notFound';
3
- export declare const LuiErrorIllustration: React.FC<React.PropsWithChildren<{
4
- type?: LuiErrorIllustrationType;
5
- }>>;
1
+ import React from 'react';
2
+ export type LuiErrorIllustrationType = 'hours' | 'maintenance' | 'denied' | 'notFound';
3
+ export declare const LuiErrorIllustration: React.FC<React.PropsWithChildren<{
4
+ type?: LuiErrorIllustrationType;
5
+ }>>;
@@ -1,9 +1,9 @@
1
- import React from 'react';
2
- import { LuiErrorIllustrationType } from './LuiErrorIllustration';
3
- export declare const LuiErrorPage: React.FC<React.PropsWithChildren<{
4
- header?: React.ReactElement;
5
- footer?: React.ReactElement;
6
- content?: React.ReactElement;
7
- illustration?: React.ReactElement;
8
- type?: LuiErrorIllustrationType;
9
- }>>;
1
+ import React from 'react';
2
+ import { LuiErrorIllustrationType } from './LuiErrorIllustration';
3
+ export declare const LuiErrorPage: React.FC<React.PropsWithChildren<{
4
+ header?: React.ReactElement;
5
+ footer?: React.ReactElement;
6
+ content?: React.ReactElement;
7
+ illustration?: React.ReactElement;
8
+ type?: LuiErrorIllustrationType;
9
+ }>>;
@@ -1,24 +1,24 @@
1
- import React from 'react';
2
- import './LuiErrorPanel.scss';
3
- interface ErrorHeadingDetails {
4
- title: string;
5
- description?: string;
6
- }
7
- interface LuiErrorPanelProps {
8
- panelName?: string;
9
- headingDetails: ErrorHeadingDetails;
10
- fixes?: string[];
11
- actions?: React.ReactNode;
12
- subtext?: React.ReactNode;
13
- children?: React.ReactNode;
14
- }
15
- /**
16
- * @description Non-blocking error panel for use with error boundaries.
1
+ import React from 'react';
2
+ import './LuiErrorPanel.scss';
3
+ interface ErrorHeadingDetails {
4
+ title: string;
5
+ description?: string;
6
+ }
7
+ interface LuiErrorPanelProps {
8
+ panelName?: string;
9
+ headingDetails: ErrorHeadingDetails;
10
+ fixes?: string[];
11
+ actions?: React.ReactNode;
12
+ subtext?: React.ReactNode;
13
+ children?: React.ReactNode;
14
+ }
15
+ /**
16
+ * @description Non-blocking error panel for use with error boundaries.
17
17
 
18
- * @param headingDetails - Title and description of the error
19
- * @param fixes - Optional bullet point list of potential fixes.
20
- * @param actions - Optional insert for actionable buttons
21
- * @param subtext - Optional additional information
22
- */
23
- export declare const LuiErrorPanel: React.ForwardRefExoticComponent<LuiErrorPanelProps & React.RefAttributes<HTMLDivElement>>;
24
- export {};
18
+ * @param headingDetails - Title and description of the error
19
+ * @param fixes - Optional bullet point list of potential fixes.
20
+ * @param actions - Optional insert for actionable buttons
21
+ * @param subtext - Optional additional information
22
+ */
23
+ export declare const LuiErrorPanel: React.ForwardRefExoticComponent<LuiErrorPanelProps & React.RefAttributes<HTMLDivElement>>;
24
+ export {};
@@ -1,19 +1,19 @@
1
- import React, { ReactNode } from 'react';
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
- type: 'calculated';
6
- } | {
7
- type: 'fixed';
8
- maxHeight: MaxHeight;
9
- };
10
- export interface Expandable {
11
- className?: string;
12
- label: ReactNode;
13
- labelPrefix?: ReactNode;
14
- start?: 'collapsed' | 'expanded';
15
- expandedOverflow?: OverflowType;
16
- contentMaxHeight?: ContentMaxHeight;
17
- }
18
- export declare const LuiExpandableBanner: React.FC<React.PropsWithChildren<Expandable>>;
19
- export {};
1
+ import React, { ReactNode } from 'react';
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
+ type: 'calculated';
6
+ } | {
7
+ type: 'fixed';
8
+ maxHeight: MaxHeight;
9
+ };
10
+ export interface Expandable {
11
+ className?: string;
12
+ label: ReactNode;
13
+ labelPrefix?: ReactNode;
14
+ start?: 'collapsed' | 'expanded';
15
+ expandedOverflow?: OverflowType;
16
+ contentMaxHeight?: ContentMaxHeight;
17
+ }
18
+ export declare const LuiExpandableBanner: React.FC<React.PropsWithChildren<Expandable>>;
19
+ export {};
@@ -1,14 +1,14 @@
1
- import { JSX } from 'react';
2
- export interface IFilterProperties<T> {
3
- showFilter?: boolean;
4
- isFilterClearable?: boolean;
5
- filterFunction: (input: string) => T[];
6
- renderFunction: (filteredOptions: T[]) => JSX.Element;
7
- }
8
- /**
9
- * Filters options and forwards to internal render function.
10
- * has option for minimum elements to filter
11
- * @param props
12
- * @constructor
13
- */
14
- export declare const LuiFilterContainer: (props: IFilterProperties<any>) => JSX.Element;
1
+ import { JSX } from 'react';
2
+ export interface IFilterProperties<T> {
3
+ showFilter?: boolean;
4
+ isFilterClearable?: boolean;
5
+ filterFunction: (input: string) => T[];
6
+ renderFunction: (filteredOptions: T[]) => JSX.Element;
7
+ }
8
+ /**
9
+ * Filters options and forwards to internal render function.
10
+ * has option for minimum elements to filter
11
+ * @param props
12
+ * @constructor
13
+ */
14
+ export declare const LuiFilterContainer: (props: IFilterProperties<any>) => JSX.Element;
@@ -1,16 +1,16 @@
1
- import React, { ReactNode } from 'react';
2
- import '@szhsin/react-menu/dist/index.css';
3
- type LuiFilterMenuProps = {
4
- menuButton: (toggleMenu: () => void) => ReactNode;
5
- filteredItems: SelectMenuItem[];
6
- onItemClick: (itemId: string) => void;
7
- maxRows?: number;
8
- enabled?: boolean;
9
- };
10
- interface SelectMenuItem {
11
- id: string;
12
- display: string;
13
- specialType?: 'div' | 'head';
14
- }
15
- export declare const LuiFilterMenu: (props: LuiFilterMenuProps) => React.JSX.Element;
16
- export {};
1
+ import React, { ReactNode } from 'react';
2
+ import '@szhsin/react-menu/dist/index.css';
3
+ type LuiFilterMenuProps = {
4
+ menuButton: (toggleMenu: () => void) => ReactNode;
5
+ filteredItems: SelectMenuItem[];
6
+ onItemClick: (itemId: string) => void;
7
+ maxRows?: number;
8
+ enabled?: boolean;
9
+ };
10
+ interface SelectMenuItem {
11
+ id: string;
12
+ display: string;
13
+ specialType?: 'div' | 'head';
14
+ }
15
+ export declare const LuiFilterMenu: (props: LuiFilterMenuProps) => React.JSX.Element;
16
+ export {};
@@ -1,13 +1,13 @@
1
- import React from 'react';
2
- interface AppFooterSmlProps {
3
- className?: string;
4
- contactUs?: string;
5
- disclaimer?: string;
6
- privacy?: string;
7
- footerLinkName1?: string;
8
- footerLinkUrl1?: string;
9
- footerLinkName2?: string;
10
- footerLinkUrl2?: string;
11
- }
12
- export declare const LuiAppFooterSml: React.FC<React.PropsWithChildren<AppFooterSmlProps>>;
13
- export {};
1
+ import React from 'react';
2
+ interface AppFooterSmlProps {
3
+ className?: string;
4
+ contactUs?: string;
5
+ disclaimer?: string;
6
+ privacy?: string;
7
+ footerLinkName1?: string;
8
+ footerLinkUrl1?: string;
9
+ footerLinkName2?: string;
10
+ footerLinkUrl2?: string;
11
+ }
12
+ export declare const LuiAppFooterSml: React.FC<React.PropsWithChildren<AppFooterSmlProps>>;
13
+ export {};
@@ -1,12 +1,12 @@
1
- import React from 'react';
2
- interface FooterProps {
3
- className?: string;
4
- footerText: string;
5
- contactNumber?: string;
6
- contactEmail?: string;
7
- helpDocumentationUrl?: string;
8
- feedbackFormUrl?: string;
9
- brandingVariant?: 'wordmark' | 'arms';
10
- }
11
- export declare const LuiFooter: React.FC<React.PropsWithChildren<FooterProps>>;
12
- export {};
1
+ import React from 'react';
2
+ interface FooterProps {
3
+ className?: string;
4
+ footerText: string;
5
+ contactNumber?: string;
6
+ contactEmail?: string;
7
+ helpDocumentationUrl?: string;
8
+ feedbackFormUrl?: string;
9
+ brandingVariant?: 'wordmark' | 'arms';
10
+ }
11
+ export declare const LuiFooter: React.FC<React.PropsWithChildren<FooterProps>>;
12
+ export {};
@@ -1,14 +1,14 @@
1
- import { InputHTMLAttributes, JSX } from 'react';
2
- export interface ClearableLuiTextInputProps {
3
- inputProps?: InputHTMLAttributes<HTMLInputElement>;
4
- error?: string;
5
- hideLabel?: boolean;
6
- label: JSX.Element | string;
7
- /**
8
- * A red star will be shown next to the label, no validation will be performed based on this prop.
9
- */
10
- mandatory?: boolean;
11
- value?: string;
12
- onValueChange?: (value: string) => void;
13
- }
14
- export declare const ClearableLuiTextInput: (props: ClearableLuiTextInputProps) => JSX.Element;
1
+ import { InputHTMLAttributes, JSX } from 'react';
2
+ export interface ClearableLuiTextInputProps {
3
+ inputProps?: InputHTMLAttributes<HTMLInputElement>;
4
+ error?: string;
5
+ hideLabel?: boolean;
6
+ label: JSX.Element | string;
7
+ /**
8
+ * A red star will be shown next to the label, no validation will be performed based on this prop.
9
+ */
10
+ mandatory?: boolean;
11
+ value?: string;
12
+ onValueChange?: (value: string) => void;
13
+ }
14
+ export declare const ClearableLuiTextInput: (props: ClearableLuiTextInputProps) => JSX.Element;
@@ -1,16 +1,16 @@
1
- import React, { DetailedHTMLProps, JSX, LabelHTMLAttributes } from 'react';
2
- export interface LuiCheckboxProps {
3
- value: string;
4
- label: JSX.Element | string;
5
- onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
6
- isChecked: boolean;
7
- isDisabled?: boolean;
8
- isIndeterminate?: boolean;
9
- error?: string;
10
- inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
11
- className?: string;
12
- titleAttribute?: string;
13
- mandatory?: boolean;
14
- labelSpanProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
15
- }
16
- export declare const LuiCheckboxInput: React.ForwardRefExoticComponent<LuiCheckboxProps & React.RefAttributes<HTMLDivElement>>;
1
+ import React, { DetailedHTMLProps, JSX, LabelHTMLAttributes } from 'react';
2
+ export interface LuiCheckboxProps {
3
+ value: string;
4
+ label: JSX.Element | string;
5
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
6
+ isChecked: boolean;
7
+ isDisabled?: boolean;
8
+ isIndeterminate?: boolean;
9
+ error?: string;
10
+ inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
11
+ className?: string;
12
+ titleAttribute?: string;
13
+ mandatory?: boolean;
14
+ labelSpanProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
15
+ }
16
+ export declare const LuiCheckboxInput: React.ForwardRefExoticComponent<LuiCheckboxProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,27 +1,27 @@
1
- import React, { JSX } from 'react';
2
- import { GroupBase, Props, SelectInstance, OptionProps } from 'react-select';
3
- export type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Props<Option, IsMulti, Group>> & {
4
- label: JSX.Element | string;
5
- hideLabel?: boolean;
6
- isCreateable?: boolean;
7
- error?: string;
8
- selectProps?: {
9
- className?: string;
10
- };
11
- };
12
- export type LuiComboSelectOption = Partial<OptionProps> & {
13
- label: string;
14
- value: string;
15
- };
16
- /**
17
- * A wrapper around React Select with Lui styling
18
- */
19
- export declare const LuiComboSelect: React.ForwardRefExoticComponent<Partial<Props<LuiComboSelectOption, boolean, GroupBase<LuiComboSelectOption>>> & {
20
- label: JSX.Element | string;
21
- hideLabel?: boolean | undefined;
22
- isCreateable?: boolean | undefined;
23
- error?: string | undefined;
24
- selectProps?: {
25
- className?: string | undefined;
26
- } | undefined;
27
- } & React.RefAttributes<SelectInstance<LuiComboSelectOption, boolean, GroupBase<LuiComboSelectOption>>>>;
1
+ import React, { JSX } from 'react';
2
+ import { GroupBase, Props, SelectInstance, OptionProps } from 'react-select';
3
+ export type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Props<Option, IsMulti, Group>> & {
4
+ label: JSX.Element | string;
5
+ hideLabel?: boolean;
6
+ isCreateable?: boolean;
7
+ error?: string;
8
+ selectProps?: {
9
+ className?: string;
10
+ };
11
+ };
12
+ export type LuiComboSelectOption = Partial<OptionProps> & {
13
+ label: string;
14
+ value: string;
15
+ };
16
+ /**
17
+ * A wrapper around React Select with Lui styling
18
+ */
19
+ export declare const LuiComboSelect: React.ForwardRefExoticComponent<Partial<Props<LuiComboSelectOption, boolean, GroupBase<LuiComboSelectOption>>> & {
20
+ label: JSX.Element | string;
21
+ hideLabel?: boolean;
22
+ isCreateable?: boolean;
23
+ error?: string;
24
+ selectProps?: {
25
+ className?: string;
26
+ };
27
+ } & React.RefAttributes<SelectInstance<LuiComboSelectOption, boolean, GroupBase<LuiComboSelectOption>>>>;
@@ -1,5 +1,5 @@
1
- import React, { JSX } from 'react';
2
- type Input = JSX.IntrinsicElements['input'];
3
- type Props = Omit<Input, 'pattern' | 'type' | 'placeholder'>;
4
- export declare const DateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
- export default DateInput;
1
+ import React, { JSX } from 'react';
2
+ type Input = JSX.IntrinsicElements['input'];
3
+ type Props = Omit<Input, 'pattern' | 'type' | 'placeholder'>;
4
+ export declare const DateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
+ export default DateInput;
@@ -1,6 +1,6 @@
1
- import { JSX } from 'react';
2
- type ParseOptions = {
3
- allowTwoDigitYear?: boolean;
4
- };
5
- export declare const parseTextDate: (value: JSX.IntrinsicElements['input']['value'] | null, options?: ParseOptions) => string;
6
- export {};
1
+ import { JSX } from 'react';
2
+ type ParseOptions = {
3
+ allowTwoDigitYear?: boolean;
4
+ };
5
+ export declare const parseTextDate: (value: JSX.IntrinsicElements["input"]["value"] | null, options?: ParseOptions) => string;
6
+ export {};
@@ -1 +1 @@
1
- export declare const fireDateChange: (e: React.ClipboardEvent<HTMLInputElement>) => void;
1
+ export declare const fireDateChange: (e: React.ClipboardEvent<HTMLInputElement>) => void;
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
3
- type Props = Omit<Parameters<typeof LuiTextInput>[0], 'as'>;
4
- export declare const LuiDateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
- export {};
1
+ import React from 'react';
2
+ import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
3
+ type Props = Omit<Parameters<typeof LuiTextInput>[0], 'as'>;
4
+ export declare const LuiDateInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
5
+ export {};
@@ -1,36 +1,36 @@
1
- import { ReactElement } from 'react';
2
- export interface LuiFileInputBoxProps {
3
- fileDescription: string;
4
- acceptedExtensions: string[];
5
- fileFormatText?: string;
6
- openFileBrowserText?: string;
7
- onValidFileSelected: (file: File) => void;
8
- showMustSelectFileError?: boolean;
9
- customFileErrorMessage?: string;
10
- width?: number | string;
11
- height?: number | string;
12
- }
13
- export declare const LuiFileInputBox: ({ acceptedExtensions, fileDescription, fileFormatText, openFileBrowserText, onValidFileSelected, showMustSelectFileError, customFileErrorMessage, width, height, }: LuiFileInputBoxProps) => ReactElement;
14
- export interface FileUploadInfoProps {
15
- errorMessage?: string;
16
- fileName: string | undefined;
17
- fileDescription: string;
18
- fileFormatText: string | undefined;
19
- openFileBrowserText: string | undefined;
20
- }
21
- export declare const FileUploadInfo: ({ errorMessage, fileName, fileDescription, fileFormatText, openFileBrowserText, }: FileUploadInfoProps) => ReactElement;
22
- /**
23
- * Get the extension from a filename in upper-case.
24
- *
25
- * @param fileName File-name to get extension from
26
- * @return fileName extension in upper-case if found else empty string
27
- */
28
- export declare const getFileNameExtension: (fileName: string) => string;
29
- /**
30
- * Convert an array of extensions to a human readable string in upper-case.
31
- * e.g. JPG, TIFF or BMP.
32
- *
33
- * @param extensions List of extensions to convert.
34
- * @return Extensions in a human readable string in upper-case.
35
- */
36
- export declare const extensionsAsHumanReadableList: (extensions: string[]) => string;
1
+ import { ReactElement } from 'react';
2
+ export interface LuiFileInputBoxProps {
3
+ fileDescription: string;
4
+ acceptedExtensions: string[];
5
+ fileFormatText?: string;
6
+ openFileBrowserText?: string;
7
+ onValidFileSelected: (file: File) => void;
8
+ showMustSelectFileError?: boolean;
9
+ customFileErrorMessage?: string;
10
+ width?: number | string;
11
+ height?: number | string;
12
+ }
13
+ export declare const LuiFileInputBox: ({ acceptedExtensions, fileDescription, fileFormatText, openFileBrowserText, onValidFileSelected, showMustSelectFileError, customFileErrorMessage, width, height, }: LuiFileInputBoxProps) => ReactElement;
14
+ export interface FileUploadInfoProps {
15
+ errorMessage?: string;
16
+ fileName: string | undefined;
17
+ fileDescription: string;
18
+ fileFormatText: string | undefined;
19
+ openFileBrowserText: string | undefined;
20
+ }
21
+ export declare const FileUploadInfo: ({ errorMessage, fileName, fileDescription, fileFormatText, openFileBrowserText, }: FileUploadInfoProps) => ReactElement;
22
+ /**
23
+ * Get the extension from a filename in upper-case.
24
+ *
25
+ * @param fileName File-name to get extension from
26
+ * @return fileName extension in upper-case if found else empty string
27
+ */
28
+ export declare const getFileNameExtension: (fileName: string) => string;
29
+ /**
30
+ * Convert an array of extensions to a human readable string in upper-case.
31
+ * e.g. JPG, TIFF or BMP.
32
+ *
33
+ * @param extensions List of extensions to convert.
34
+ * @return Extensions in a human readable string in upper-case.
35
+ */
36
+ export declare const extensionsAsHumanReadableList: (extensions: string[]) => string;
@@ -1,28 +1,28 @@
1
- import React from 'react';
2
- import './LuiMoneyInput.scss';
3
- import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
4
- export declare class MoneyParser {
5
- private readonly initial;
6
- private readonly options;
7
- private formatted;
8
- constructor(init?: number | string | null, options?: Intl.NumberFormatOptions & {
9
- previousValue?: string;
10
- });
11
- private parseTargetValue;
12
- private toFormattedString;
13
- private toNumber;
14
- get(): {
15
- display: string;
16
- value: number | null;
17
- };
18
- isKeyAllowed(key: string): boolean;
19
- invert(): this;
20
- formatOnChange(): this;
21
- }
22
- type LuiInputProps = React.ComponentPropsWithRef<typeof LuiTextInput>;
23
- type Props = Omit<LuiInputProps, 'value'> & {
24
- value?: number | null;
25
- onNumberChange: ((value: number | null) => void) | null;
26
- };
27
- export declare const LuiMoneyInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
28
- export {};
1
+ import React from 'react';
2
+ import './LuiMoneyInput.scss';
3
+ import { LuiTextInput } from '../LuiTextInput/LuiTextInput';
4
+ export declare class MoneyParser {
5
+ private readonly initial;
6
+ private readonly options;
7
+ private formatted;
8
+ constructor(init?: number | string | null, options?: Intl.NumberFormatOptions & {
9
+ previousValue?: string;
10
+ });
11
+ private parseTargetValue;
12
+ private toFormattedString;
13
+ private toNumber;
14
+ get(): {
15
+ display: string;
16
+ value: number | null;
17
+ };
18
+ isKeyAllowed(key: string): boolean;
19
+ invert(): this;
20
+ formatOnChange(): this;
21
+ }
22
+ type LuiInputProps = React.ComponentPropsWithRef<typeof LuiTextInput>;
23
+ type Props = Omit<LuiInputProps, 'value'> & {
24
+ value?: number | null;
25
+ onNumberChange: ((value: number | null) => void) | null;
26
+ };
27
+ export declare const LuiMoneyInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
28
+ export {};
@@ -1,15 +1,15 @@
1
- import { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
2
- export interface LuiRadioProps {
3
- onChange: ChangeEventHandler<HTMLInputElement>;
4
- selectedValue: string;
5
- options: string[];
6
- legend?: JSX.Element | string;
7
- error?: string;
8
- warning?: string;
9
- warningOnIndividual?: string;
10
- isOptionDisabled?: (index: number) => boolean;
11
- optionHasWarning?: (index: number) => boolean;
12
- inputProps?: InputHTMLAttributes<HTMLInputElement>;
13
- renderLabelFor?: (value: string) => JSX.Element;
14
- }
15
- export declare const LuiRadioInput: (props: LuiRadioProps) => JSX.Element;
1
+ import { ChangeEventHandler, InputHTMLAttributes, JSX } from 'react';
2
+ export interface LuiRadioProps {
3
+ onChange: ChangeEventHandler<HTMLInputElement>;
4
+ selectedValue: string;
5
+ options: string[];
6
+ legend?: JSX.Element | string;
7
+ error?: string;
8
+ warning?: string;
9
+ warningOnIndividual?: string;
10
+ isOptionDisabled?: (index: number) => boolean;
11
+ optionHasWarning?: (index: number) => boolean;
12
+ inputProps?: InputHTMLAttributes<HTMLInputElement>;
13
+ renderLabelFor?: (value: string) => JSX.Element;
14
+ }
15
+ export declare const LuiRadioInput: (props: LuiRadioProps) => JSX.Element;