@linzjs/lui 20.0.1 → 20.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [20.0.2](https://github.com/linz/lui/compare/v20.0.1...v20.0.2) (2023-09-21)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **LuiExpandableBanner:** configure overflow ([#1013](https://github.com/linz/lui/issues/1013)) ([da054c2](https://github.com/linz/lui/commit/da054c25aa9b0ae194a03c019f4249164823abd5))
|
|
7
|
+
|
|
1
8
|
## [20.0.1](https://github.com/linz/lui/compare/v20.0.0...v20.0.1) (2023-09-20)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
+
declare type OverflowType = 'hidden' | 'auto' | 'inherit' | 'overlay' | 'revert' | 'scroll' | 'unset' | 'visible';
|
|
2
3
|
export interface Expandable {
|
|
3
4
|
className?: string;
|
|
4
5
|
label: ReactNode;
|
|
5
6
|
labelPrefix?: ReactNode;
|
|
6
7
|
start?: 'collapsed' | 'expanded';
|
|
8
|
+
expandedOverflow?: OverflowType;
|
|
7
9
|
}
|
|
8
10
|
export declare const LuiExpandableBanner: React.FC<React.PropsWithChildren<Expandable>>;
|
|
11
|
+
export {};
|
package/dist/index.js
CHANGED
|
@@ -25701,6 +25701,7 @@ var LuiExpandableBanner = function (props) {
|
|
|
25701
25701
|
React.useEffect(function () {
|
|
25702
25702
|
content.current && setMaxHeight(getMaxHeight(content.current));
|
|
25703
25703
|
}, [content]);
|
|
25704
|
+
var accordionExpandedOverflow = props.expandedOverflow || 'auto';
|
|
25704
25705
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
25705
25706
|
React__default["default"].createElement("div", { className: clsx('lui-expand-container', props.className) },
|
|
25706
25707
|
props.labelPrefix,
|
|
@@ -25716,7 +25717,7 @@ var LuiExpandableBanner = function (props) {
|
|
|
25716
25717
|
: 'lui-expand-icon material-icons-round lui-expand-icon-transform') }, 'expand_more'))),
|
|
25717
25718
|
React__default["default"].createElement("div", { className: "lui-accordion-content", style: {
|
|
25718
25719
|
maxHeight: collapse ? '0px' : maxHeight,
|
|
25719
|
-
overflow: collapse ? 'hidden' :
|
|
25720
|
+
overflow: collapse ? 'hidden' : accordionExpandedOverflow
|
|
25720
25721
|
}, onTransitionEnd: function (e) { return setMaxHeight(getMaxHeight(e.currentTarget)); }, ref: content }, props.children)));
|
|
25721
25722
|
};
|
|
25722
25723
|
|