@linzjs/lui 24.20.1 → 26.1.0

package/dist/components/Toast/ToastProvider.d.ts

@@ -1,10 +1,10 @@
-import './ToastProvider.scss';
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { ToastAction } from './Helpers/ToastTypes';
-export declare const ToastContext: React.Context<React.Dispatch<ToastAction> | undefined>;
-export declare const ToastProvider: ({ children, defaultTimeout, stack, }: {
-    defaultTimeout?: number | undefined;
-    stack?: number | undefined;
-    children: ReactNode;
-}) => React.JSX.Element;
+import './ToastProvider.scss';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ToastAction } from './Helpers/ToastTypes';
+export declare const ToastContext: React.Context<React.Dispatch<ToastAction> | undefined>;
+export declare const ToastProvider: ({ children, defaultTimeout, stack, }: {
+    defaultTimeout?: number;
+    stack?: number;
+    children: ReactNode;
+}) => React.JSX.Element;

package/dist/components/Toast/Upgrade/LuiToastMessageCompatibleInterface.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentProps } from 'react';
-import { LuiToastMessage } from '../../LuiToastMessage/LuiToastMessage';
-type Props = ComponentProps<typeof LuiToastMessage>;
-export declare const LuiToastMessageCompatibleInterface: (props: Props) => React.JSX.Element;
-export {};
+import React, { ComponentProps } from 'react';
+import { LuiToastMessage } from '../../LuiToastMessage/LuiToastMessage';
+type Props = ComponentProps<typeof LuiToastMessage>;
+export declare const LuiToastMessageCompatibleInterface: (props: Props) => React.JSX.Element;
+export {};

package/dist/components/Toast/Upgrade/ToastVersion.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const ToastVersion: import("react").Context<"v1" | "v2">;
-export declare const useToastVersion: () => "v1" | "v2";
+export declare const ToastVersion: import("react").Context<"v1" | "v2">;
+export declare const useToastVersion: () => "v1" | "v2";

package/dist/components/Toast/Upgrade/index.d.ts

