@amboss/design-system 3.12.0 → 3.12.1
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/build/cjs/components/Utilities/Expandable/Expandable.d.ts +3 -1
- package/build/cjs/components/Utilities/Expandable/Expandable.js +1 -1
- package/build/esm/components/Utilities/Expandable/Expandable.d.ts +3 -1
- package/build/esm/components/Utilities/Expandable/Expandable.js +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { Property } from "csstype";
|
|
3
3
|
export type ExpandableProps = {
|
|
4
|
+
/** `id` can be referenced by the button trigger's aria-controls attribute to establish accessibility linkage. */
|
|
5
|
+
id?: string;
|
|
4
6
|
children: React.ReactNode;
|
|
5
7
|
isExpanded?: boolean;
|
|
6
8
|
/** Internally overflow is set to hidden when collapsed. Use this prop to restore overflow on expand */
|
|
7
9
|
overflow?: Property.Overflow;
|
|
8
10
|
};
|
|
9
|
-
export declare function Expandable({ isExpanded, children, overflow, }: ExpandableProps): React.ReactElement;
|
|
11
|
+
export declare function Expandable({ id, isExpanded, children, overflow, }: ExpandableProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Expandable",{enumerable:!0,get:function(){return Expandable}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),StyledContainer=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Expandable",{enumerable:!0,get:function(){return Expandable}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),StyledContainer=(0,_styled.default)("div",{target:"e1xmy6810",label:"StyledContainer"})(({isExpanded})=>({display:"grid",gridTemplateRows:"0fr",transition:"200ms grid-template-rows cubic-bezier(0.0, 0.0, 0.25, 1.0)",...isExpanded&&{gridTemplateRows:"1fr"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVXRpbGl0aWVzL0V4cGFuZGFibGUvRXhwYW5kYWJsZS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1V0aWxpdGllcy9FeHBhbmRhYmxlL0V4cGFuZGFibGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuXG5leHBvcnQgdHlwZSBFeHBhbmRhYmxlUHJvcHMgPSB7XG4gIC8qKiBgaWRgIGNhbiBiZSByZWZlcmVuY2VkIGJ5IHRoZSBidXR0b24gdHJpZ2dlcidzIGFyaWEtY29udHJvbHMgYXR0cmlidXRlIHRvIGVzdGFibGlzaCBhY2Nlc3NpYmlsaXR5IGxpbmthZ2UuICovXG4gIGlkPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc0V4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIEludGVybmFsbHkgb3ZlcmZsb3cgaXMgc2V0IHRvIGhpZGRlbiB3aGVuIGNvbGxhcHNlZC4gVXNlIHRoaXMgcHJvcCB0byByZXN0b3JlIG92ZXJmbG93IG9uIGV4cGFuZCAqL1xuICBvdmVyZmxvdz86IFByb3BlcnR5Lk92ZXJmbG93O1xufTtcblxuY29uc3QgQU5JTUFUSU9OX1RJTUUgPSAyMDA7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxFeHBhbmRhYmxlUHJvcHM+PihcbiAgKHsgaXNFeHBhbmRlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgIGdyaWRUZW1wbGF0ZVJvd3M6IFwiMGZyXCIsXG4gICAgdHJhbnNpdGlvbjogYCR7QU5JTUFUSU9OX1RJTUV9bXMgZ3JpZC10ZW1wbGF0ZS1yb3dzIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yNSwgMS4wKWAsXG5cbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBncmlkVGVtcGxhdGVSb3dzOiBcIjFmclwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRXhwYW5kaW5nOiBib29sZWFuO1xufSAmIFBpY2s8RXhwYW5kYWJsZVByb3BzLCBcIm92ZXJmbG93XCI+O1xuXG5jb25zdCBTdHlsZWRDb250ZW50Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcIm92ZXJmbG93XCIsXG59KTxTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHM+KCh7IGlzRXhwYW5kaW5nLCBvdmVyZmxvdyB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcblxuICAuLi4oaXNFeHBhbmRpbmcgJiYge1xuICAgIG92ZXJmbG93LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEV4cGFuZGFibGUoe1xuICBpZCxcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJ2aXNpYmxlXCIsXG59OiBFeHBhbmRhYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNFeHBhbmRpbmcsIHNldElzRXhwYW5kaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUcmFuc2l0aW9uRW5kID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkKSB7XG4gICAgICBzZXRJc0V4cGFuZGluZyh0cnVlKTtcbiAgICB9XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0V4cGFuZGluZyhmYWxzZSk7XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBvblRyYW5zaXRpb25FbmQ9e2hhbmRsZVRyYW5zaXRpb25FbmR9XG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgZGF0YS1kcy1pZD1cIkV4cGFuZGFibGVcIlxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250ZW50Q29udGFpbmVyIGlzRXhwYW5kaW5nPXtpc0V4cGFuZGluZ30gb3ZlcmZsb3c9e292ZXJmbG93fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCd0IifQ== */"),StyledContentContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"overflow"!==prop,target:"e1xmy6811",label:"StyledContentContainer"})(({isExpanding,overflow})=>({overflow:"hidden",...isExpanding&&{overflow}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVXRpbGl0aWVzL0V4cGFuZGFibGUvRXhwYW5kYWJsZS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1V0aWxpdGllcy9FeHBhbmRhYmxlL0V4cGFuZGFibGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuXG5leHBvcnQgdHlwZSBFeHBhbmRhYmxlUHJvcHMgPSB7XG4gIC8qKiBgaWRgIGNhbiBiZSByZWZlcmVuY2VkIGJ5IHRoZSBidXR0b24gdHJpZ2dlcidzIGFyaWEtY29udHJvbHMgYXR0cmlidXRlIHRvIGVzdGFibGlzaCBhY2Nlc3NpYmlsaXR5IGxpbmthZ2UuICovXG4gIGlkPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc0V4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIEludGVybmFsbHkgb3ZlcmZsb3cgaXMgc2V0IHRvIGhpZGRlbiB3aGVuIGNvbGxhcHNlZC4gVXNlIHRoaXMgcHJvcCB0byByZXN0b3JlIG92ZXJmbG93IG9uIGV4cGFuZCAqL1xuICBvdmVyZmxvdz86IFByb3BlcnR5Lk92ZXJmbG93O1xufTtcblxuY29uc3QgQU5JTUFUSU9OX1RJTUUgPSAyMDA7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxFeHBhbmRhYmxlUHJvcHM+PihcbiAgKHsgaXNFeHBhbmRlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgIGdyaWRUZW1wbGF0ZVJvd3M6IFwiMGZyXCIsXG4gICAgdHJhbnNpdGlvbjogYCR7QU5JTUFUSU9OX1RJTUV9bXMgZ3JpZC10ZW1wbGF0ZS1yb3dzIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yNSwgMS4wKWAsXG5cbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBncmlkVGVtcGxhdGVSb3dzOiBcIjFmclwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRXhwYW5kaW5nOiBib29sZWFuO1xufSAmIFBpY2s8RXhwYW5kYWJsZVByb3BzLCBcIm92ZXJmbG93XCI+O1xuXG5jb25zdCBTdHlsZWRDb250ZW50Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcIm92ZXJmbG93XCIsXG59KTxTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHM+KCh7IGlzRXhwYW5kaW5nLCBvdmVyZmxvdyB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcblxuICAuLi4oaXNFeHBhbmRpbmcgJiYge1xuICAgIG92ZXJmbG93LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEV4cGFuZGFibGUoe1xuICBpZCxcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJ2aXNpYmxlXCIsXG59OiBFeHBhbmRhYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNFeHBhbmRpbmcsIHNldElzRXhwYW5kaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUcmFuc2l0aW9uRW5kID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkKSB7XG4gICAgICBzZXRJc0V4cGFuZGluZyh0cnVlKTtcbiAgICB9XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0V4cGFuZGluZyhmYWxzZSk7XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBvblRyYW5zaXRpb25FbmQ9e2hhbmRsZVRyYW5zaXRpb25FbmR9XG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgZGF0YS1kcy1pZD1cIkV4cGFuZGFibGVcIlxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250ZW50Q29udGFpbmVyIGlzRXhwYW5kaW5nPXtpc0V4cGFuZGluZ30gb3ZlcmZsb3c9e292ZXJmbG93fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDK0IifQ== */");function Expandable({id,isExpanded,children,overflow="visible"}){let[isExpanding,setIsExpanding]=(0,_react.useState)(!1),handleTransitionEnd=(0,_react.useCallback)(()=>{isExpanded&&setIsExpanding(!0)},[isExpanded]);return(0,_react.useEffect)(()=>{setIsExpanding(!1)},[isExpanded]),_react.default.createElement(StyledContainer,{onTransitionEnd:handleTransitionEnd,isExpanded:isExpanded,"data-ds-id":"Expandable",id:id},_react.default.createElement(StyledContentContainer,{isExpanding:isExpanding,overflow:overflow},children))}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { Property } from "csstype";
|
|
3
3
|
export type ExpandableProps = {
|
|
4
|
+
/** `id` can be referenced by the button trigger's aria-controls attribute to establish accessibility linkage. */
|
|
5
|
+
id?: string;
|
|
4
6
|
children: React.ReactNode;
|
|
5
7
|
isExpanded?: boolean;
|
|
6
8
|
/** Internally overflow is set to hidden when collapsed. Use this prop to restore overflow on expand */
|
|
7
9
|
overflow?: Property.Overflow;
|
|
8
10
|
};
|
|
9
|
-
export declare function Expandable({ isExpanded, children, overflow, }: ExpandableProps): React.ReactElement;
|
|
11
|
+
export declare function Expandable({ id, isExpanded, children, overflow, }: ExpandableProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback,useEffect,useState}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";let StyledContainer=styled("div",{target:"
|
|
1
|
+
import React,{useCallback,useEffect,useState}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";let StyledContainer=styled("div",{target:"e1xmy6810",label:"StyledContainer"})(({isExpanded})=>({display:"grid",gridTemplateRows:"0fr",transition:"200ms grid-template-rows cubic-bezier(0.0, 0.0, 0.25, 1.0)",...isExpanded&&{gridTemplateRows:"1fr"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVXRpbGl0aWVzL0V4cGFuZGFibGUvRXhwYW5kYWJsZS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1V0aWxpdGllcy9FeHBhbmRhYmxlL0V4cGFuZGFibGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuXG5leHBvcnQgdHlwZSBFeHBhbmRhYmxlUHJvcHMgPSB7XG4gIC8qKiBgaWRgIGNhbiBiZSByZWZlcmVuY2VkIGJ5IHRoZSBidXR0b24gdHJpZ2dlcidzIGFyaWEtY29udHJvbHMgYXR0cmlidXRlIHRvIGVzdGFibGlzaCBhY2Nlc3NpYmlsaXR5IGxpbmthZ2UuICovXG4gIGlkPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc0V4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIEludGVybmFsbHkgb3ZlcmZsb3cgaXMgc2V0IHRvIGhpZGRlbiB3aGVuIGNvbGxhcHNlZC4gVXNlIHRoaXMgcHJvcCB0byByZXN0b3JlIG92ZXJmbG93IG9uIGV4cGFuZCAqL1xuICBvdmVyZmxvdz86IFByb3BlcnR5Lk92ZXJmbG93O1xufTtcblxuY29uc3QgQU5JTUFUSU9OX1RJTUUgPSAyMDA7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxFeHBhbmRhYmxlUHJvcHM+PihcbiAgKHsgaXNFeHBhbmRlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgIGdyaWRUZW1wbGF0ZVJvd3M6IFwiMGZyXCIsXG4gICAgdHJhbnNpdGlvbjogYCR7QU5JTUFUSU9OX1RJTUV9bXMgZ3JpZC10ZW1wbGF0ZS1yb3dzIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yNSwgMS4wKWAsXG5cbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBncmlkVGVtcGxhdGVSb3dzOiBcIjFmclwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRXhwYW5kaW5nOiBib29sZWFuO1xufSAmIFBpY2s8RXhwYW5kYWJsZVByb3BzLCBcIm92ZXJmbG93XCI+O1xuXG5jb25zdCBTdHlsZWRDb250ZW50Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcIm92ZXJmbG93XCIsXG59KTxTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHM+KCh7IGlzRXhwYW5kaW5nLCBvdmVyZmxvdyB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcblxuICAuLi4oaXNFeHBhbmRpbmcgJiYge1xuICAgIG92ZXJmbG93LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEV4cGFuZGFibGUoe1xuICBpZCxcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJ2aXNpYmxlXCIsXG59OiBFeHBhbmRhYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNFeHBhbmRpbmcsIHNldElzRXhwYW5kaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUcmFuc2l0aW9uRW5kID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkKSB7XG4gICAgICBzZXRJc0V4cGFuZGluZyh0cnVlKTtcbiAgICB9XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0V4cGFuZGluZyhmYWxzZSk7XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBvblRyYW5zaXRpb25FbmQ9e2hhbmRsZVRyYW5zaXRpb25FbmR9XG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgZGF0YS1kcy1pZD1cIkV4cGFuZGFibGVcIlxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250ZW50Q29udGFpbmVyIGlzRXhwYW5kaW5nPXtpc0V4cGFuZGluZ30gb3ZlcmZsb3c9e292ZXJmbG93fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCd0IifQ== */"),StyledContentContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"overflow"!==prop,target:"e1xmy6811",label:"StyledContentContainer"})(({isExpanding,overflow})=>({overflow:"hidden",...isExpanding&&{overflow}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVXRpbGl0aWVzL0V4cGFuZGFibGUvRXhwYW5kYWJsZS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1V0aWxpdGllcy9FeHBhbmRhYmxlL0V4cGFuZGFibGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuXG5leHBvcnQgdHlwZSBFeHBhbmRhYmxlUHJvcHMgPSB7XG4gIC8qKiBgaWRgIGNhbiBiZSByZWZlcmVuY2VkIGJ5IHRoZSBidXR0b24gdHJpZ2dlcidzIGFyaWEtY29udHJvbHMgYXR0cmlidXRlIHRvIGVzdGFibGlzaCBhY2Nlc3NpYmlsaXR5IGxpbmthZ2UuICovXG4gIGlkPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc0V4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIEludGVybmFsbHkgb3ZlcmZsb3cgaXMgc2V0IHRvIGhpZGRlbiB3aGVuIGNvbGxhcHNlZC4gVXNlIHRoaXMgcHJvcCB0byByZXN0b3JlIG92ZXJmbG93IG9uIGV4cGFuZCAqL1xuICBvdmVyZmxvdz86IFByb3BlcnR5Lk92ZXJmbG93O1xufTtcblxuY29uc3QgQU5JTUFUSU9OX1RJTUUgPSAyMDA7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxFeHBhbmRhYmxlUHJvcHM+PihcbiAgKHsgaXNFeHBhbmRlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgIGdyaWRUZW1wbGF0ZVJvd3M6IFwiMGZyXCIsXG4gICAgdHJhbnNpdGlvbjogYCR7QU5JTUFUSU9OX1RJTUV9bXMgZ3JpZC10ZW1wbGF0ZS1yb3dzIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yNSwgMS4wKWAsXG5cbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBncmlkVGVtcGxhdGVSb3dzOiBcIjFmclwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRXhwYW5kaW5nOiBib29sZWFuO1xufSAmIFBpY2s8RXhwYW5kYWJsZVByb3BzLCBcIm92ZXJmbG93XCI+O1xuXG5jb25zdCBTdHlsZWRDb250ZW50Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcIm92ZXJmbG93XCIsXG59KTxTdHlsZWRDb250ZW50Q29udGFpbmVyUHJvcHM+KCh7IGlzRXhwYW5kaW5nLCBvdmVyZmxvdyB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcblxuICAuLi4oaXNFeHBhbmRpbmcgJiYge1xuICAgIG92ZXJmbG93LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEV4cGFuZGFibGUoe1xuICBpZCxcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG4gIG92ZXJmbG93ID0gXCJ2aXNpYmxlXCIsXG59OiBFeHBhbmRhYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNFeHBhbmRpbmcsIHNldElzRXhwYW5kaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUcmFuc2l0aW9uRW5kID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc0V4cGFuZGVkKSB7XG4gICAgICBzZXRJc0V4cGFuZGluZyh0cnVlKTtcbiAgICB9XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0V4cGFuZGluZyhmYWxzZSk7XG4gIH0sIFtpc0V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBvblRyYW5zaXRpb25FbmQ9e2hhbmRsZVRyYW5zaXRpb25FbmR9XG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgZGF0YS1kcy1pZD1cIkV4cGFuZGFibGVcIlxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250ZW50Q29udGFpbmVyIGlzRXhwYW5kaW5nPXtpc0V4cGFuZGluZ30gb3ZlcmZsb3c9e292ZXJmbG93fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRDb250ZW50Q29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDK0IifQ== */");export function Expandable({id,isExpanded,children,overflow="visible"}){let[isExpanding,setIsExpanding]=useState(!1),handleTransitionEnd=useCallback(()=>{isExpanded&&setIsExpanding(!0)},[isExpanded]);return useEffect(()=>{setIsExpanding(!1)},[isExpanded]),React.createElement(StyledContainer,{onTransitionEnd:handleTransitionEnd,isExpanded:isExpanded,"data-ds-id":"Expandable",id:id},React.createElement(StyledContentContainer,{isExpanding:isExpanding,overflow:overflow},children))}
|