@lumx/react 4.2.1-alpha.10 → 4.2.1-alpha.12

package/index.d.ts

@@ -1,4 +1,4 @@
-import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Size as Size$1, ColorPalette as ColorPalette$1, GenericProps as GenericProps$2, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1, GlobalSize, TypographyInterface as TypographyInterface$1, Theme as Theme$1 } from '@lumx/core/js/constants';
+import { Kind as Kind$1, HorizontalAlignment as HorizontalAlignment$1, Size as Size$1, ColorPalette as ColorPalette$1, Orientation as Orientation$1, Alignment as Alignment$1, AspectRatio, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, GenericProps as GenericProps$3, Emphasis as Emphasis$1, GlobalSize, TypographyInterface as TypographyInterface$1, Theme as Theme$1 } from '@lumx/core/js/constants';
 export * from '@lumx/core/js/constants';
 import * as _lumx_core_js_types from '@lumx/core/js/types';
 import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, Falsy, HasClassName as HasClassName$1, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
@@ -6,7 +6,7 @@ export * from '@lumx/core/js/types';
 import * as React$1 from 'react';
 import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, InputHTMLAttributes, RefObject, CSSProperties, ImgHTMLAttributes, AriaAttributes as AriaAttributes$1, SetStateAction, Key, ElementType, ComponentProps } from 'react';
 import { GenericProps } from '@lumx/core/js/types/GenericProps';
-import { GenericProps as GenericProps$3 } from '@lumx/core/js/utils/disabledState';
+import { GenericProps as GenericProps$2 } from '@lumx/core/js/utils/disabledState';
 
 /** LumX Component Type. */
 type Comp<P, T = HTMLElement> = {
@@ -549,9 +549,9 @@ interface AriaAttributes {
 interface BaseClickableProps {
     children?: JSXElement;
     isDisabled?: boolean;
-    disabled?: boolean;
+    disabled?: boolean | null;
     'aria-disabled'?: Booleanish;
-    onClick?: (event?: any) => void;
+    onClick?: ((event: any) => void) | null;
     ref?: CommonRef;
 }
 
@@ -627,7 +627,11 @@ declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
  */
 declare const DEFAULT_PROPS: Partial<ButtonProps$1>;
 
-interface ButtonProps extends GenericProps$2, ButtonProps$1 {
+interface ButtonProps extends ButtonProps$1 {
+    /**
+     * Any prop (particularly any supported prop for a HTML element).
+     */
+    [propName: string]: any;
 }
 /**
  * Button component.
@@ -636,7 +640,7 @@ interface ButtonProps extends GenericProps$2, ButtonProps$1 {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
+declare const Button: Comp<ButtonProps, HTMLAnchorElement | HTMLButtonElement>;
 
 interface IconButtonProps$1 extends BaseButtonProps {
     /**
@@ -660,7 +664,11 @@ interface IconButtonProps$1 extends BaseButtonProps {
     title?: string;
 }
 
-interface IconButtonProps extends GenericProps$2, IconButtonProps$1 {
+interface IconButtonProps extends Omit<IconButtonProps$1, 'children'> {
+    /**
+     * Any prop (particularly any supported prop for a HTML element).
+     */
+    [propName: string]: any;
     /**
      * Props to pass to the tooltip.
      * If undefined or if tooltipProps.label is undefined, the label prop will be used as tooltip label.
@@ -1308,7 +1316,12 @@ interface FlagProps$1 extends HasClassName, HasTheme {
     Text: (props: TextProps$1) => any;
 }
 
-interface FlagProps extends GenericProps$2, Omit<FlagProps$1, 'children' | 'Text'> {
+interface FlagProps extends Omit<FlagProps$1, 'children' | 'Text'> {
+    /**
+     * Any prop (particularly any supported prop for a HTML element).
+     */
+    [propName: string]: any;
+    /** Text label of the flag. */
     label: React.ReactNode;
 }
 /**
@@ -1886,7 +1899,7 @@ interface InputHelperProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface InputHelperProps extends InputHelperProps$1, GenericProps$3 {
+interface InputHelperProps extends InputHelperProps$1, GenericProps$2 {
 }
 /**
  * InputHelper component.
@@ -1910,7 +1923,7 @@ interface InputLabelProps$1 extends HasClassName, HasTheme {
     ref?: CommonRef;
 }
 
-interface InputLabelProps extends InputLabelProps$1, GenericProps$2 {
+interface InputLabelProps extends InputLabelProps$1, GenericProps$3 {
 }
 /**
  * InputLabel component.
@@ -1990,7 +2003,7 @@ interface LinkProps extends GenericProps$1, HasAriaDisabled$1 {
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const Link: Comp<LinkProps, HTMLButtonElement | HTMLAnchorElement>;
+declare const Link: Comp<LinkProps, HTMLAnchorElement | HTMLButtonElement>;
 
 /**
  * Defines the props of the component.
@@ -2157,7 +2170,7 @@ interface MessageProps$1 extends HasClassName {
      */
     closeButtonProps?: {
         /** The callback called when the button is clicked */
-        onClick: () => void;
+        onClick: ((event: any) => void) | null;
         /** The label of the close button. */
         label: string;
     };
@@ -2247,9 +2260,9 @@ interface NotificationProps extends GenericProps$1, HasTheme$1 {
     /** Z-axis position. */
     zIndex?: number;
     /** On action button click callback. */
-    onActionClick?(): void;
+    onActionClick?(event: any): void | null;
     /** On click callback. */
-    onClick?(): void;
+    onClick?(event: any): void | null;
     /** Whether the notification should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
     usePortal?: boolean;
 }

package/index.js

@@ -9298,7 +9298,7 @@ const Notification = forwardRef((props, ref) => {
   const hasAction = Boolean(onActionClick) && Boolean(actionLabel);
   const handleCallback = evt => {
     if (isFunction(onActionClick)) {
-      onActionClick();
+      onActionClick(evt);
     }
     evt.stopPropagation();
   };