@deephaven/embed-widget 0.70.1-beta.1 → 0.70.1-beta.6

package/build/assets/Chart-f084710f.js

@@ -1,2 +0,0 @@
-import{D as m,r as L,aS as M,H as P,b6 as E}from"./vendor-3c001961.js";import{L as k,aE as R,aW as U,aX as x}from"./index-b9d9e201.js";import{c as z}from"./Plotly-44e84d2b.js";import{az as I,br as W,ap as p,ar as T,a0 as S,$ as B,P as _,m as V,Y as $}from"./index-eab4d9a5.js";import{D as H}from"./DownsamplingError-8e6bdb73.js";import{P as K}from"./plotly-c434cf1f.js";import"./helpers-de833af9.js";import"./usePlugins-49807499.js";function C(i,e){var t=Object.keys(i);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(i);e&&(r=r.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),t.push.apply(t,r)}return t}function g(i){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?C(Object(t),!0).forEach(function(r){o(i,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach(function(r){Object.defineProperty(i,r,Object.getOwnPropertyDescriptor(t,r))})}return i}function o(i,e,t){return e=Y(e),e in i?Object.defineProperty(i,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[e]=t,i}function Y(i){var e=Z(i,"string");return typeof e=="symbol"?e:String(e)}function Z(i,e){if(typeof i!="object"||i===null)return i;var t=i[Symbol.toPrimitive];if(t!==void 0){var r=t.call(i,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(i)}var c=k.module("Chart");class v extends L.Component{static convertIcon(e){var[t,,,,r]=e.icon,s="".concat(r);return{width:t,path:s,ascent:t,descent:0,transform:"matrix(1, 0, 0, 1, 0, 0)"}}static downsampleButtonTitle(e,t){return e?"Downsampling in progress...":t?"Downsampling disabled, click to enable":"Downsampling enabled, click to disable"}static downsampleButtonAttr(e,t){return e?"animation-spin":t?void 0:"fill-active"}constructor(e){var t;super(e),o(this,"currentSeries",void 0),o(this,"PlotComponent",void 0),o(this,"plot",void 0),o(this,"plotWrapper",void 0),o(this,"columnFormats",void 0),o(this,"dateTimeFormatterOptions",void 0),o(this,"decimalFormatOptions",void 0),o(this,"integerFormatOptions",void 0),o(this,"rect",void 0),o(this,"ranges",void 0),o(this,"isSubscribed",void 0),o(this,"isLoadedFired",void 0),o(this,"resizeObserver",void 0),o(this,"getCachedConfig",M((r,s,a,h,d,n)=>{var l=[],u=!!r;u&&l.push({name:"Downsampling failed: ".concat(r),title:"Downsampling failed",click:()=>{this.toggleErrorMessage("".concat(r))},icon:v.convertIcon(R),attr:"fill-warning"});var f=!!n;if(f&&l.push({name:"Error: ".concat(n),title:"Error",click:()=>{this.toggleErrorMessage("".concat(n))},icon:v.convertIcon(R),attr:"fill-warning"}),s||a||h||u){var b=v.downsampleButtonTitle(a,h),y=v.downsampleButtonAttr(a,h),D=a?U:x;l.push({name:b,title:"Downsampling status",icon:v.convertIcon(D),click:this.handleDownsampleClick,attr:y})}var F=d.some(O=>{var{type:w}=O;return w!=null&&!w.includes("3d")}),N=d.some(O=>{var{type:w}=O;return w!=null&&w.includes("3d")}),A=["zoomIn2d","zoomOut2d","autoScale2d","resetScale2d"],j=["orbitRotation","tableRotation","resetCameraDefault3d"];return{displaylogo:!1,displayModeBar:a||u||f?!0:"hover",modeBarButtons:[l,["toImage"],["zoom2d","pan2d"],[...F?A:[],...N?j:[]]]}})),W(this),this.PlotComponent=z(e.Plotly),this.plot=P.createRef(),this.plotWrapper=(t=e.containerRef)!==null&&t!==void 0?t:P.createRef(),this.columnFormats=[],this.dateTimeFormatterOptions={},this.decimalFormatOptions={},this.integerFormatOptions={},this.isSubscribed=!1,this.isLoadedFired=!1,this.currentSeries=0,this.resizeObserver=new window.ResizeObserver(this.handleResize),this.state={data:null,downsamplingError:null,isDownsampleFinished:!1,isDownsampleInProgress:!1,isDownsamplingDisabled:!1,error:null,shownError:null,layout:{datarevision:0},revision:0}}componentDidMount(){this.updateDimensions(),this.updateModelDimensions(),this.initData(),this.initFormatter();var{isActive:e,model:t}=this.props;e&&this.subscribe(t),this.plotWrapper.current!=null&&this.resizeObserver.observe(this.plotWrapper.current),this.handleThemeChange()}componentDidUpdate(e){var{isActive:t,model:r,settings:s,theme:a}=this.props;this.updateFormatterSettings(s),r!==e.model&&(this.unsubscribe(e.model),this.subscribe(r)),t!==e.isActive&&(t?(this.updateDimensions(),this.subscribe(r)):this.unsubscribe(r)),a!==e.theme&&this.handleThemeChange()}componentWillUnmount(){var{model:e}=this.props;this.unsubscribe(e),this.resizeObserver.disconnect()}getPlotRect(){var e,t;return(e=(t=this.plotWrapper.current)===null||t===void 0?void 0:t.getBoundingClientRect())!==null&&e!==void 0?e:null}initData(){var{model:e}=this.props;this.setState(t=>{var{layout:r}=t;return{data:e.getData(),layout:g(g({},r),e.getLayout())}})}subscribe(e){if(!this.isSubscribed){if(!this.rect||this.rect.width===0||this.rect.height===0){c.debug2("Delaying subscription until model dimensions are set");return}e.subscribe(this.handleModelEvent),this.isSubscribed=!0}}unsubscribe(e){this.isSubscribed&&(e.unsubscribe(this.handleModelEvent),this.isSubscribed=!1)}handleAfterPlot(){this.plot.current!=null}handleDownsampleClick(){this.setState(e=>{var{isDownsamplingDisabled:t}=e;return{downsamplingError:null,isDownsampleInProgress:!1,isDownsampleFinished:!1,isDownsamplingDisabled:!t}},()=>{var{model:e}=this.props,{isDownsamplingDisabled:t}=this.state;e.setDownsamplingDisabled(t)})}handleErrorClose(){this.setState({shownError:null})}handleModelEvent(e){var{type:t,detail:r}=e;switch(c.debug2("Received data update",t,r),t){case p.EVENT_UPDATED:{this.currentSeries+=1,this.setState(y=>{var{layout:D,revision:F}=y;return typeof D.datarevision=="number"&&(D.datarevision+=1),{data:r,layout:D,revision:F+1}});var{onUpdate:s}=this.props;s({isLoading:!this.isLoadedFired});break}case p.EVENT_LOADFINISHED:{var{onUpdate:a}=this.props;this.isLoadedFired=!0,a({isLoading:!1});break}case p.EVENT_DISCONNECT:{var{onDisconnect:h}=this.props;h();break}case p.EVENT_RECONNECT:{var{onReconnect:d}=this.props;d();break}case p.EVENT_DOWNSAMPLESTARTED:{this.setState({isDownsampleFinished:!1,isDownsampleInProgress:!0,downsamplingError:null});break}case p.EVENT_DOWNSAMPLEFINISHED:{this.setState({isDownsampleFinished:!0,isDownsampleInProgress:!1,downsamplingError:null});break}case p.EVENT_DOWNSAMPLENEEDED:case p.EVENT_DOWNSAMPLEFAILED:{var n,l=(n=r.message)!==null&&n!==void 0?n:r;this.setState({isDownsampleFinished:!1,isDownsampleInProgress:!1,isDownsamplingDisabled:!1,downsamplingError:l});var{onError:u}=this.props;u(new H(l));break}case p.EVENT_ERROR:{var f="".concat(r);this.setState({error:f});var{onError:b}=this.props;b(new Error(f));break}default:c.debug("Unknown event type",t,e)}}handlePlotUpdate(e){var{layout:t}=e,r=T.getLayoutRanges(t),s=!E(r,this.ranges);s&&(this.ranges=r,this.updateModelDimensions(!0))}handleRelayout(e){if(c.debug("handleRelayout",e),e.hiddenlabels!=null){var{onSettingsChanged:t}=this.props,r=[...e.hiddenlabels];t({hiddenSeries:r})}this.updateModelDimensions()}handleResize(){this.updateDimensions()}handleRestyle(e){var[t,r]=e;if(c.debug("handleRestyle",t,r),Object.keys(t).includes("visible")){var{data:s}=this.state,{onSettingsChanged:a}=this.props;if(s!=null){var h=s.reduce((d,n)=>{var{name:l,visible:u}=n;return l!=null&&u==="legendonly"?[...d,l]:d},[]);a({hiddenSeries:h})}}}handleThemeChange(){var{theme:e,model:t}=this.props,{dh:r}=t,s=new T(r);this.setState(a=>{var{layout:h}=a;return{layout:g(g({},h),{},{template:s.makeDefaultTemplate(e)})}})}toggleErrorMessage(e){this.setState(t=>{var{shownError:r}=t;return{shownError:r===e?null:e}})}updateModelDimensions(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,t=this.getPlotRect();if(!t){c.warn("Unable to get plotting rect");return}var r=!this.rect||this.rect.width!==t.width||this.rect.height!==t.height;if(r||e){this.rect=t;var{isActive:s,model:a}=this.props;a.setDimensions(t),s&&this.subscribe(a)}}initFormatter(){var{settings:e}=this.props;this.updateFormatterSettings(e)}updateFormatterSettings(e){var t=S.getColumnFormats(e),r=S.getDateTimeFormatterOptions(e),{decimalFormatOptions:s={},integerFormatOptions:a={}}=e;(!E(this.columnFormats,t)||!E(this.dateTimeFormatterOptions,r)||!E(this.decimalFormatOptions,s)||!E(this.integerFormatOptions,a))&&(this.columnFormats=S.getColumnFormats(e),this.dateTimeFormatterOptions=r,this.decimalFormatOptions=s,this.integerFormatOptions=a,this.updateFormatter())}updateFormatter(){var{model:e}=this.props,t=new B(e.dh,this.columnFormats,this.dateTimeFormatterOptions,this.decimalFormatOptions,this.integerFormatOptions);e.setFormatter(t)}updateDimensions(){var e=this.getPlotRect(),{Plotly:t}=this.props;this.plot.current!=null&&e!=null&&e.width>0&&e.height>0&&t.relayout(this.plot.current.el,{autosize:!0}).catch(r=>{c.debug("Unable to resize, promise rejected",r)})}render(){var{PlotComponent:e}=this,{data:t,downsamplingError:r,isDownsampleFinished:s,isDownsampleInProgress:a,isDownsamplingDisabled:h,error:d,shownError:n,layout:l,revision:u}=this.state,f=this.getCachedConfig(r,s,a,h,t??[],d),b=t!=null;return m.jsxs("div",{className:"h-100 w-100 chart-wrapper",ref:this.plotWrapper,children:[b&&m.jsx(e,{ref:this.plot,data:t,layout:l,revision:u,config:f,onAfterPlot:this.handleAfterPlot,onError:c.error,onRelayout:this.handleRelayout,onUpdate:this.handlePlotUpdate,onRestyle:this.handleRestyle,useResizeHandler:!0,style:{height:"100%",width:"100%"}}),m.jsx(_,{className:"chart-error-popper",options:{placement:"top"},isShown:n!=null,onExited:this.handleErrorClose,closeOnBlur:!0,interactive:!0,children:n!=null&&m.jsxs(m.Fragment,{children:[m.jsx("div",{className:"chart-error",children:n}),m.jsx(V,{tooltip:"Copy Error",copy:n,children:"Copy Error"})]})})]})}}o(v,"defaultProps",{isActive:!0,settings:{timeZone:"America/New_York",defaultDateTimeFormat:$.FULL_DATE_FORMAT,showTimeZone:!1,showTSeparator:!0,formatter:[]},Plotly:K,onDisconnect:()=>{},onReconnect:()=>{},onUpdate:()=>{},onError:()=>{},onSettingsChanged:()=>{}});function ie(i){var e=I();return m.jsx(v,g(g({},i),{},{theme:e}))}export{ie as default};
-//# sourceMappingURL=Chart-f084710f.js.map