@lumx/react 3.20.1-alpha.1 → 3.20.1-alpha.11

package/index.d.ts

@@ -1,5 +1,6 @@
-import { F as Falsy } from './_internal/Falsy.js';
-import React, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key } from 'react';
+import { F as Falsy } from './_internal/d95844c1.js';
+import * as React$1 from 'react';
+import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key, ElementType } from 'react';
 
 /** Get types of the values of a record. */
 type ValueOf<T extends Record<any, any>> = T[keyof T];
@@ -371,10 +372,14 @@ type Comp<P, T = HTMLElement> = {
  * @example ComponentRef<'div'> => React.Ref<HTMLDivElement>
  * @example ComponentRef<Button> => React.Ref<HTMLButtonElement
  */
-type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[C]['ref'] : C extends Comp<any, infer T> ? React.Ref<T> : C extends React.JSXElementConstructor<{
+type ComponentRef<C> = C extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[C]['ref'] : C extends Comp<any, infer T> ? React__default.Ref<T> : C extends React__default.JSXElementConstructor<{
     ref?: infer R;
 }> ? R : never;
 
+type HasRequiredLinkHref<E> = E extends 'a' ? {
+    href: string;
+} : Record<string, unknown>;
+
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /** Message variant. */
     kind?: Kind;
@@ -396,7 +401,7 @@ interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /**
      * Children
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * AlertDialog component.
@@ -788,7 +793,7 @@ interface CheckboxProps extends GenericProps, HasTheme, HasAriaDisabled {
     /** Native input id property. */
     id?: string;
     /** Native input ref. */
-    inputRef?: React.Ref<HTMLInputElement>;
+    inputRef?: React__default.Ref<HTMLInputElement>;
     /** Whether it is checked or not or intermediate. */
     isChecked?: boolean | 'intermediate';
     /** Whether the component is disabled or not. */
@@ -1066,7 +1071,7 @@ interface DialogProps extends GenericProps {
     /** whether to disable the scroll on the body or not */
     disableBodyScroll?: boolean;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
@@ -1305,15 +1310,15 @@ interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme {
     /** Label text (overwritten if a `<header>` is provided in the children). */
     label?: string;
     /** On open callback. */
-    onOpen?: (event: React.MouseEvent) => void;
+    onOpen?: (event: React__default.MouseEvent) => void;
     /** On close callback. */
-    onClose?: (event: React.MouseEvent) => void;
+    onClose?: (event: React__default.MouseEvent) => void;
     /** Props to pass to the toggle button (minus those already set by the ExpansionPanel props). */
     toggleButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** On toggle open or close callback. */
-    onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;
+    onToggleOpen?(shouldOpen: boolean, event: React__default.MouseEvent): void;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * ExpansionPanel component.
@@ -1670,7 +1675,6 @@ interface IconProps extends GenericProps, HasTheme {
     /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
     alt?: string;
 }
-
 /**
  * Icon component.
  *
@@ -1693,7 +1697,7 @@ type FocusPoint = {
  * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
  */
 declare module 'react' {
-    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {
+    interface ImgHTMLAttributes<T> extends React__default.HTMLAttributes<T> {
         loading?: 'eager' | 'lazy';
     }
 }
@@ -1759,7 +1763,7 @@ interface ThumbnailProps extends GenericProps, HasTheme {
     /** Image loading mode. */
     loading?: ImgHTMLProps['loading'];
     /** Ref of an existing placeholder image to display while loading. */
-    loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;
+    loadingPlaceholderImageRef?: React__default.RefObject<HTMLImageElement>;
     /** On click callback. */
     onClick?: MouseEventHandler<HTMLDivElement>;
     /** On key press callback. */
@@ -1767,7 +1771,7 @@ interface ThumbnailProps extends GenericProps, HasTheme {
     /** Variant of the component. */
     variant?: ThumbnailVariant;
     /** Props to pass to the link wrapping the thumbnail. */
-    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    linkProps?: React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
 }
@@ -1884,8 +1888,8 @@ declare function useImageLightbox<P extends Partial<ImageLightboxProps>>(props:
      * @param index Provide an index to choose which image to display when the image lightbox opens.
      * */
     getTriggerProps: (options?: TriggerOptions) => {
-        onClick: React.MouseEventHandler;
-        ref: React.Ref<any>;
+        onClick: React__default.MouseEventHandler;
+        ref: React__default.Ref<any>;
     };
     /** Props to forward to the ImageLightbox */
     imageLightboxProps: ManagedProps & P;
@@ -2260,15 +2264,11 @@ type BaseNavigationItemProps = {
     /** Mark as the current page link */
     isCurrentPage?: boolean;
 };
-/** Make `href` required when `as` is `a` */
-type RequiredLinkHref<E> = E extends 'a' ? {
-    href: string;
-} : Record<string, unknown>;
-declare const NavigationItem: (<E extends React.ElementType = "a">(props: React.PropsWithoutRef<React.ComponentProps<E>> & {
+declare const NavigationItem: (<E extends ElementType = "a">(props: React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
     as?: E | undefined;
-} & HasTheme & HasClassName & BaseNavigationItemProps & RequiredLinkHref<E> & React.ComponentProps<E> & {
+} & HasTheme & HasClassName & BaseNavigationItemProps & HasRequiredLinkHref<E> & React$1.ComponentProps<E> & {
     ref?: ComponentRef<E> | undefined;
-}) => React.JSX.Element) & {
+}) => React$1.JSX.Element) & {
     displayName: string;
     className: string;
 };
@@ -2845,7 +2845,7 @@ interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 's
     /** Callback when slide changes */
     onChange?(index: number): void;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Slideshow component.
@@ -2948,7 +2948,7 @@ interface SlideshowControlsProps extends GenericProps, HasTheme {
     /** Props to pass to the previous button (minus those already set by the SlideshowControls props). */
     previousButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** Props to pass to the pagination wrapper */
-    paginationProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'role'>;
+    paginationProps?: Omit<React__default.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'role'>;
     /** Number of slides. */
     slidesCount: number;
     /** On next button click callback. */
@@ -2967,7 +2967,7 @@ interface SlideshowControlsProps extends GenericProps, HasTheme {
     /**
      * function to be executed in order to retrieve the props for a pagination item.
      */
-    paginationItemProps?: (itemIndex: number) => React.HTMLAttributes<HTMLButtonElement> & {
+    paginationItemProps?: (itemIndex: number) => React__default.HTMLAttributes<HTMLButtonElement> & {
         label?: string;
     };
     /** Props to pass to the lay button (minus those already set by the SlideshowControls props). */
@@ -3000,7 +3000,7 @@ interface SlidesProps extends GenericProps, HasTheme {
     /** callback to change whether the slideshow is playing or not */
     toggleAutoPlay: () => void;
     /** component to be rendered after the slides */
-    afterSlides?: React.ReactNode;
+    afterSlides?: React__default.ReactNode;
     /** Whether the slides have controls linked */
     hasControls?: boolean;
     /**
@@ -3009,7 +3009,7 @@ interface SlidesProps extends GenericProps, HasTheme {
      * */
     slideGroupLabel?: (groupPosition: number, groupTotal: number) => string;
     /** Children */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Slides component.
@@ -3407,8 +3407,8 @@ type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
 /**
  * Extend native HTML input props with specialized `onChange` providing the a `File` array.
  */
-interface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {
-    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;
+interface FileInputProps extends Omit<React__default.ComponentProps<'input'>, 'onChange'> {
+    onChange(files: File[], evt: React__default.ChangeEvent<HTMLInputElement>): void;
 }
 /**
  * Defines the props of the component.
@@ -3453,13 +3453,13 @@ interface UserBlockProps extends GenericProps, HasTheme {
     /** Additional fields used to describe the user. */
     fields?: string[];
     /** Props to pass to the link wrapping the avatar thumbnail. */
-    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    linkProps?: React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
     /** Multiple action toolbar content. */
     multipleActions?: ReactNode;
     /** User name. */
-    name?: React.ReactNode;
+    name?: React__default.ReactNode;
     /** Props to pass to the name block. */
     nameProps?: GenericProps;
     /** Orientation. */
@@ -3475,9 +3475,9 @@ interface UserBlockProps extends GenericProps, HasTheme {
     /** On mouse leave callback. */
     onMouseLeave?(): void;
     /** Display additional fields below the original name and fields */
-    additionalFields?: React.ReactNode;
+    additionalFields?: React__default.ReactNode;
     /** Display an additional element after the entire component. (to the right if orientation is horizontal, at the bottom if orientation is vertical) */
-    after?: React.ReactNode;
+    after?: React__default.ReactNode;
 }
 /**
  * UserBlock component.
@@ -3490,9 +3490,9 @@ declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
 
 type ThemeContextValue = Theme | undefined;
 /** Provide a theme context to all children. */
-declare const ThemeProvider: React.FC<{
+declare const ThemeProvider: React__default.FC<{
     value: ThemeContextValue;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }>;
 /** Get the theme in the current context. */
 declare function useTheme(): ThemeContextValue;