uplot-react/uplot-react.min.js

React wrapper for uPlot that allows you to work with charts declaratively inside your favorite framework

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("uplot")):"function"==typeof define&&define.amd?define(["react","uplot"],t):"object"==typeof exports?exports.UplotReact=t(require("react"),require("uplot")):e.UplotReact=t(e.React,e.uPlot)}(this,((e,t)=>(()=>{"use strict";var r={329:t=>{t.exports=e},207:e=>{e.exports=t}},n={};function u(e){var t=n[e];if(void 0!==t)return t.exports;var c=n[e]={exports:{}};return r[e](c,c.exports,u),c.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var c={};return(()=>{u.d(c,{default:()=>a});var e=u(329),t=u.n(e),r=u(207),n=u.n(r),o=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var u=0;for(n=Object.getOwnPropertySymbols(e);u<n.length;u++)t.indexOf(n[u])<0&&Object.prototype.propertyIsEnumerable.call(e,n[u])&&(r[n[u]]=e[n[u]])}return r};function a(r){var u=r.options,c=r.data,a=r.target,f=r.onDelete,i=r.onCreate,l=r.resetScales,s=void 0===l||l,p=r.className,d=(0,e.useRef)(null),h=(0,e.useRef)(null),v=(0,e.useRef)(u),b=(0,e.useRef)(a),y=(0,e.useRef)(c),O=(0,e.useRef)(i),g=(0,e.useRef)(f);(0,e.useEffect)((function(){O.current=i,g.current=f}));var j=(0,e.useCallback)((function(e){var t;e&&(null===(t=g.current)||void 0===t||t.call(g,e),e.destroy(),d.current=null)}),[]),w=(0,e.useCallback)((function(){var e,t=new(n())(v.current,y.current,b.current||h.current);d.current=t,null===(e=O.current)||void 0===e||e.call(O,t)}),[]);return(0,e.useEffect)((function(){return w(),function(){j(d.current)}}),[w,j]),(0,e.useEffect)((function(){if(v.current!==u){var e=function(e,t){var r=e.width,n=e.height,u=o(e,["width","height"]),c=t.width,a=t.height,f=o(t,["width","height"]),i="keep";if(n===a&&r===c||(i="update"),Object.keys(u).length!==Object.keys(f).length)return"create";for(var l=0,s=Object.keys(u);l<s.length;l++){var p=s[l];if(!Object.is(u[p],f[p])){i="create";break}}return i}(v.current,u);v.current=u,d.current&&"create"!==e?"update"===e&&d.current.setSize({width:u.width,height:u.height}):(j(d.current),w())}}),[u,w,j]),(0,e.useEffect)((function(){var e,t;y.current!==c&&(d.current?(e=y.current,t=c,e.length===t.length&&e.every((function(e,r){var n=t[r];return e.length===n.length&&e.every((function(e,t){return e===n[t]}))}))||(s?d.current.setData(c,!0):(d.current.setData(c,!1),d.current.redraw()))):(y.current=c,w()),y.current=c)}),[c,s,w]),(0,e.useEffect)((function(){return b.current!==a&&(b.current=a,w()),function(){return j(d.current)}}),[a,w,j]),a?null:t().createElement("div",{ref:h,className:p})}Object.is||Object.defineProperty(Object,"is",{value:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t}})})(),c.default})()));
//# sourceMappingURL=uplot-react.min.js.map