@lumx/react 3.17.1 → 3.17.3-alpha.0

package/index.d.ts

@@ -1206,7 +1206,7 @@ declare const Dropdown: Comp<DropdownProps, HTMLDivElement>;
 /**
  * Defines the props of the component.
  */
-interface ExpansionPanelProps extends GenericProps, HasTheme {
+interface ExpansionPanelProps extends GenericProps, HasCloseMode, HasTheme {
     /** Whether the expansion panel has a background. */
     hasBackground?: boolean;
     /** Whether the header has a divider. */

package/index.js

@@ -6888,7 +6888,7 @@ Dropdown.displayName = COMPONENT_NAME$10;
 Dropdown.className = CLASSNAME$10;
 Dropdown.defaultProps = DEFAULT_PROPS$O;
 
-const _excluded$14 = ["className", "children", "hasBackground", "hasHeaderDivider", "isOpen", "label", "onClose", "onOpen", "onToggleOpen", "theme", "toggleButtonProps"];
+const _excluded$14 = ["className", "closeMode", "children", "hasBackground", "hasHeaderDivider", "isOpen", "label", "onClose", "onOpen", "onToggleOpen", "theme", "toggleButtonProps"];
 
 /**
  * Defines the props of the component.
@@ -6907,7 +6907,9 @@ const CLASSNAME$$ = getRootClassName(COMPONENT_NAME$$);
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$N = {};
+const DEFAULT_PROPS$N = {
+  closeMode: 'unmount'
+};
 const isDragHandle = isComponent(DragHandle);
 const isHeader = isComponent('header');
 const isFooter = isComponent('footer');
@@ -6923,6 +6925,7 @@ const ExpansionPanel = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme.light;
   const {
       className,
+      closeMode = DEFAULT_PROPS$N.closeMode,
       children: anyChildren,
       hasBackground,
       hasHeaderDivider,
@@ -6970,20 +6973,20 @@ const ExpansionPanel = forwardRef((props, ref) => {
   }));
   const wrapperRef = useRef(null);
 
-  // Children visible while the open/close transition is running
+  // Children stay visible while the open/close transition is running
   const [isChildrenVisible, setChildrenVisible] = React__default.useState(isOpen);
   const isOpenRef = React__default.useRef(isOpen);
   React__default.useEffect(() => {
-    if (isOpen) {
+    if (isOpen || closeMode === 'hide') {
       setChildrenVisible(true);
     } else if (!IS_BROWSER) {
       // Outside a browser we can't wait for the transition
       setChildrenVisible(false);
     }
     isOpenRef.current = isOpen;
-  }, [isOpen]);
+  }, [closeMode, isOpen]);
 
-  // Change children visibility on transition end
+  // Change children's visibility on the transition end
   React__default.useEffect(() => {
     const {
       current: wrapper
@@ -6992,11 +6995,11 @@ const ExpansionPanel = forwardRef((props, ref) => {
       return undefined;
     }
     const onTransitionEnd = () => {
-      setChildrenVisible(isOpenRef.current);
+      setChildrenVisible(isOpenRef.current || closeMode === 'hide');
     };
     wrapper.addEventListener('transitionend', onTransitionEnd);
     return () => wrapper.removeEventListener('transitionend', onTransitionEnd);
-  }, []);
+  }, [closeMode]);
   return /*#__PURE__*/React__default.createElement("section", _extends({
     ref: ref
   }, forwardedProps, {