@@ -1,39 +1,39 @@
-import React, { ComponentProps, ReactNode } from 'react';
-import { LuiToastMessage as LuiToastMessageOld } from '../../LuiToastMessage/LuiToastMessage';
-type ProviderPropsV1 = {
-    /** Use v2 explicitely to get the new designs */
-    version?: 'v1';
-    /** Default timeout is not permitted in v1 */
-    defaultTimeout?: never;
-    /** Stack is not permitted in v1 */
-    stack?: never;
-};
-type ProviderPropsV2 = {
-    /** Latest designs */
-    version: 'v2';
-    /** Default timeout for ephemeral toasts is 4000ms */
-    defaultTimeout?: number;
-    /** Max number of toast allowed simultaneously. Default value is 5. */
-    stack?: number;
-};
-type ProviderProps = {
-    children?: ReactNode;
-} & (ProviderPropsV1 | ProviderPropsV2);
-/**
- * Context provider to handle global logic of toast messages. It defaults to legacy version 'v1'.
- * @description Set version property to 'v2' to get the latest designs.
- */
-export declare const LuiMessagingContextProvider: (props: ProviderProps) => React.JSX.Element;
-/**
- * Hook to display pop-up messages in response to a user action or state change. Examples include: Saving, exporting, committing, deleting, etc.
- * @description Legacy hook to trigger toasts. It requires {@linkcode LuiMessagingContextProvider}.
- * @alias useToast. For a more flexible API when you're using v2 designs, using useToast is recommended.
- * @returns Toaster function to trigger branded toasts (e.g. warning, error, info) in the top right of the page.
- * @example
- * const toaster = useShowLUIMessage();
- * toaster({ message: 'Failed to save', messageType: 'toast', messageLevel: 'error' });
- */
-export declare const useShowLUIMessage: () => (messageProps: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
-type LuiToastMessageProps = ComponentProps<typeof LuiToastMessageOld>;
-export declare const LuiToastMessage: (props: LuiToastMessageProps) => React.JSX.Element;
-export {};
+import React, { ComponentProps, ReactNode } from 'react';
+import { LuiToastMessage as LuiToastMessageOld } from '../../LuiToastMessage/LuiToastMessage';
+type ProviderPropsV1 = {
+    /** Use v2 explicitely to get the new designs */
+    version?: 'v1';
+    /** Default timeout is not permitted in v1 */
+    defaultTimeout?: never;
+    /** Stack is not permitted in v1 */
+    stack?: never;
+};
+type ProviderPropsV2 = {
+    /** Latest designs */
+    version: 'v2';
+    /** Default timeout for ephemeral toasts is 4000ms */
+    defaultTimeout?: number;
+    /** Max number of toast allowed simultaneously. Default value is 5. */
+    stack?: number;
+};
+type ProviderProps = {
+    children?: ReactNode;
+} & (ProviderPropsV1 | ProviderPropsV2);
+/**
+ * Context provider to handle global logic of toast messages. It defaults to legacy version 'v1'.
+ * @description Set version property to 'v2' to get the latest designs.
+ */
+export declare const LuiMessagingContextProvider: (props: ProviderProps) => React.JSX.Element;
+/**
+ * Hook to display pop-up messages in response to a user action or state change. Examples include: Saving, exporting, committing, deleting, etc.
+ * @description Legacy hook to trigger toasts. It requires {@linkcode LuiMessagingContextProvider}.
+ * @alias useToast. For a more flexible API when you're using v2 designs, using useToast is recommended.
+ * @returns Toaster function to trigger branded toasts (e.g. warning, error, info) in the top right of the page.
+ * @example
+ * const toaster = useShowLUIMessage();
+ * toaster({ message: 'Failed to save', messageType: 'toast', messageLevel: 'error' });
+ */
+export declare const useShowLUIMessage: () => (messageProps: import("../../../contexts/LuiMessagingContextProvider").ShowMessageProps) => void;
+type LuiToastMessageProps = ComponentProps<typeof LuiToastMessageOld>;
+export declare const LuiToastMessage: (props: LuiToastMessageProps) => React.JSX.Element;
+export {};

package/dist/components/Toast/Upgrade/observeOlderToasts.d.ts

@@ -1,6 +1,6 @@
-/**
- * Observes DOM changes in the elements tree to identify older toasts
- * that have been added to the page, to calculate a CSS top value so
- * that these are stacked below the new ones, if any.
- */
-export declare const observeOlderToasts: (portal: HTMLDivElement) => void;
+/**
+ * Observes DOM changes in the elements tree to identify older toasts
+ * that have been added to the page, to calculate a CSS top value so
+ * that these are stacked below the new ones, if any.
+ */
+export declare const observeOlderToasts: (portal: HTMLDivElement) => void;

package/dist/components/Toast/Upgrade/useShowLUIMessageCompatibleInterface.d.ts

@@ -1,5 +1,5 @@
-import { ShowMessageProps } from '../../../contexts/LuiMessagingContextProvider';
-/**
- * Provide new toast hook with old interface from original useShowLUIMessage
- */
-export declare const useShowLUIMessageCompatibleInterface: () => (props: ShowMessageProps) => number;
+import { ShowMessageProps } from '../../../contexts/LuiMessagingContextProvider';
+/**
+ * Provide new toast hook with old interface from original useShowLUIMessage
+ */
+export declare const useShowLUIMessageCompatibleInterface: () => (props: ShowMessageProps) => number;

package/dist/components/Toast/index.d.ts

@@ -1,2 +1,2 @@
-export { ToastProvider } from './ToastProvider';
-export { useToast } from './useToast';
+export { ToastProvider } from './ToastProvider';
+export { useToast } from './useToast';

package/dist/components/Toast/useToast.d.ts

@@ -1,43 +1,43 @@
-import './ToastProvider.scss';
-import { ReactNode } from 'react';
-import { ToastNode, ToastOptions } from './Helpers/ToastTypes';
-type Config = ToastOptions & {
-    id?: number;
-};
-type BannerToast = (children: ReactNode, config?: Config) => number;
-/**
- * Hook to display pop-up messages in response to a user action or state change. Examples include: Saving, exporting, committing, deleting, etc.
- * It requires 'LuiMessagingContextProvider' with property version set to 'v2'.
- * Toasts that are `warning` or `error` won't timeout automatically, unless configured otherwise.
- * @description Hook to trigger pop-up messages (a.k.a. toasts). Each toast helper function returns a a toast id `number` that can be used for manual dismiss or updates.
- * @example
- * // Error message
- * const { error } = useToast();
- * error("Failed to save");
- * @example
- * // Toast error and then turn toast into success
- * const { error, success } = useToast();
- * const toastId = error("Failed to save");
- * success('Toast updated to success', { id: toastId });
- * @example
- * // Dismiss info toast that won't dismiss automatically
- * const { info, dismiss } = useToast();
- * const toastId = info(<a href="#">Some useful link</a>, { timeout: Infinity });
- * dismiss(toastId);
- * @example
- * // Custom toasts accept `ReactNode` or `({ close: () => void }) => ReactNode`
- * const { toast } = useToast();
- * toast(({ close }) => <button onClick={() => close()}>Click me to dismiss</button>, { timeout: Infinity });
- * toast(<div>I will be dismissed in 3s.</div>, { timeout: 3000 });
- * toast("I'm placed in the topLeft of the page", { position: 'topLeft' });
- */
-export declare const useToast: () => {
-    toast: (notification: ToastNode, config?: Config) => number;
-    dismiss: (toastId: number) => void;
-    info: BannerToast;
-    success: BannerToast;
-    error: BannerToast;
-    warning: BannerToast;
-    plain: BannerToast;
-};
-export {};
+import './ToastProvider.scss';
+import { ReactNode } from 'react';
+import { ToastNode, ToastOptions } from './Helpers/ToastTypes';
+type Config = ToastOptions & {
+    id?: number;
+};
+type BannerToast = (children: ReactNode, config?: Config) => number;
+/**
+ * Hook to display pop-up messages in response to a user action or state change. Examples include: Saving, exporting, committing, deleting, etc.
+ * It requires 'LuiMessagingContextProvider' with property version set to 'v2'.
+ * Toasts that are `warning` or `error` won't timeout automatically, unless configured otherwise.
+ * @description Hook to trigger pop-up messages (a.k.a. toasts). Each toast helper function returns a a toast id `number` that can be used for manual dismiss or updates.
+ * @example
+ * // Error message
+ * const { error } = useToast();
+ * error("Failed to save");
+ * @example
+ * // Toast error and then turn toast into success
+ * const { error, success } = useToast();
+ * const toastId = error("Failed to save");
+ * success('Toast updated to success', { id: toastId });
+ * @example
+ * // Dismiss info toast that won't dismiss automatically
+ * const { info, dismiss } = useToast();
+ * const toastId = info(<a href="#">Some useful link</a>, { timeout: Infinity });
+ * dismiss(toastId);
+ * @example
+ * // Custom toasts accept `ReactNode` or `({ close: () => void }) => ReactNode`
+ * const { toast } = useToast();
+ * toast(({ close }) => <button onClick={() => close()}>Click me to dismiss</button>, { timeout: Infinity });
+ * toast(<div>I will be dismissed in 3s.</div>, { timeout: 3000 });
+ * toast("I'm placed in the topLeft of the page", { position: 'topLeft' });
+ */
+export declare const useToast: () => {
+    toast: (notification: ToastNode, config?: Config) => number;
+    dismiss: (toastId: number) => void;
+    info: BannerToast;
+    success: BannerToast;
+    error: BannerToast;
+    warning: BannerToast;
+    plain: BannerToast;
+};
+export {};

package/dist/components/common/Hooks.d.ts

@@ -1,32 +1,32 @@
-import { MutableRefObject } from 'react';
-/**
- * A hook which allows you to register a handler when the escape key is pressed
- *
- * @param onEscape the handler function
- * @param elRef a react ref to the element that should listen to the key event. If this argument is `undefined` it means the consumer wants to attach the listener to `document`. If this argument is a ref to `null` no event listener will be added.
- */
-export declare const useEscapeFunction: (onEscape: (e: KeyboardEvent) => void | Promise<void>, trigger?: 'keyup' | 'keydown', elRef?: MutableRefObject<HTMLElement | null>) => void;
-/**
- * A hook which allows handling of click event anywhere on the page.
- * Provides a way of handling clicks done inside or outside the element bound to the returned react ref.
- *
- * @deprecated
- * This hook is deprecated. It's no longer supported and will be removed in future version.
- *
- * For click inside element handling, consider attaching an `onClick` handler directly onto the element.
- *
- * For click outside element handling, consider using the `useClickedOutsideElement` hook instead.
- *
- * For click anywhere (both inside and outside) handling, consider attaching an `onClick` handler directly onto the document.
- *
- * @param onClickInsideArg handler for mouse clicks inside the element
- * @param onClickOutsideArg handler for mouse clicks outside the element
- * @return a react ref which can be bound to an html element
- */
-export declare const usePageClickFunction: <H extends Element>(onClickInsideArg: (event: MouseEvent) => void, onClickOutsideArg: (event: MouseEvent) => void) => import("react").RefObject<H | null>;
-/** Disables scrolling on an specified element */
-export declare const useDisableScroll: (el?: HTMLElement | null, shouldDisable?: boolean) => void;
-/**
- * Provides a stable ID across renders, can be replaced in react 18+ by native implementation
- */
-export declare function useId(): string;
+import { MutableRefObject } from 'react';
+/**
+ * A hook which allows you to register a handler when the escape key is pressed
+ *
+ * @param onEscape the handler function
+ * @param elRef a react ref to the element that should listen to the key event. If this argument is `undefined` it means the consumer wants to attach the listener to `document`. If this argument is a ref to `null` no event listener will be added.
+ */
+export declare const useEscapeFunction: (onEscape: (e: KeyboardEvent) => void | Promise<void>, trigger?: "keyup" | "keydown", elRef?: MutableRefObject<HTMLElement | null>) => void;
+/**
+ * A hook which allows handling of click event anywhere on the page.
+ * Provides a way of handling clicks done inside or outside the element bound to the returned react ref.
+ *
+ * @deprecated
+ * This hook is deprecated. It's no longer supported and will be removed in future version.
+ *
+ * For click inside element handling, consider attaching an `onClick` handler directly onto the element.
+ *
+ * For click outside element handling, consider using the `useClickedOutsideElement` hook instead.
+ *
+ * For click anywhere (both inside and outside) handling, consider attaching an `onClick` handler directly onto the document.
+ *
+ * @param onClickInsideArg handler for mouse clicks inside the element
+ * @param onClickOutsideArg handler for mouse clicks outside the element
+ * @return a react ref which can be bound to an html element
+ */
+export declare const usePageClickFunction: <H extends Element>(onClickInsideArg: (event: MouseEvent) => void, onClickOutsideArg: (event: MouseEvent) => void) => import("react").RefObject<H | null>;
+/** Disables scrolling on an specified element */
+export declare const useDisableScroll: (el?: HTMLElement | null, shouldDisable?: boolean) => void;
+/**
+ * Provides a stable ID across renders, can be replaced in react 18+ by native implementation
+ */
+export declare function useId(): string;

package/dist/components/common/ResponsiveUtils.d.ts

@@ -1,7 +1,7 @@
-import { ClassDictionary } from 'clsx';
-export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type Range = {
-    from?: Size;
-    upto?: Size;
-};
-export declare const buildHideClassDict: ({ from, upto, }: Range) => ClassDictionary;
+import { ClassDictionary } from 'clsx';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Range = {
+    from?: Size;
+    upto?: Size;
+};
+export declare const buildHideClassDict: ({ from, upto, }: Range) => ClassDictionary;

package/dist/components/common/StorybookSupport.d.ts

@@ -1,6 +1,6 @@
-/**
- * Open menu after render so chromatic can see it.
- * Place in useEffect in story. e.g. useEffect(openHeaderMenu, []);
- */
-export declare const openHeaderMenu: (menuIconClass?: string) => void;
-export declare const expandCollapsedContainer: () => void;
+/**
+ * Open menu after render so chromatic can see it.
+ * Place in useEffect in story. e.g. useEffect(openHeaderMenu, []);
+ */
+export declare const openHeaderMenu: (menuIconClass?: string) => void;
+export declare const expandCollapsedContainer: () => void;

package/dist/components/common/UseMediaQuery.d.ts

@@ -1,9 +1,9 @@
-import { Size } from './ResponsiveUtils';
-export type Breakpoint = Exclude<Size | 'xxl', 'xs'>;
-export declare const breakpoints: Record<Breakpoint, number>;
-export declare const breakpointQuery: {
-    up: (bp: Breakpoint) => string;
-    down: (bp: Breakpoint) => string;
-    between: (bp1: Breakpoint, bp2: Breakpoint) => string;
-};
-export declare const useMediaQuery: (query: string) => boolean;
+import { Size } from './ResponsiveUtils';
+export type Breakpoint = Exclude<Size | 'xxl', 'xs'>;
+export declare const breakpoints: Record<Breakpoint, number>;
+export declare const breakpointQuery: {
+    up: (bp: Breakpoint) => string;
+    down: (bp: Breakpoint) => string;
+    between: (bp1: Breakpoint, bp2: Breakpoint) => string;
+};
+export declare const useMediaQuery: (query: string) => boolean;

package/dist/contexts/LuiFilterCharactersProvider.d.ts

@@ -1,12 +1,12 @@
-import React, { ChangeEvent, PropsWithChildren } from 'react';
-export interface LuiFilterCharactersContext {
-    filterCharacters: (input: string | undefined) => string | undefined;
-    filterInputEvent: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-}
-export declare const LuiFilterCharactersContext: React.Context<LuiFilterCharactersContext>;
-export declare function useFilterCharacters(): LuiFilterCharactersContext;
-export type LuiFilterCharactersProviderProps = {
-    filterFunction?: (input: string) => string;
-    enabled?: boolean;
-};
-export declare const LuiFilterCharactersProvider: ({ children, filterFunction, enabled, }: PropsWithChildren<LuiFilterCharactersProviderProps>) => React.JSX.Element;
+import React, { ChangeEvent, PropsWithChildren } from 'react';
+export interface LuiFilterCharactersContext {
+    filterCharacters: (input: string | undefined) => string | undefined;
+    filterInputEvent: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}
+export declare const LuiFilterCharactersContext: React.Context<LuiFilterCharactersContext>;
+export declare function useFilterCharacters(): LuiFilterCharactersContext;
+export type LuiFilterCharactersProviderProps = {
+    filterFunction?: (input: string) => string;
+    enabled?: boolean;
+};
+export declare const LuiFilterCharactersProvider: ({ children, filterFunction, enabled, }: PropsWithChildren<LuiFilterCharactersProviderProps>) => React.JSX.Element;

package/dist/contexts/LuiMessagingContextProvider.d.ts

@@ -1,14 +1,14 @@
-import { JSX, PropsWithChildren } from 'react';
-export type MessageLevel = 'success' | 'info' | 'warning' | 'error';
-export type MessageType = 'toast';
-export interface IUIMessagingContext {
-    showMessage: (messageProps: ShowMessageProps) => void;
-}
-export declare function useShowLUIMessage(): (messageProps: ShowMessageProps) => void;
-export interface ShowMessageProps {
-    message: string | JSX.Element;
-    messageType: MessageType;
-    messageLevel: MessageLevel;
-    requireDismiss?: boolean;
-}
-export declare const LuiMessagingContextProvider: ({ children, }: PropsWithChildren<unknown>) => JSX.Element;
+import { JSX, PropsWithChildren } from 'react';
+export type MessageLevel = 'success' | 'info' | 'warning' | 'error';
+export type MessageType = 'toast';
+export interface IUIMessagingContext {
+    showMessage: (messageProps: ShowMessageProps) => void;
+}
+export declare function useShowLUIMessage(): (messageProps: ShowMessageProps) => void;
+export interface ShowMessageProps {
+    message: string | JSX.Element;
+    messageType: MessageType;
+    messageLevel: MessageLevel;
+    requireDismiss?: boolean;
+}
+export declare const LuiMessagingContextProvider: ({ children, }: PropsWithChildren<unknown>) => JSX.Element;

package/dist/fonts.d.ts

@@ -1,10 +1,10 @@
-import '@fontsource/open-sans/300.css';
-import '@fontsource/open-sans/400.css';
-import '@fontsource/open-sans/500.css';
-import '@fontsource/open-sans/600.css';
-import '@fontsource/open-sans/700.css';
-import '@fontsource/open-sans/300-italic.css';
-import '@fontsource/open-sans/400-italic.css';
-import '@fontsource/open-sans/500-italic.css';
-import '@fontsource/open-sans/600-italic.css';
-import '@fontsource/open-sans/700-italic.css';
+import '@fontsource/open-sans/300.css';
+import '@fontsource/open-sans/400.css';
+import '@fontsource/open-sans/500.css';
+import '@fontsource/open-sans/600.css';
+import '@fontsource/open-sans/700.css';
+import '@fontsource/open-sans/300-italic.css';
+import '@fontsource/open-sans/400-italic.css';
+import '@fontsource/open-sans/500-italic.css';
+import '@fontsource/open-sans/600-italic.css';
+import '@fontsource/open-sans/700-italic.css';

package/dist/functions/LinzFreeTextFilter.d.ts

@@ -1,14 +1,14 @@
-export type LinzFreeTextFilterType = (value?: string | null) => string;
-/**
- * Default LINZ free text filter function.
- * Silently converts some invalid characters with supported alternatives.
- * Removes all other invalid characters.
- */
-export declare const LinzFreeTextFilter: LinzFreeTextFilterType;
-/**
- * LINZ free text filter function that leaves invalid characters intact.
- * Silently converts some invalid characters with supported alternatives.
- * Leaves all other invalid characters as is.
- * Should be paired with LinzFreeTextValidator to warn users about invalid characters.
- */
-export declare const LinzFreeTextFilterConvertOnly: LinzFreeTextFilterType;
+export type LinzFreeTextFilterType = (value?: string | null) => string;
+/**
+ * Default LINZ free text filter function.
+ * Silently converts some invalid characters with supported alternatives.
+ * Removes all other invalid characters.
+ */
+export declare const LinzFreeTextFilter: LinzFreeTextFilterType;
+/**
+ * LINZ free text filter function that leaves invalid characters intact.
+ * Silently converts some invalid characters with supported alternatives.
+ * Leaves all other invalid characters as is.
+ * Should be paired with LinzFreeTextValidator to warn users about invalid characters.
+ */
+export declare const LinzFreeTextFilterConvertOnly: LinzFreeTextFilterType;

package/dist/functions/LinzFreeTextValidator.d.ts

@@ -1,2 +1,2 @@
-export declare const LinzInvalidCharMatcher: RegExp;
-export declare const LinzFreeTextValidator: (value?: string | null, invalidCharMatcher?: RegExp, maxReportedChars?: number) => string | undefined;
+export declare const LinzInvalidCharMatcher: RegExp;
+export declare const LinzFreeTextValidator: (value?: string | null, invalidCharMatcher?: RegExp, maxReportedChars?: number) => string | undefined;

package/dist/hooks/index.d.ts

@@ -1 +1 @@
-export { useClickedOutsideElement } from './useClickedOutsideElement';
+export { useClickedOutsideElement } from './useClickedOutsideElement';

package/dist/hooks/useClickedOutsideElement.d.ts

@@ -1,14 +1,14 @@
-import { MutableRefObject, RefObject } from 'react';
-/**
- * This hook will callback with handleClickOutside() when "mousedown" dom event occurs off the refElement
- * usage:
- ```typescript
-  const refElement = React.useRef<HTMLButtonElement>(null);
-  const handleClickOutside = () => {
-      console.log("hello world");
-  };
-  useClickedOutsideElement(refElement, handleClickOutside);
-  return <button ref={refElement}>Click Me!</button>;
- ```
- */
-export declare function useClickedOutsideElement(refElement: RefObject<HTMLElement | null> | MutableRefObject<HTMLElement | null>, handleClickOutside: CallableFunction): void;
+import { MutableRefObject, RefObject } from 'react';
+/**
+ * This hook will callback with handleClickOutside() when "mousedown" dom event occurs off the refElement
+ * usage:
+ ```typescript
+  const refElement = React.useRef<HTMLButtonElement>(null);
+  const handleClickOutside = () => {
+      console.log("hello world");
+  };
+  useClickedOutsideElement(refElement, handleClickOutside);
+  return <button ref={refElement}>Click Me!</button>;
+ ```
+ */
+export declare function useClickedOutsideElement(refElement: RefObject<HTMLElement | null> | MutableRefObject<HTMLElement | null>, handleClickOutside: CallableFunction): void;

package/dist/hooks/useDeprecatedWarning.d.ts

@@ -1 +1 @@
-export declare function useDeprecatedWarning(componentName: string): void;
+export declare function useDeprecatedWarning(componentName: string): void;