@corva/ui 0.47.0-3 → 0.47.0-4

package/components/Chart/components/ChartWrapper.js

@@ -1 +1 @@
-import{makeStyles as o}from"@material-ui/core";import{useEffect as t}from"react";import{ReplayOutlined as i,PanToolOutlined as e,BorderStyle as n,Add as r,Remove as l}from"@material-ui/icons";import{isEmpty as s}from"lodash";import{useZoom as a}from"../effects/useZoom.js";import{useKeyboardControl as m}from"../effects/useKeyboardControl.js";import c from"./ChartButtons.js";import{MIN_CHART_HEIGHT as d,ZOOM_TYPE as p}from"../constants.js";import{jsx as u,jsxs as f}from"react/jsx-runtime";var h=o({container:{width:"100%",height:"100%",position:"relative"}}),v=function(o){var v,C=o.chartRef,Z=o.chart,b=h(),k=a({chart:C}),g=k.zoomConfig,y=k.handleZoomEvent,P=k.handleResetZoom,j=k.isZoomEnabled,x=k.handleIsZoomEnabledChange,R=(null==C||null===(v=C.plotBox)||void 0===v?void 0:v.height)<=d,z=function(){y(p.zoomIn)},B=function(){y(p.zoomOut)};m([{keyCode:38,callback:z},{keyCode:40,callback:B}]);var E=[{id:0,tooltipProps:{title:"Reset Zoom"},isHidden:g.isZoomReset||R,onClick:P,children:u(i,{})},{id:1,tooltipProps:{title:"Pan"},isHidden:R,isActive:!j,onClick:function(){return x(!1)},children:u(e,{})},{id:2,tooltipProps:{title:"Drag To Zoom"},isHidden:R,isActive:j,onClick:function(){return x(!0)},children:u(n,{})},{id:3,tooltipProps:{title:"Zoom In"},onClick:z,children:u(r,{})},{id:4,tooltipProps:{title:"Zoom Out"},disabled:g.isZoomReset,onClick:B,children:u(l,{})}];return t((function(){s(C)||null==C||C.update({chart:{zoomType:R||!j?"none":"xy",panning:{enabled:!0,type:"xy"}},plotOptions:{series:{cursor:R||!j?"grab":"crosshair"}}})}),[C,j]),f("div",{className:b.container,children:[Z,u(c,{bottom:(null==C?void 0:C.marginBottom)+3,buttons:E})]})};export{v as default};
+import{makeStyles as o}from"@material-ui/core";import{useEffect as t}from"react";import{ReplayOutlined as e,PanToolOutlined as i,BorderStyle as n,Add as r,Remove as l}from"@material-ui/icons";import{isEmpty as s}from"lodash";import{useZoom as a}from"../effects/useZoom.js";import{useKeyboardControl as m}from"../effects/useKeyboardControl.js";import c from"./ChartButtons.js";import{MIN_CHART_HEIGHT as d,ZOOM_TYPE as p}from"../constants.js";import{jsx as u,jsxs as f}from"react/jsx-runtime";var h=o({container:{width:"100%",height:"100%",position:"relative"}}),v=function(o){var v,g=o.chartRef,C=o.chart,Z=h(),b=a({chart:g}),x=b.zoomConfig,k=b.handleZoomEvent,y=b.handleResetZoom,z=b.isZoomEnabled,P=b.handleIsZoomEnabledChange,j=b.handleChartSelection,E=(null==g||null===(v=g.plotBox)||void 0===v?void 0:v.height)<=d,R=function(){k(p.zoomIn)},A=function(){k(p.zoomOut)};m([{keyCode:38,callback:R},{keyCode:40,callback:A}]);var B=[{id:0,tooltipProps:{title:"Reset Zoom"},isHidden:x.isZoomReset||E,onClick:y,children:u(e,{})},{id:1,tooltipProps:{title:"Pan"},isHidden:E,isActive:!z,onClick:function(){return P(!1)},children:u(i,{})},{id:2,tooltipProps:{title:"Drag To Zoom"},isHidden:E,isActive:z,onClick:function(){return P(!0)},children:u(n,{})},{id:3,tooltipProps:{title:"Zoom In"},onClick:R,children:u(r,{})},{id:4,tooltipProps:{title:"Zoom Out"},disabled:x.isZoomReset,onClick:A,children:u(l,{})}];return t((function(){s(g)||null==g||g.update({chart:{zoomType:E||!z?"none":"xy",panning:{enabled:!0,type:"xy"}},xAxis:{events:{afterSetExtremes:function(o){"zoom"===o.trigger&&j()}}},yAxis:{events:{afterSetExtremes:function(o){"zoom"===o.trigger&&j()}}},plotOptions:{series:{cursor:E||!z?"grab":"crosshair"}}})}),[g,z]),f("div",{className:Z.container,children:[C,u(c,{bottom:(null==g?void 0:g.marginBottom)+3,buttons:B})]})};export{v as default};

package/components/Chart/effects/useZoom.js

