@linzjs/lui 20.0.2 → 20.0.3

package/dist/lui.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { forwardRef as forwardRef$1, useState, createContext, createElement, useContext, useRef, PureComponent, useEffect, Fragment, useLayoutEffect, Component, useMemo, useCallback, cloneElement, Children, isValidElement } from 'react';
+import React__default, { forwardRef as forwardRef$1, useState, createContext, createElement, useContext, useRef, PureComponent, useEffect, Fragment, useCallback, useLayoutEffect, Component, useMemo, cloneElement, Children, isValidElement } from 'react';
 import { Menu as Menu$1, ControlledMenu, applyStatics, MenuItem, SubMenu, MenuDivider, MenuHeader, useMenuState, FocusableItem } from '@szhsin/react-menu';
 import crypto$1 from 'crypto';
 import { Formik, Form, useFormikContext, Field, getIn, connect, ErrorMessage, useField } from 'formik';
@@ -25660,18 +25660,27 @@ var LuiMessagingContextProvider = function (props) {
         props.children));
 };
 
-var getMaxHeight = function (_a) {
-    var scrollHeight = _a.scrollHeight;
-    return Math.max(scrollHeight, 1200) + 'px';
-};
 var LuiExpandableBanner = function (props) {
+    var contentMaxHeight = props.contentMaxHeight;
     var initiallyCollapsed = useRef(props.start === 'expanded' ? false : true);
     var _a = useState(initiallyCollapsed.current), collapse = _a[0], setCollapse = _a[1];
     var content = useRef(null);
+    var getMaxHeight = useCallback(function (_a) {
+        var scrollHeight = _a.scrollHeight;
+        if (contentMaxHeight && contentMaxHeight.type === 'calculated') {
+            return scrollHeight + 'px';
+        }
+        else if (contentMaxHeight && contentMaxHeight.type === 'fixed') {
+            return contentMaxHeight.maxHeight;
+        }
+        else {
+            return Math.max(scrollHeight, 1200) + 'px';
+        }
+    }, [content, props.contentMaxHeight]);
     var _b = useState('initial'), maxHeight = _b[0], setMaxHeight = _b[1];
     useEffect(function () {
         content.current && setMaxHeight(getMaxHeight(content.current));
-    }, [content]);
+    }, [content, getMaxHeight]);
     var accordionExpandedOverflow = props.expandedOverflow || 'auto';
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: clsx('lui-expand-container', props.className) },