Liferay.Loader.define("change-tracking-web@2.0.102/publications/js/components/form/CollapsablePanel",["module","exports","require","@frontend-taglib-clay$clayui/button","@frontend-taglib-clay$clayui/icon","@frontend-taglib-clay$clayui/panel","@frontend-taglib-clay$clayui/tooltip","liferay!frontend-js-react-web$classnames","liferay!frontend-js-react-web$react","./hooks/useHeightTransition"],(function(e,l,a){window;{Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=_interopRequireDefault(a("@frontend-taglib-clay$clayui/button")),n=_interopRequireDefault(a("@frontend-taglib-clay$clayui/icon")),o=_interopRequireDefault(a("@frontend-taglib-clay$clayui/panel")),r=a("@frontend-taglib-clay$clayui/tooltip"),u=_interopRequireDefault(a("liferay!frontend-js-react-web$classnames")),i=_interopRequireDefault(a("liferay!frontend-js-react-web$react")),d=_interopRequireDefault(a("./hooks/useHeightTransition"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=({Header:e,children:l,className:a,helpTooltip:c,title:s})=>{const f=i.default.useRef(null),[p,m]=i.default.useState(!1),[y,b,g]=(0,d.default)(p,m,f);return i.default.createElement("div",{className:(0,u.default)("collapsable-panel","panel","panel-unstyled",a),role:"tablist"},i.default.createElement(i.default.Fragment,null,e?i.default.createElement(e,{expanded:p,setExpanded:m}):i.default.createElement(i.default.Fragment,null,i.default.createElement(t.default,{"aria-expanded":p,className:(0,u.default)("collapse-icon","collapse-icon-middle","panel-header","panel-header-link",{collapsed:!(!p&&y||p&&!y)}),displayType:"unstyled",onClick:g,role:"tab"},i.default.createElement(i.default.Fragment,null,i.default.createElement("span",{className:"panel-title"},s),c&&i.default.createElement(i.default.Fragment,null,i.default.createElement(r.ClayTooltipProvider,null,i.default.createElement("span",{"data-tooltip-align":"top",title:c},i.default.createElement(n.default,{className:"ml-1 text-secondary",symbol:"question-circle-full"})))),i.default.createElement("span",{className:(0,u.default)("actions","collapse-icon-closed")},i.default.createElement(n.default,{symbol:"angle-down"})),i.default.createElement("span",{className:(0,u.default)("actions","collapse-icon-open")},i.default.createElement(n.default,{symbol:"angle-up"}))))),i.default.createElement("div",{className:(0,u.default)("panel-collapse",{collapse:!y,collapsing:y,show:p}),onTransitionEnd:b,ref:f,role:"tabpanel"},i.default.createElement(o.default.Body,null,l))))};l.default=_default}}));
//# sourceMappingURL=CollapsablePanel.js.map