(self.webpackChunk_splunk_ucc_ui_lib=self.webpackChunk_splunk_ucc_ui_lib||[]).push([[748],{15748:(e,t,n)=>{(()=>{"use strict";var t={n:e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},r={};t.r(r),t.d(r,{Panel:()=>x,default:()=>z});const o=n(96540);var i=t.n(o);const a=n(5556);var l=t.n(a);const c=n(87127);var u=t.n(c);const s=n(49453);var f=t.n(s);const p=n(66620);var d=t.n(p);const y=n(84123);var v=t.n(y);const m=n(36529),b=n(66991),h=n(92568);var g=t.n(h);const O=n(7596);var P=t.n(O);const w=n(78967);var j=g()((0,m.animated)(P())).withConfig({displayName:"SlidingPanelsStyles__StyledBox",componentId:"su6isq-0"})(["overflow:hidden;position:relative;"]),S=g()(m.animated.div).withConfig({displayName:"SlidingPanelsStyles__Styled",componentId:"su6isq-1"})(["",";",";"],w.mixins.reset("block"),w.mixins.clearfix());function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function I(){return I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},I.apply(this,arguments)}function E(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function R(e,t){return R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},R(e,t)}function k(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},C(e)}function A(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var T={elementRef:l().oneOfType([l().func,l().object]),panelId:l().any.isRequired,onMount:l().func,onUnmount:l().func},M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&R(e,t)}(n,e);var t=function(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=C(e);if(t){var o=C(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){return!t||"object"!==_(t)&&"function"!=typeof t?k(e):t}(this,n)}}(n);function n(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return A(k(e=t.call.apply(t,[this].concat(o))),"el",null),A(k(e),"handleMount",(function(t){e.el=t,function(e,t){e&&("function"==typeof e?e(t):e.current=t)}(e.props.elementRef,t)})),e}return function(e,t,n){t&&E(e.prototype,t)}(n,[{key:"componentDidMount",value:function(){var e,t;null===(e=(t=this.props).onMount)||void 0===e||e.call(t,this)}},{key:"componentWillUnmount",value:function(){var e,t;null===(e=(t=this.props).onUnmount)||void 0===e||e.call(t,this)}},{key:"getHeight",value:function(){var e;return null===(e=this.el)||void 0===e?void 0:e.clientHeight}},{key:"getWidth",value:function(){var e;return null===(e=this.el)||void 0===e?void 0:e.clientWidth}},{key:"render",value:function(){var e=this.props.panelId;return i().createElement(S,I({"data-test":"panel","data-test-panel-id":e},d()(this.props,f()(n.propTypes)),{ref:this.handleMount}))}}]),n}(o.Component);A(M,"propTypes",T),A(M,"defaultProps",{});const x=M;function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function U(){return U=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},U.apply(this,arguments)}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function W(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function X(e,t){return X=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},X(e,t)}function q(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function H(e){return H=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},H(e)}function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var B={activePanelId:l().any.isRequired,children:l().node,elementRef:l().oneOfType([l().func,l().object]),innerClassName:l().string,innerStyle:l().object,onAnimationEnd:l().func,outerClassName:l().string,outerStyle:l().object,transition:l().oneOf(["forward","backward"])},F=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&X(e,t)}(n,e);var t=function(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=H(e);if(t){var o=H(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){return!t||"object"!==D(t)&&"function"!=typeof t?q(e):t}(this,n)}}(n);function n(e){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),V(q(r=t.call(this,e)),"panelInstances",{}),V(q(r),"allowAnimationUpdates",!0),V(q(r),"willEnter",(function(){return{translateX:0}})),V(q(r),"willLeave",(function(e){return e?{translateX:-1,position:"absolute",left:0,top:0}:{translateX:-1}})),V(q(r),"handlePanelMount",(function(e){r.panelInstances[e.props.panelId]=e,e.props.panelId===r.props.activePanelId&&r.setState({activePanel:e,panelLoading:!1})})),V(q(r),"handlePanelUnmount",(function(e){delete r.panelInstances[e.props.panelId]})),V(q(r),"handleAnimationEnd",(function(){var e,t;r.allowAnimationUpdates&&r.setState({animating:!1}),null===(e=(t=r.props).onAnimationEnd)||void 0===e||e.call(t)})),V(q(r),"renderPanel",(function(e,t,n){var a,l=r.props,c=l.children,u=l.transition,s=o.Children.toArray(c).filter(o.isValidElement).find((function(e){return e.props.panelId===t})),f=null===(a=e.translateX)||void 0===a?void 0:a.to((function(e){return"translateX(".concat(e*n*("forward"===u?1:-1),"px)")}));return s?i().createElement(m.animated.div,{style:e},(0,o.cloneElement)(s,{style:L(L({},s.props.style),{},{transform:f}),onMount:r.handlePanelMount,onUnmount:r.handlePanelUnmount})):null})),V(q(r),"renderOuterContainer",(function(e){var t=r.props,a=t.activePanelId,l=t.children,c=t.elementRef,s=t.outerClassName,p=t.outerStyle,y=t.innerClassName,h=t.innerStyle,g=r.state.animating,O=L(L({},p),g?{width:e.width,height:e.height}:{});o.Children.toArray(l).filter(o.isValidElement).find((function(e){return e.props.panelId===a}));var P=g?{translateX:1}:{},w=u()(v()(r.panelInstances),(function(e){return!!e})),S=w.map((function(e){var t,n=r.panelInstances[e.props.panelId];return n&&null!==(t=n.getWidth())&&void 0!==t?t:0})).reduce((function(e,t){return Math.max(e,t)}),0);return i().createElement(j,U({className:s,"data-test-active-panel-id":a,"data-test":"sliding-panels",elementRef:c,style:O},d()(r.props,f()(n.propTypes))),i().createElement(b.Transition,{from:P,enter:r.willEnter(),leave:r.willLeave(g),items:a},(function(e,t){return i().createElement(m.animated.div,{style:h,className:y},r.renderPanel(e,t,S))})))})),r.state={animating:!1,panelLoading:!1,prevActivePanelId:r.props.activePanelId,slidingId:0},r}return function(e,t,n){t&&W(e.prototype,t)}(n,[{key:"componentWillUnmount",value:function(){this.allowAnimationUpdates=!1}},{key:"render",value:function(){var e=this.state,t=e.activePanel,n=e.panelLoading,r={width:t?t.getWidth():0,height:t?t.getHeight():0};return i().createElement(b.Spring,{to:r,onRest:this.handleAnimationEnd,immediate:n,config:{precision:1}},this.renderOuterContainer)}}]),n}(o.Component);V(F,"propTypes",B),V(F,"defaultProps",{transition:"forward"}),V(F,"Panel",x),V(F,"getDerivedStateFromProps",(function(e,t){return e.activePanelId!==t.prevActivePanelId?{animating:!0,panelLoading:!0,prevActivePanelId:e.activePanelId,slidingId:t.slidingId+1}:null}));const z=F;e.exports=r})()}}]);
//# sourceMappingURL=748.0721de96fda1fbd45cdc.js.map