@linzjs/lui 17.16.0 → 17.16.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [17.16.1](https://github.com/linz/lui/compare/v17.16.0...v17.16.1) (2022-10-06)
+
+
+### Bug Fixes
+
+* **Chromatic:** Increasing diff threshold to prevent false positives on the tooltip stories ([#774](https://github.com/linz/lui/issues/774)) ([771e180](https://github.com/linz/lui/commit/771e180933808be07f4547f0eb6db54bc51e4abb))
+
 # [17.16.0](https://github.com/linz/lui/compare/v17.15.1...v17.16.0) (2022-09-29)
 
 

package/README.md

@@ -45,7 +45,7 @@ over the CSS is part of this project.
 There is lots to do in this project, often things will be left until there is demand. Please join the Slack channel
 #cop-lui.
 
-## Documentation
+## Documentation 
 
 Storybook is the main source of documentation.
 

package/dist/components/LuiBearingInput/LuiBearingInput.d.ts

@@ -12,12 +12,12 @@ interface LuiBearingInputProps {
     /** If true, validationError prop takes precedence over the internalError value. */
     preferValidationError?: boolean;
 }
-export declare const LuiBearingInput: React.FC<LuiBearingInputProps & LuiCommonInputProps>;
+export declare const LuiBearingInput: React.FC<React.PropsWithChildren<LuiBearingInputProps & LuiCommonInputProps>>;
 interface LuiBearingFormikInputProps {
     name: string;
     label: string;
     /** If true, validationError prop takes precedence over the LuiBearingInput internalError value. */
     preferValidationError?: boolean;
 }
-export declare const LuiBearingFormikInput: React.FC<LuiBearingFormikInputProps & LuiCommonInputProps>;
+export declare const LuiBearingFormikInput: React.FC<React.PropsWithChildren<LuiBearingFormikInputProps & LuiCommonInputProps>>;
 export {};

package/dist/components/LuiErrorPage/LuiErrorPage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare const LuiErrorPage: React.FC<{
+export declare const LuiErrorPage: React.FC<React.PropsWithChildren<{
     header?: React.ReactElement;
     footer?: React.ReactElement;
     content?: React.ReactElement;
-}>;
+}>>;

package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts

@@ -4,4 +4,4 @@ export interface Expandable {
     label: ReactNode;
     labelPrefix?: ReactNode;
 }
-export declare const LuiExpandableBanner: React.FC<Expandable>;
+export declare const LuiExpandableBanner: React.FC<React.PropsWithChildren<Expandable>>;

package/dist/components/LuiFooter/LuiFooter.d.ts

@@ -6,5 +6,5 @@ interface FooterProps {
     contactEmail?: string;
     feedbackFormUrl?: string;
 }
-export declare const LuiFooter: React.FC<FooterProps>;
+export declare const LuiFooter: React.FC<React.PropsWithChildren<FooterProps>>;
 export {};

package/dist/components/LuiFormikForms/LuiFormikFormLabel/LuiFormikFormLabel.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare const LuiFormikFormLabel: React.FC<{
+export declare const LuiFormikFormLabel: React.FC<React.PropsWithChildren<{
     for: string;
     label: string;
     className?: string;
     required?: boolean;
     tooltip?: string;
-}>;
+}>>;

package/dist/components/LuiFormikForms/LuiFormikRadioButton/LuiFormikRadioButton.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { LuiCommonInputProps } from '../LuiFormikForm';
-export declare const LuiFormikRadioButton: React.FC<{
+export declare const LuiFormikRadioButton: React.FC<React.PropsWithChildren<{
     label: string;
     className?: string;
     value: string;
     name: string;
-} & LuiCommonInputProps>;
+} & LuiCommonInputProps>>;

package/dist/components/LuiFormikForms/LuiFormikRadioGroup/LuiFormikRadioGroup.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const LuiFormikRadioGroup: React.FC<{
+export declare const LuiFormikRadioGroup: React.FC<React.PropsWithChildren<{
     hint?: string;
     legend: string;
     name: string;
     required?: boolean;
-}>;
+}>>;

package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.d.ts

@@ -2,5 +2,5 @@ import React, { ReactNode } from 'react';
 interface IHelpInfoProps {
     info: string | ReactNode;
 }
-export declare const HelpInfo: React.FC<IHelpInfoProps>;
+export declare const HelpInfo: React.FC<React.PropsWithChildren<IHelpInfoProps>>;
 export {};

package/dist/components/LuiHeader/LuiHeader.d.ts

@@ -9,7 +9,7 @@ interface HeaderProps {
     transparent?: boolean;
     sticky?: boolean;
 }
-declare const LuiHeader: React.FC<HeaderProps>;
+declare const LuiHeader: React.FC<React.PropsWithChildren<HeaderProps>>;
 interface ILuiIcon {
     /**
      * The material-ui icon name (see https://material.io/resources/icons/?search=account_c&style=round)
@@ -56,9 +56,9 @@ interface ILuiCloseableHeaderMenuItem extends Omit<ILuiHeaderMenuItem, 'onClick'
     open: boolean;
     setOpen: (value: boolean) => void;
 }
-declare const LuiCloseableHeaderMenuItem: React.FC<ILuiCloseableHeaderMenuItem>;
+declare const LuiCloseableHeaderMenuItem: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
 interface ILuiMenuCloseButton extends ILuiIcon {
     'data-testid'?: string;
 }
-declare const LuiMenuCloseButton: React.FC<ILuiMenuCloseButton>;
+declare const LuiMenuCloseButton: React.FC<React.PropsWithChildren<ILuiMenuCloseButton>>;
 export { HeaderSize, HeaderProps, LuiHeader, ILuiIcon, ILuiHeaderMenuItem, LuiHeaderMenuItem, ILuiMenuCloseButton, LuiMenuCloseButton, ILuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuContext, };

package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts

@@ -18,14 +18,14 @@ interface ILuiDrawerMenuOption {
      */
     onClick?: () => void;
 }
-declare const LuiDrawerMenuOptions: React.FC<ILuiIcon>;
-declare const LuiDrawerMenuOption: React.FC<ILuiDrawerMenuOption>;
+declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
+declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
 declare type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
     hasStickyHeader?: boolean;
 };
-declare const LuiDrawerMenu: React.FC<ILuiDrawerMenu>;
+declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
 declare type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
-declare const LuiDropdownMenu: React.FC<ILuiDropdownMenu>;
+declare const LuiDropdownMenu: React.FC<React.PropsWithChildren<ILuiDropdownMenu>>;
 interface ILuiDrawerMenuSection {
     /**
      * Optional tile, displays a header if set

package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 /**
  * A LuiSpinner with a status message beneath it.
  */
-export declare const LuiStatusSpinner: React.FC;
+export declare const LuiStatusSpinner: React.FC<React.PropsWithChildren<unknown>>;
 interface LuiMiniSpinnerProps {
     size: number;
     divProps?: any;

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

@@ -9,14 +9,14 @@ interface ILuiModal {
     lowContrast?: boolean;
     appendToElement?: () => HTMLElement;
 }
-export declare const LuiModal: React.FC<ILuiModal>;
-export declare const LuiAlertModal: React.FC<{
+export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;
+export declare const LuiAlertModal: React.FC<React.PropsWithChildren<{
     level: 'success' | 'info' | 'warning' | 'error';
-} & ILuiModal>;
-export declare const LuiAlertModalButtons: React.FC;
+} & ILuiModal>>;
+export declare const LuiAlertModalButtons: React.FC<React.PropsWithChildren<unknown>>;
 interface IModalHeader {
     headingText?: string;
     onClose?: () => void;
 }
-export declare const LuiModalHeader: React.FC<IModalHeader>;
+export declare const LuiModalHeader: React.FC<React.PropsWithChildren<IModalHeader>>;
 export {};

package/dist/components/LuiSearchInput/LuiSearchInput.d.ts

@@ -23,4 +23,4 @@ export interface ISearchInputProps {
     focusUpdate?: boolean;
 }
 export declare function isGroupedResult(result: ISearchResult[] | ISearchGroupedResult[]): result is ISearchGroupedResult[];
-export declare const LuiSearchInput: React.FC<ISearchInputProps>;
+export declare const LuiSearchInput: React.FC<React.PropsWithChildren<ISearchInputProps>>;

package/dist/components/LuiSearchInput/ResultsDisplay.d.ts

@@ -9,5 +9,5 @@ export interface IResultsProps {
     results: ISearchResult[] | ISearchGroupedResult[];
     selectedRef: RefObject<HTMLDivElement>;
 }
-declare const ResultsDisplay: React.FC<IResultsProps>;
+declare const ResultsDisplay: React.FC<React.PropsWithChildren<IResultsProps>>;
 export default ResultsDisplay;

package/dist/components/LuiSidePanel/LuiSidePanel.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare const LuiSidePanel: React.FC<{
+export declare const LuiSidePanel: React.FC<React.PropsWithChildren<{
     onClose: () => void;
     width?: string;
     closeBtnTitleAttr?: string;
     top?: number;
-}>;
-export declare const LuiSidePanelProvider: React.FC;
+}>>;
+export declare const LuiSidePanelProvider: React.FC<React.PropsWithChildren<unknown>>;

package/dist/components/LuiTabs/LuiTab/LuiTab.d.ts

@@ -7,5 +7,5 @@ interface LuiTabProps {
     titleAttribute?: string;
     children: React.ReactNode;
 }
-export declare const LuiTab: React.FC<LuiTabProps>;
+export declare const LuiTab: React.FC<React.PropsWithChildren<LuiTabProps>>;
 export {};

package/dist/components/LuiTabs/LuiTabs.d.ts

@@ -4,7 +4,7 @@ interface ILuiTabsContext {
     setActivePanel: (activePanel: string) => void;
 }
 export declare const LuiTabsContext: React.Context<ILuiTabsContext>;
-export declare const LuiTabs: React.FC<{
+export declare const LuiTabs: React.FC<React.PropsWithChildren<{
     defaultPanel: string;
-}>;
+}>>;
 export {};

package/dist/components/LuiTabs/LuiTabsGroup/LuiTabsGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const LuiTabsGroup: React.FC<{
+export declare const LuiTabsGroup: React.FC<React.PropsWithChildren<{
     ariaLabel: string;
     justify?: boolean;
-}>;
+}>>;

package/dist/components/LuiTabs/LuiTabsPanel/LuiTabsPanel.d.ts

@@ -4,5 +4,5 @@ interface LuiTabsPanelProps {
     panel: string;
     mode?: LuiTabsPanelMode;
 }
-export declare const LuiTabsPanel: React.FC<LuiTabsPanelProps>;
+export declare const LuiTabsPanel: React.FC<React.PropsWithChildren<LuiTabsPanelProps>>;
 export {};

package/dist/components/LuiTabs/LuiTabsPanelSwitch/LuiTabsPanelSwitch.d.ts

@@ -3,5 +3,5 @@ interface LuiTabsPanelSwitch {
     targetPanel: string;
     setActivePanel?: (targetPanel: string) => {};
 }
-export declare const LuiTabsPanelSwitch: React.FC<LuiTabsPanelSwitch>;
+export declare const LuiTabsPanelSwitch: React.FC<React.PropsWithChildren<LuiTabsPanelSwitch>>;
 export {};

package/dist/components/LuiToastMessage/LuiToastMessage.d.ts

@@ -14,5 +14,5 @@ interface ILuiToastMessageProps {
     children?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
 }
-export declare const LuiToastMessage: React.FC<ILuiToastMessageProps>;
+export declare const LuiToastMessage: React.FC<React.PropsWithChildren<ILuiToastMessageProps>>;
 export {};

package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare const LuiUpdatesSplashModal: React.FC<{
+export declare const LuiUpdatesSplashModal: React.FC<React.PropsWithChildren<{
     bigImage: string;
     smallImage: string;
     header: string;
     wrapperClass: string;
     onClose: () => void;
     id: string;
-}>;
+}>>;

package/dist/components/lol/LOLDrawerMenuFirmSwitcher.d.ts

@@ -5,4 +5,4 @@ export interface ILOLDrawerMenuFirmSwitcherProperties {
 /**
  * Deprecated: this is LandOnline specific and has been moved to https://github.com/linz/landonline-common-js
  */
-export declare const LOLDrawerMenuFirmSwitcher: React.FC<ILOLDrawerMenuFirmSwitcherProperties>;
+export declare const LOLDrawerMenuFirmSwitcher: React.FC<React.PropsWithChildren<ILOLDrawerMenuFirmSwitcherProperties>>;

package/dist/components/lol/LOLFirmSwitcher.d.ts

@@ -7,7 +7,7 @@ export declare type ILOLFirmSwitcherMenu = Omit<ILuiDropdownMenu, 'icon' | 'labe
 /**
  * Deprecated: this is LandOnline specific and has been moved to https://github.com/linz/landonline-common-js
  */
-export declare const LOLFirmSwitcherMenu: React.FC<ILOLFirmSwitcherMenu>;
+export declare const LOLFirmSwitcherMenu: React.FC<React.PropsWithChildren<ILOLFirmSwitcherMenu>>;
 interface ILOLFirmSwitcherMenuContent {
     firms: IFirm[];
     selectedFirm: IFirm | undefined;
@@ -15,12 +15,12 @@ interface ILOLFirmSwitcherMenuContent {
     collapsible?: boolean;
     minimumFilterCount?: number;
 }
-export declare const LOLFirmSwitcherMenuContent: React.FC<ILOLFirmSwitcherMenuContent>;
+export declare const LOLFirmSwitcherMenuContent: React.FC<React.PropsWithChildren<ILOLFirmSwitcherMenuContent>>;
 interface IFirmOption {
     value: IFirm;
     selected: boolean;
     onSelect: (optionId: string) => void;
     disabled: boolean;
 }
-export declare const FirmOption: React.FC<IFirmOption>;
+export declare const FirmOption: React.FC<React.PropsWithChildren<IFirmOption>>;
 export {};

package/dist/components/lol/LOLUserLastLogin.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 /**
  * Deprecated: this is LandOnline specific and has been moved to https://github.com/linz/landonline-common-js
  */
-export declare const LOLUserLastLogin: React.FC;
+export declare const LOLUserLastLogin: React.FC<React.PropsWithChildren<unknown>>;

package/dist/contexts/LuiMessagingContextProvider.d.ts

@@ -11,4 +11,4 @@ export interface ShowMessageProps {
     messageLevel: MessageLevel;
     requireDismiss?: boolean;
 }
-export declare const LuiMessagingContextProvider: React.FC;
+export declare const LuiMessagingContextProvider: React.FC<React.PropsWithChildren<unknown>>;

package/dist/index.js

@@ -25426,7 +25426,7 @@ var LuiMenuCloseButton = function (_a) {
 
 var LuiDrawerMenuOptions = function (_a) {
     var children = _a.children;
-    return (React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children));
+    return React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children);
 };
 var LuiDrawerMenuOption = function (_a) {
     var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
@@ -33077,7 +33077,6 @@ function useClickedOutsideElement(refElement, handleClickOutside) {
 var LuiBadge = function (props) { return (React__default["default"].createElement("p", { className: clsx('LuiBadge', props.size === 'sm' && 'LuiBadge--sm', props.size === 'lg' && 'LuiBadge--lg', props.backgroundFill && 'LuiBadge--fill', props.variation === 'warning' && 'LuiBadge--warning'), "aria-roledescription": props.ariaRoleDescription }, props.children)); };
 
 var LuiSidePanelContext = React__default["default"].createContext({ setProps: function () { return undefined; } });
-/* eslint-disable react/prop-types */
 var LuiSidePanel = function (_a) {
     var children = _a.children, onClose = _a.onClose, width = _a.width, top = _a.top, closeBtnTitleAttr = _a.closeBtnTitleAttr;
     var setProps = React__default["default"].useContext(LuiSidePanelContext).setProps;