cl-react-graph/docs/component---src-pages-brush-tsx-850fac13d193f129c722.js

React D3 Charts

(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{"+x/X":function(t,e,n){"use strict";function i(t,e){this._context=t,this._t=e}function r(t){return new i(t,0)}function a(t){return new i(t,1)}n.d(e,"c",(function(){return r})),n.d(e,"b",(function(){return a})),i.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x=this._y=NaN,this._point=0},lineEnd:function(){0<this._t&&this._t<1&&2===this._point&&this._context.lineTo(this._x,this._y),(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line>=0&&(this._t=1-this._t,this._line=1-this._line)},point:function(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;default:if(this._t<=0)this._context.lineTo(this._x,e),this._context.lineTo(t,e);else{var n=this._x*(1-this._t)+t*this._t;this._context.lineTo(n,this._y),this._context.lineTo(n,e)}}this._x=t,this._y=e}},e.a=function(t){return new i(t,.5)}},QFcT:function(t,e,n){var i=n("I+eb"),r=Math.hypot,a=Math.abs,o=Math.sqrt;i({target:"Math",stat:!0,forced:!!r&&r(1/0,NaN)!==1/0},{hypot:function(t,e){for(var n,i,r=0,s=0,c=arguments.length,u=0;s<c;)u<(n=a(arguments[s++]))?(r=r*(i=u/n)*i+1,u=n):r+=n>0?(i=n/u)*i:n;return u===1/0?1/0:u*o(r)}})},ZJU2:function(t,e,n){},pRTK:function(t,e,n){"use strict";n.r(e);n("ZJU2");var i=n("XuR1"),r=n("q1tI"),a=n.n(r),o=n("ofer"),s=n("tRbT"),c=n("30+C"),u=n("oa/T"),l=n("bzer"),f=n("fWs0");n("QFcT");function d(t,e){return t.map((function(t,n){return t+e[n]}))}function h(t,e){return t.map((function(t,n){return t-e[n]}))}function v(t){return Math.hypot.apply(Math,t)}function p(t,e,n){var i=v(e),r=0===i?0:1/i,a=0===n?0:1/n,o=a*i,s=e.map((function(t){return a*t})),c=e.map((function(t){return r*t}));return{velocities:s,velocity:o,distance:v(t),direction:c}}function y(t){return Math.sign?Math.sign(t):Number(t>0)-Number(t<0)||+t}function g(t,e,n){return 0===e||Math.abs(e)===1/0?function(t,e){return Math.pow(t,5*e)}(t,n):t*e*n/(e+n*t)}function m(t,e,n,i){return void 0===i&&(i=.15),0===i?function(t,e,n){return Math.max(e,Math.min(t,n))}(t,e,n):t<e?-g(e-t,n-e,i)+e:t>n?+g(t-n,n-e,i)+n:t}function w(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function b(){return(b=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}function _(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e}function x(t,e){if(null==t)return{};var n,i,r={},a=Object.keys(t);for(i=0;i<a.length;i++)n=a[i],e.indexOf(n)>=0||(r[n]=t[n]);return r}function T(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function D(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function k(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return D(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?D(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var i=0;return function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=t[Symbol.iterator]()).next.bind(n)}function O(){}function S(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return 0===e.length?O:1===e.length?e[0]:function(){for(var t,n,i=k(e);!(n=i()).done;){var r=n.value;t=r.apply(this,arguments)||t}return t}}function E(t,e){if(void 0===t){if(void 0===e)throw new Error("Must define fallback value if undefined is expected");t=e}return Array.isArray(t)?t:[t,t]}function j(t){if("function"==typeof t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];return t.apply(void 0,n)}return t}function M(t,e){void 0===t&&(t={});for(var n={},i=0,r=Object.entries(e);i<r.length;i++){var a=r[i],o=a[0],s=a[1];switch(typeof s){case"function":n[o]=s.call(n,t[o],o,t);break;case"object":n[o]=M(t[o],s);break;case"boolean":s&&(n[o]=t[o])}}return n}var A={threshold:function(t){return void 0===t&&(t=0),E(t)},rubberband:function(t){switch(void 0===t&&(t=0),t){case!0:return E(.15);case!1:return E(0);default:return E(t)}},enabled:function(t){return void 0===t&&(t=!0),t},triggerAllEvents:function(t){return void 0===t&&(t=!1),t},initial:function(t){return void 0===t&&(t=0),"function"==typeof t?t:E(t)}},K=b({},A,{axis:!0,lockDirection:function(t){return void 0===t&&(t=!1),t},bounds:function(t){if(void 0===t&&(t={}),"function"==typeof t)return function(e){return K.bounds(t(e))};var e=t,n=e.left,i=void 0===n?-1/0:n,r=e.right,a=void 0===r?1/0:r,o=e.top,s=void 0===o?-1/0:o,c=e.bottom;return[[i,a],[s,void 0===c?1/0:c]]}}),Z="undefined"!=typeof window&&window.document&&window.document.createElement,I={enabled:function(t){return void 0===t&&(t=!0),t},domTarget:!0,window:function(t){function e(e){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}((function(t){return void 0===t&&(t=Z?window:void 0),t})),eventOptions:function(t){var e=void 0===t?{}:t,n=e.passive,i=void 0===n||n,r=e.capture;return{passive:i,capture:void 0!==r&&r}}},C=b({},K,{threshold:function(t,e,n){var i=n.filterTaps,r=void 0!==i&&i,a=n.lockDirection,o=void 0!==a&&a,s=n.axis,c=E(t,r?3:o||(void 0===s?void 0:s)?1:0);return this.filterTaps=r||c[0]+c[1]>0,c},swipeVelocity:function(t){return void 0===t&&(t=.5),E(t)},swipeDistance:function(t){return void 0===t&&(t=60),E(t)},delay:function(t){switch(void 0===t&&(t=0),t){case!0:return 180;case!1:return 0;default:return t}}});function G(t){return void 0===t&&(t={}),M(t,I)}function L(t){return void 0===t&&(t={}),M(t,C)}function R(t){var e=t.domTarget,n=t.eventOptions,i=t.window,r=t.enabled,a=x(t,["domTarget","eventOptions","window","enabled"]),o=G({domTarget:e,eventOptions:n,window:i,enabled:r});return o.drag=L(a),o}function N(t){return b({_active:!1,_blocked:!1,_intentional:[!1,!1],_movement:[0,0],_initial:[0,0],_bounds:[[-1/0,1/0],[-1/0,1/0]],_lastEventType:void 0,event:void 0,intentional:!1,values:[0,0],velocities:[0,0],delta:[0,0],movement:[0,0],offset:[0,0],lastOffset:[0,0],direction:[0,0],initial:[0,0],previous:[0,0],first:!1,last:!1,active:!1,timeStamp:0,startTime:0,elapsedTime:0,cancel:O,canceled:!1,memo:void 0,args:void 0},t)}function B(){return{shared:{hovering:!1,scrolling:!1,wheeling:!1,dragging:!1,moving:!1,pinching:!1,touches:0,buttons:0,down:!1,shiftKey:!1,altKey:!1,metaKey:!1,ctrlKey:!1},drag:N({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0,_isTap:!0,_delayedEvent:!1,_pointerId:void 0,tap:!1,swipe:[0,0]}),pinch:N({da:[0,0],vdva:[0,0],origin:void 0,turns:0}),wheel:N({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),move:N({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0}),scroll:N({axis:void 0,xy:[0,0],vxvy:[0,0],velocity:0,distance:0})}}var P=new Map,z=function(){function t(t,e){var n=this;void 0===e&&(e=[]),this.controller=t,this.args=e,this.debounced=!0,this.setTimeout=function(t,e){var i;void 0===e&&(e=140),clearTimeout(n.controller.timeouts[n.stateKey]);for(var r=arguments.length,a=new Array(r>2?r-2:0),o=2;o<r;o++)a[o-2]=arguments[o];n.controller.timeouts[n.stateKey]=(i=window).setTimeout.apply(i,[t,e].concat(a))},this.clearTimeout=function(){clearTimeout(n.controller.timeouts[n.stateKey])},this.fireGestureHandler=function(t){if(void 0===t&&(t=!1),n.state._blocked)return n.debounced||(n.state._active=!1,n.clean()),null;if(!t&&!n.state.intentional&&!n.config.triggerAllEvents)return null;if(n.state.intentional){var e=n.state.active,i=n.state._active;n.state.active=i,n.state.first=i&&!e,n.state.last=e&&!i,n.controller.state.shared[n.ingKey]=i}var r=b({},n.controller.state.shared,n.state,n.mapStateValues(n.state)),a=n.handler(r);return n.state.memo=void 0!==a?a:n.state.memo,n.state._active||n.clean(),r}}var e,n,i,r=t.prototype;return r.updateSharedState=function(t){Object.assign(this.controller.state.shared,t)},r.updateGestureState=function(t){Object.assign(this.state,t)},r.checkIntentionality=function(t,e){return{_intentional:t,_blocked:!1}},r.getMovement=function(t){var e=this.config,n=e.initial,i=e.bounds,r=e.rubberband,a=e.threshold,o=this.state,s=o._bounds,c=o._initial,u=o._active,l=o._intentional,f=o.lastOffset,v=o.movement,p=this.getInternalMovement(t,this.state),y=!1===l[0]?F(p[0],a[0]):l[0],g=!1===l[1]?F(p[1],a[1]):l[1],m=this.checkIntentionality([y,g],p);if(m._blocked)return b({},m,{_movement:p,delta:[0,0]});var w,_,x,T,D=m._intentional,k=p;(!1!==D[0]&&!1===l[0]&&(_=j(n,this.state),w=j(i,this.state),c[0]=_[0],s[0]=w[0]),!1!==D[1]&&!1===l[1])&&(_=null!=(x=_)?x:j(n,this.state),w=null!=(T=w)?T:j(i,this.state),c[1]=_[1],s[1]=w[1]);var O=[!1!==D[0]?p[0]-D[0]:c[0],!1!==D[1]?p[1]-D[1]:c[1]],S=d(O,f),E=u?r:[0,0];return O=H(s,d(O,c),E),b({},m,{intentional:!1!==D[0]||!1!==D[1],_initial:c,_movement:k,movement:O,values:t,offset:H(s,S,E),delta:h(O,v)})},r.clean=function(){this.clearTimeout()},e=t,(n=[{key:"config",get:function(){return this.controller.config[this.stateKey]}},{key:"enabled",get:function(){return this.controller.config.enabled&&this.config.enabled}},{key:"state",get:function(){return this.controller.state[this.stateKey]}},{key:"handler",get:function(){return this.controller.handlers[this.stateKey]}}])&&w(e.prototype,n),i&&w(e,i),t}();function F(t,e){return Math.abs(t)>=e&&y(t)*e}function H(t,e,n){var i=e[0],r=e[1],a=n[0],o=n[1],s=t[0],c=s[0],u=s[1],l=t[1],f=l[0],d=l[1];return[m(i,c,u,a),m(r,f,d,o)]}function J(t,e,n){var i=t.state,r=t.args,a=e.timeStamp,o=e.type,s=i.values;return{_lastEventType:o,event:e,timeStamp:a,elapsedTime:n?0:a-i.startTime,args:r,previous:s}}function V(t,e,n){var i=t.state.offset,r=n.timeStamp;return b({},B()[t.stateKey],{_active:!0,values:e,initial:e,offset:i,lastOffset:i,startTime:r})}function W(t,e){return function(n){for(var i=arguments.length,r=new Array(i>1?i-1:0),a=1;a<i;a++)r[a-1]=arguments[a];return t.call.apply(t,[this,b({},e,{event:n})].concat(r))}}var X=function(t){var e=this;this.classes=t,this.bind=function(){for(var t={},n=arguments.length,i=new Array(n),r=0;r<n;r++)i[r]=arguments[r];for(var a,o=k(e.classes);!(a=o()).done;){var s=a.value;new s(e,i).addBindings(t)}for(var c=0,u=Object.entries(e.nativeRefs);c<u.length;c++){var l=u[c],f=l[0],d=l[1];et(t,f,W(d,b({},e.state.shared,{args:i})))}return e.config.domTarget?$(e,t):Q(e,t)},this.effect=function(){return e.config.domTarget&&e.bind(),e.clean},this.clean=function(){var t=tt(e.config),n=e.config.eventOptions;t&&it(t,Y(e.domListeners),n),Object.values(e.timeouts).forEach(clearTimeout),function(t){var e=t.config,n=e.window,i=e.eventOptions,r=t.windowListeners;if(!n)return;for(var a in r){var o=r[a];it(n,o,i)}t.windowListeners={}}(e)},this.state=B(),this.timeouts={},this.domListeners=[],this.windowListeners={}};function q(t,e){var n=t.config,i=t.windowListeners;n.window&&(it(n.window,i[e],n.eventOptions),delete i[e])}function U(t,e,n){var i=t.config,r=t.windowListeners;void 0===n&&(n=[]),i.window&&(it(i.window,r[e],i.eventOptions),nt(i.window,r[e]=n,i.eventOptions))}function $(t,e){var n=t.config,i=t.domListeners,r=tt(n);if(!r)throw new Error("domTarget must be defined");var a=n.eventOptions;it(r,Y(i),a);for(var o=0,s=Object.entries(e);o<s.length;o++){var c=s[o],u=c[0],l=c[1],f=u.slice(2).toLowerCase();i.push([f,S.apply(void 0,l)])}nt(r,i,a)}function Q(t,e){for(var n={},i=t.config.eventOptions.capture?"Capture":"",r=0,a=Object.entries(e);r<a.length;r++){var o=a[r],s=o[0],c=o[1],u=Array.isArray(c)?c:[c];n[s+i]=S.apply(void 0,u)}return n}function Y(t){return void 0===t&&(t=[]),t.splice(0,t.length)}function tt(t){var e=t.domTarget;return e&&"current"in e?e.current:e}function et(t,e,n){t[e]||(t[e]=[]),t[e].push(n)}function nt(t,e,n){void 0===e&&(e=[]),void 0===n&&(n={});for(var i,r=k(e);!(i=r()).done;){var a=i.value,o=a[0],s=a[1];t.addEventListener(o,s,n)}}function it(t,e,n){void 0===e&&(e=[]),void 0===n&&(n={});for(var i,r=k(e);!(i=r()).done;){var a=i.value,o=a[0],s=a[1];t.removeEventListener(o,s,n)}}function rt(t,e,n){void 0===n&&(n={});var i=function(t){var e=new Set;t.drag&&e.add(P.get("drag"));t.wheel&&e.add(P.get("wheel"));t.scroll&&e.add(P.get("scroll"));t.move&&e.add(P.get("move"));t.pinch&&e.add(P.get("pinch"));t.hover&&e.add(P.get("hover"));return e}(t),r=a.a.useMemo((function(){return new X(i)}),[]);return r.config=e,r.handlers=t,r.nativeRefs=n,a.a.useEffect(r.effect,[]),r.config.domTarget?at:r.bind}function at(){0}var ot=function(t){function e(){return t.apply(this,arguments)||this}_(e,t);var n=e.prototype;return n.getInternalMovement=function(t,e){return h(t,e.initial)},n.checkIntentionality=function(t,e){if(!1===t[0]&&!1===t[1])return{_intentional:t,axis:this.state.axis};var n=e.map(Math.abs),i=n[0],r=n[1],a=this.state.axis||(i>r?"x":i<r?"y":void 0);return this.config.axis||this.config.lockDirection?a?this.config.axis&&a!==this.config.axis?{_intentional:t,_blocked:!0,axis:a}:(t["x"===a?1:0]=!1,{_intentional:t,_blocked:!1,axis:a}):{_intentional:[!1,!1],_blocked:!1,axis:a}:{_intentional:t,_blocked:!1,axis:a}},n.getKinematics=function(t,e){var n=this.getMovement(t);if(!n._blocked){var i=e.timeStamp-this.state.timeStamp;Object.assign(n,p(n.movement,n.delta,i))}return n},n.mapStateValues=function(t){return{xy:t.values,vxvy:t.velocities}},e}(z);function st(t){if("touches"in t){var e=t.targetTouches,n=t.changedTouches;return e.length>0?e:n}return null}function ct(t){var e="buttons"in t?t.buttons:0,n=st(t),i=n&&n.length||0;return{touches:i,down:i>0||e>0,buttons:e,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,ctrlKey:t.ctrlKey}}function ut(t){var e=st(t),n=e?e[0]:t;return[n.clientX,n.clientY]}var lt=function(t){function e(){var e;return(e=t.apply(this,arguments)||this).ingKey="dragging",e.stateKey="drag",e.onDragStart=function(t){e.enabled&&!e.state._active&&(U(e.controller,e.stateKey,[["pointermove",e.onDragChange],["pointerup",e.onDragEnd],["pointercancel",e.onDragEnd]]),e.updateGestureState({_pointerId:t.pointerId}),e.config.delay>0?(e.state._delayedEvent=!0,"persist"in t&&"function"==typeof t.persist&&t.persist(),e.setTimeout(e.startDrag.bind(T(e)),e.config.delay,t)):e.startDrag(t))},e.onDragChange=function(t){if(!e.state.canceled&&t.pointerId===e.state._pointerId)if(e.state._active){var n=ct(t);if(n.down){e.updateSharedState(n);var i=ut(t),r=e.getKinematics(i,t),a=J(T(e),t),o=e.state._isTap,s=v(r._movement);o&&s>=3&&(o=!1),e.updateGestureState(b({},a,r,{_isTap:o})),e.fireGestureHandler()}else e.onDragEnd(t)}else e.state._delayedEvent&&(e.clearTimeout(),e.startDrag(t))},e.onDragEnd=function(t){if(t.pointerId===e.state._pointerId){e.state._active=!1,e.updateSharedState({down:!1,buttons:0,touches:0});var n=e.state._isTap,i=e.state.velocities,r=i[0],a=i[1],o=e.state.movement,s=o[0],c=o[1],u=e.state._intentional,l=u[0],f=u[1],d=e.config.swipeVelocity,h=d[0],v=d[1],p=e.config.swipeDistance,g=p[0],m=p[1],w=b({},J(T(e),t),e.getMovement(e.state.values)),_=[0,0];w.elapsedTime<220&&(!1!==l&&Math.abs(r)>h&&Math.abs(s)>g&&(_[0]=y(r)),!1!==f&&Math.abs(a)>v&&Math.abs(c)>m&&(_[1]=y(a))),e.updateGestureState(b({},w,{tap:n,swipe:_})),e.fireGestureHandler(!0===n)}},e.clean=function(){t.prototype.clean.call(T(e)),e.state._delayedEvent=!1,q(e.controller,e.stateKey)},e.onCancel=function(){e.state.canceled||(e.updateGestureState({canceled:!0}),e.state._active=!1,e.updateSharedState({down:!1,buttons:0,touches:0}),requestAnimationFrame((function(){return e.fireGestureHandler()})))},e.onClick=function(t){e.state._isTap||t.stopPropagation()},e}_(e,t);var n=e.prototype;return n.startDrag=function(t){var e=ut(t);this.updateSharedState(ct(t)),this.updateGestureState(b({},V(this,e,t),J(this,t,!0),{_pointerId:t.pointerId,cancel:this.onCancel})),this.updateGestureState(this.getMovement(e)),this.fireGestureHandler()},n.addBindings=function(t){(et(t,"onPointerDown",this.onDragStart),this.config.filterTaps)&&et(t,this.controller.config.eventOptions.capture?"onClick":"onClickCapture",this.onClick)},e}(ot);function ft(t,e){var n,i,r=[],a=!1;return function(){for(var o=arguments.length,s=new Array(o),c=0;c<o;c++)s[c]=arguments[c];return a&&n===this&&e(s,r)||(i=t.apply(this,s),a=!0,n=this,r=s),i}}function dt(t,e){try{return function t(e,n){if(e===n)return!0;if(e&&n&&"object"==typeof e&&"object"==typeof n){if(e.constructor!==n.constructor)return!1;var i,r,a,o;if(Array.isArray(e)){if((i=e.length)!==n.length)return!1;for(r=i;0!=r--;)if(!t(e[r],n[r]))return!1;return!0}if("function"==typeof Map&&e instanceof Map&&n instanceof Map){if(e.size!==n.size)return!1;for(o=e.entries();!(r=o.next()).done;)if(!n.has(r.value[0]))return!1;for(o=e.entries();!(r=o.next()).done;)if(!t(r.value[1],n.get(r.value[0])))return!1;return!0}if("function"==typeof Set&&e instanceof Set&&n instanceof Set){if(e.size!==n.size)return!1;for(o=e.entries();!(r=o.next()).done;)if(!n.has(r.value[0]))return!1;return!0}if(e.constructor===RegExp)return e.source===n.source&&e.flags===n.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===n.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===n.toString();if((i=(a=Object.keys(e)).length)!==Object.keys(n).length)return!1;for(r=i;0!=r--;)if(!Object.prototype.hasOwnProperty.call(n,a[r]))return!1;if("undefined"!=typeof Element&&e instanceof Element)return!1;for(r=i;0!=r--;)if(!("_owner"===a[r]&&e.$$typeof||t(e[a[r]],n[a[r]])))return!1;return!0}return e!=e&&n!=n}(t,e)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}function ht(t,e){void 0===e&&(e={}),P.set("drag",lt);var n=Object(r.useRef)();return n.current||(n.current=ft(R,dt)),rt({drag:t},n.current(e))}var vt=function(t){var e=t.children,n=t.height,i=t.width;return a.a.createElement("rect",{width:i,height:n,fill:"#eee"},e)},pt=function(t){var e=t.onChange,n=t.brushWidth,i=t.width,o=t.height,s=t.top,c=void 0===s?0:s,u=t.left,l=void 0===u?0:u,d=t.chart,h=t.initialPosition,v=h?{x:h.start,y:0,w:n}:{x:0,y:0,w:n},p=Object(r.useState)(v),y=p[0],g=y.x,m=y.y,w=y.w,b=p[1],_={top:0,bottom:o,left:0,right:i-w},x=ht((function(t){var n=t.movement,i=n[0];n[1];e&&e({start:i,end:i+w}),b({x:i,y:0,w:w})}),{initial:function(){return[g,m]},bounds:_}),T=ht((function(t){var n="mousemove"===t._lastEventType?w-t.delta[0]:w;b({x:t.movement[0],y:m,w:n}),e&&e({start:t.movement[0],end:m+n})}),{initial:function(){return[g,m]},bounds:_}),D=ht((function(t){var n="mousemove"===t._lastEventType?w+t.delta[0]:w;b({x:g,y:m,w:n}),e&&e({start:g,end:m+n})}),{initial:function(){return[g,m]},bounds:_});return a.a.createElement("g",{transform:"translate("+l+", "+c+")"},a.a.createElement(vt,{width:i,height:o}),d(),a.a.createElement(f.a.rect,Object.assign({width:w,height:o,fill:"#aaeeff"},x(),{style:{cursor:"move",opacity:.5,x:g,y:m}})),a.a.createElement(f.a.rect,Object.assign({},T(),{width:10,height:o,style:{x:g,opacity:0,cursor:"w-resize",y:m}})),a.a.createElement(f.a.rect,Object.assign({},D(),{width:10,height:o,style:{x:g+w,opacity:0,cursor:"e-resize",y:m}})))},yt=n("dYxw"),gt=n("uaBJ"),mt=n("9Dj+"),wt=n("H8eV"),bt={x:{dateFormat:"%d-%b-%y",scale:"time",width:800,height:20},y:{label:"TAB_VIEW_CREDITS",numberFormat:"d",scale:"log",height:200,width:20}},_t=function(t,e){return function(n){var i=t(n.x);return i>=e.start&&i<=e.end}},xt=gt.a[0],Tt=xt.line,Dt=xt.data;e.default=function(){var t=Object(l.h)("90%"),e=t[0],n=t[1],f={start:100,end:200},d=Object(i.a)().domain([Dt[0].x,Dt[Dt.length-1].x]).range([0,n]),h=Object(r.useState)(Dt.filter(_t(d,f))),v=h[0],p=h[1];return a.a.createElement(mt.a,null,a.a.createElement(wt.a,{title:"Brush for Line Chart",description:""}),a.a.createElement(o.a,{variant:"h2"},"Brush"),a.a.createElement("div",null,a.a.createElement(s.a,{container:!0,spacing:5,className:"wrapper"},a.a.createElement(s.a,{item:!0,xs:12,md:6},a.a.createElement(c.a,null,a.a.createElement(u.a,{ref:e},a.a.createElement(l.c,{width:n,height:400},a.a.createElement(yt.a,{axis:bt,label:"brushed data",line:Tt,width:n,left:0,animate:!1,height:200,data:v}),a.a.createElement(pt,{width:n,top:250,initialPosition:f,brushWidth:100,chart:function(){return a.a.createElement(yt.a,{axis:bt,label:"brushed data",line:Tt,width:n,left:0,height:50,data:Dt})},onChange:function(t){return function(t){p(Dt.filter(_t(d,t)))}(t)},height:50}))))))))}},uaBJ:function(t,e,n){"use strict";n.d(e,"b",(function(){return s})),n.d(e,"a",(function(){return c})),n.d(e,"c",(function(){return u}));var i=n("+x/X"),r=n("SSiR"),a=new Date,o=new Array(100).fill("").map((function(t,e){return new Date((new Date).setDate(a.getDate()+e))})).map((function(t,e){return{x:t,y:1e3*e}})),s=[{label:"cdd7c30f-4d9b-433c-a5d4-12bb39df89c6 usage",line:{fill:{fill:"rgba(11, 85, 167, 0.7)",show:!0},show:!0,stroke:"#000",strokeDashArray:"0",strokeDashOffset:0,curveType:i.c},point:{fill:"#000",radius:2,show:!0,stroke:"#000"},data:o}],c=[{label:"rob Allocation",line:{curveType:r.a,fill:{fill:"rgba(11, 85, 167, 0.2)",show:!0},show:!0,stroke:"rgb(11, 85, 167)",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"#000",radius:4,show:!0,stroke:""},data:o},{label:"rob'",line:{curveType:r.a,fill:{fill:"rgba(11, 85, 167, 0.7)",show:!0},show:!0,stroke:"#000",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"",radius:0,show:!1,stroke:""},data:[{x:new Date("2019-08-20T00:00:00.000Z"),y:0},{x:new Date("2019-08-21T00:00:00.000Z"),y:0},{x:new Date("2019-08-22T00:00:00.000Z"),y:0},{x:new Date("2019-08-23T00:00:00.000Z"),y:0},{x:new Date("2019-08-24T00:00:00.000Z"),y:0},{x:new Date("2019-08-25T00:00:00.000Z"),y:0},{x:new Date("2019-08-26T00:00:00.000Z"),y:0},{x:new Date("2019-08-27T00:00:00.000Z"),y:0}]},{label:"Their Allocation",line:{curveType:r.a,fill:{fill:"rgba(0, 169, 123, 0.2)",show:!0},show:!0,stroke:"rgb(0, 169, 123)",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"",radius:0,show:!1,stroke:""},data:[{x:new Date("2019-08-20T00:00:00.000Z"),y:0},{x:new Date("2019-08-21T00:00:00.000Z"),y:0},{x:new Date("2019-08-22T00:00:00.000Z"),y:0},{x:new Date("2019-08-23T00:00:00.000Z"),y:0},{x:new Date("2019-08-24T00:00:00.000Z"),y:0},{x:new Date("2019-08-25T00:00:00.000Z"),y:0},{x:new Date("2019-08-26T00:00:00.000Z"),y:0},{x:new Date("2019-08-27T00:00:00.000Z"),y:0}]},{label:"Theirs",line:{curveType:r.a,fill:{fill:"rgba(0, 169, 123, 0.7)",show:!0},show:!0,stroke:"#000",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"",radius:0,show:!1,stroke:""},data:[{x:new Date("2019-08-20T00:00:00.000Z"),y:0},{x:new Date("2019-08-21T00:00:00.000Z"),y:0},{x:new Date("2019-08-22T00:00:00.000Z"),y:0},{x:new Date("2019-08-23T00:00:00.000Z"),y:0},{x:new Date("2019-08-24T00:00:00.000Z"),y:0},{x:new Date("2019-08-25T00:00:00.000Z"),y:0},{x:new Date("2019-08-26T00:00:00.000Z"),y:0},{x:new Date("2019-08-27T00:00:00.000Z"),y:0}]}],u={bins:["16-18","18-25","25-35","35-50","50-65","65-∞"],counts:[{label:"Background",data:[[200,2600,5100,9700,8400,6700],[2002,2100,4700,8700,4900,1400]]},{label:"Foreground",data:[[100,260,510,970,840,670],[1e3,5500,470,870,490,140]]}]}}}]);
//# sourceMappingURL=component---src-pages-brush-tsx-850fac13d193f129c722.js.map