@lumx/react 3.1.2 → 3.1.3-alpha.0

package/_internal/types.d.ts

@@ -285,4 +285,4 @@ declare const ThumbnailVariant: {
 };
 declare type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;
 
-export { Alignment as A, Comp as C, Emphasis as E, Falsy as F, GenericProps as G, HasTheme as H, Kind as K, Orientation as O, Size as S, Typography as T, ValueOf as V, HorizontalAlignment as a, ColorPalette as b, Callback as c, VerticalAlignment as d, ColorVariant as e, TextElement as f, HeadingElement as g, AspectRatio as h, FocusPoint as i, ThumbnailSize as j, ThumbnailVariant as k, HasAriaLabelOrLabelledBy as l, GlobalSize as m, TypographyInterface as n, Color as o, Theme as p, TypographyTitleCustom as q, TypographyCustom as r, ThumbnailAspectRatio as s };
+export { Alignment as A, Comp as C, Emphasis as E, Falsy as F, GenericProps as G, HasTheme as H, Kind as K, Orientation as O, Size as S, Typography as T, ValueOf as V, HorizontalAlignment as a, ColorPalette as b, VerticalAlignment as c, ColorVariant as d, TextElement as e, HeadingElement as f, AspectRatio as g, FocusPoint as h, ThumbnailSize as i, ThumbnailVariant as j, HasAriaLabelOrLabelledBy as k, GlobalSize as l, TypographyInterface as m, Color as n, Theme as o, TypographyTitleCustom as p, TypographyCustom as q, Callback as r, ThumbnailAspectRatio as s };

package/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, SyntheticEvent, ReactElement, MouseEventHandler, KeyboardEventHandler, AriaAttributes, DetailedHTMLProps, ButtonHTMLAttributes, InputHTMLAttributes, Ref, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key } from 'react';
-import { K as Kind, C as Comp, G as GenericProps, H as HasTheme, a as HorizontalAlignment, S as Size, b as ColorPalette, E as Emphasis, V as ValueOf, c as Callback, A as Alignment, d as VerticalAlignment, O as Orientation, e as ColorVariant, T as Typography, f as TextElement, g as HeadingElement, h as AspectRatio, F as Falsy, i as FocusPoint, j as ThumbnailSize, k as ThumbnailVariant, l as HasAriaLabelOrLabelledBy, m as GlobalSize, n as TypographyInterface } from './_internal/types.js';
-export { A as Alignment, h as AspectRatio, c as Callback, o as Color, b as ColorPalette, e as ColorVariant, E as Emphasis, i as FocusPoint, G as GenericProps, m as GlobalSize, g as HeadingElement, a as HorizontalAlignment, K as Kind, O as Orientation, S as Size, f as TextElement, p as Theme, s as ThumbnailAspectRatio, j as ThumbnailSize, k as ThumbnailVariant, T as Typography, r as TypographyCustom, n as TypographyInterface, q as TypographyTitleCustom, d as VerticalAlignment } from './_internal/types.js';
+import { K as Kind, C as Comp, G as GenericProps, H as HasTheme, a as HorizontalAlignment, S as Size, b as ColorPalette, E as Emphasis, V as ValueOf, A as Alignment, c as VerticalAlignment, O as Orientation, d as ColorVariant, T as Typography, e as TextElement, f as HeadingElement, g as AspectRatio, F as Falsy, h as FocusPoint, i as ThumbnailSize, j as ThumbnailVariant, k as HasAriaLabelOrLabelledBy, l as GlobalSize, m as TypographyInterface } from './_internal/types.js';
+export { A as Alignment, g as AspectRatio, r as Callback, n as Color, b as ColorPalette, d as ColorVariant, E as Emphasis, h as FocusPoint, G as GenericProps, l as GlobalSize, f as HeadingElement, a as HorizontalAlignment, K as Kind, O as Orientation, S as Size, e as TextElement, o as Theme, s as ThumbnailAspectRatio, i as ThumbnailSize, j as ThumbnailVariant, T as Typography, q as TypographyCustom, m as TypographyInterface, p as TypographyTitleCustom, c as VerticalAlignment } from './_internal/types.js';
 
 interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
     /** Message variant. */
@@ -877,13 +877,13 @@ interface ExpansionPanelProps extends GenericProps, HasTheme {
     /** Label text (overwritten if a `<header>` is provided in the children). */
     label?: string;
     /** On open callback. */
-    onOpen?: Callback;
+    onOpen?: (event: React.MouseEvent) => void;
     /** On close callback. */
-    onClose?: Callback;
+    onClose?: (event: React.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): void;
+    onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;
 }
 /**
  * ExpansionPanel component.

package/index.js

@@ -6378,16 +6378,16 @@ const ExpansionPanel = /*#__PURE__*/forwardRef((props, ref) => {
   const headerContent = !isEmpty(headerProps.children) ? headerProps.children : /*#__PURE__*/React.createElement("span", {
     className: `${CLASSNAME$k}__label`
   }, label);
-  const toggleOpen = () => {
+  const toggleOpen = event => {
     const shouldOpen = !isOpen;
     if (isFunction(onOpen) && shouldOpen) {
-      onOpen();
+      onOpen(event);
     }
     if (isFunction(onClose) && !shouldOpen) {
-      onClose();
+      onClose(event);
     }
     if (isFunction(onToggleOpen)) {
-      onToggleOpen(shouldOpen);
+      onToggleOpen(shouldOpen, event);
     }
   };
   const color = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;