@@ -1 +1 @@
-import i from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as t}from"react";import{isEmpty as o}from"lodash";import{getXExtremes as a,getYExtremes as m,getChartScale as s,getNextZoomCoordinates as c,getCurrentMinValue as x,getCurrentMaxValue as p}from"../utils.js";import{MAX_ZOOM as l}from"../constants.js";var f=["originXMin","originXMax","originYMin","originYMax"];function u(i,e){var n=Object.keys(i);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(i);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable}))),n.push.apply(n,r)}return n}function g(i){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?u(Object(r),!0).forEach((function(n){e(i,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(r,e))}))}return i}var M=function(e){var u=e.chart,M=r({}),b=n(M,2),y=b[0],X=b[1],Y=r(!0),O=n(Y,2),h=O[0],j=O[1];t((function(){var i=u||{},e=i.xAxis,n=i.yAxis,r=e?e[0]:{},t=r.min,o=r.max,a=n?n[0]:{},m=a.min,s=a.max;X({xStep:(o-t)/l,yStep:(s-m)/l,originXMin:t,originXMax:o,originYMin:m,originYMax:s,isZoomReset:!0})}),[u]);t((function(){o(y)||(u.xAxis[0].setExtremes(y.minX,y.maxX),u.yAxis[0].setExtremes(y.minY,y.maxY))}),[y.minX,y.minY,y.maxX,y.maxY]);return{handleChartSelection:function(){X((function(i){return g(g({},i),{},{isZoomReset:!1})}))},isZoomEnabled:h,handleIsZoomEnabledChange:function(i){j(i)},handleResetZoom:function(){X((function(e){var n=e.originXMin,r=e.originXMax,t=e.originYMin,o=e.originYMax;return g(g({},i(e,f)),{},{minX:n,maxX:r,minY:t,maxY:o,xScale:0,yScale:0})}))},handleZoomEvent:function(i){var e=a(u),r=m(u),t=s({extremes:e,step:y.xStep}),o=s({extremes:r,step:y.yStep}),l=c({min:e.min,max:e.max,initialMin:y.originXMin,initialMax:y.originXMax,zoomStep:y.xStep,zoomType:i,scale:t}),f=c({min:r.min,max:r.max,initialMin:y.originYMin,initialMax:y.originYMax,zoomStep:y.yStep,zoomType:i,scale:o}),M=n(l,2),b=M[0],Y=M[1],O=n(f,2),h=O[0],j=O[1],S=y.originXMin,d=y.originXMax,v=y.originYMax,P=y.originYMin,E=x(b,S),Z=x(h,P),w=p(Y,d),z=p(j,v),A=S===E&&d===w&&v===z&&P===Z;X((function(i){return g(g({},i),{},{isZoomReset:A,minX:E>Y?Y:E,maxX:w<b?b:w,minY:Z>j?j:Z,maxY:z<h?h:z})}))},zoomConfig:y}};export{M as useZoom};
+import i from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as t}from"react";import{isEmpty as r}from"lodash";import{getXExtremes as o,getYExtremes as m,getChartScale as a,getNextZoomCoordinates as s,getCurrentMinValue as x,getCurrentMaxValue as c}from"../utils.js";import{MAX_ZOOM as p}from"../constants.js";function f(i,e){var n=Object.keys(i);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(i);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable}))),n.push.apply(n,t)}return n}function l(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?f(Object(t),!0).forEach((function(n){i(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))}))}return e}var u=function(i){var f=i.chart,u=n({}),g=e(u,2),y=g[0],b=g[1],M=n(!0),O=e(M,2),h=O[0],X=O[1];t((function(){var i=f||{},e=i.xAxis,n=i.yAxis,t=e?e[0]:{},r=t.min,o=t.max,m=n?n[0]:{},a=m.min,s=m.max;b({xStep:(o-r)/p,yStep:(s-a)/p,originXMin:r,originXMax:o,originYMin:a,originYMax:s,isZoomReset:!0})}),[f]);t((function(){r(y)||(f.xAxis[0].setExtremes(y.minX,y.maxX),f.yAxis[0].setExtremes(y.minY,y.maxY))}),[y.minX,y.minY,y.maxX,y.maxY]);return{handleChartSelection:function(){b((function(i){return l(l({},i),{},{isZoomReset:!1})}))},isZoomEnabled:h,handleIsZoomEnabledChange:function(i){X(i)},handleResetZoom:function(){var i=y.originXMin,e=y.originXMax,n=y.originYMin,t=y.originYMax;f.xAxis[0].setExtremes(i,e),f.yAxis[0].setExtremes(n,t),b((function(i){return l(l({},i),{},{isZoomReset:!0})}))},handleZoomEvent:function(i){var n=o(f),t=m(f),r=a({extremes:n,step:y.xStep}),p=a({extremes:t,step:y.yStep}),u=s({min:n.min,max:n.max,initialMin:y.originXMin,initialMax:y.originXMax,zoomStep:y.xStep,zoomType:i,scale:r}),g=s({min:t.min,max:t.max,initialMin:y.originYMin,initialMax:y.originYMax,zoomStep:y.yStep,zoomType:i,scale:p}),M=e(u,2),O=M[0],h=M[1],X=e(g,2),Y=X[0],j=X[1],d=y.originXMin,S=y.originXMax,v=y.originYMax,E=y.originYMin,P=x(O,d),Z=x(Y,E),A=c(h,S),w=c(j,v),z=d===P&&S===A&&v===w&&E===Z;b((function(i){return l(l({},i),{},{isZoomReset:z,minX:P>h?h:P,maxX:A<O?O:A,minY:Z>j?j:Z,maxY:w<Y?Y:w})}))},zoomConfig:y}};export{u as useZoom};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.47.0-3",
+  "version": "0.47.0-4",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"
@@ -162,8 +162,8 @@
     "rollup-plugin-copy": "^3.4.0",
     "sass": "^1.51.0",
     "semver": "7.2.1",
-    "slate": "0.84.0",
-    "slate-react": "0.83.2",
+    "slate": "0.66.5",
+    "slate-react": "0.66.7",
     "socket.io-client": "2.2.0",
     "sql-parser": "0.5.0",
     "style-loader": "1.0.0",