@corva/ui 0.56.0-3 → 0.56.0-4

package/cjs-bundle/components/Chart/components/ChartWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../ChartWrapperContext.js"),a=require("../constants.js"),l=require("../effects/useZoom.js"),c=require("../effects/useChartModifier.js"),u=require("./AxisOverlay.js"),s=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=d(e),f=d(r);function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){h.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var p=t.makeStyles({container:{width:"100%",height:"100%",position:"relative"}});module.exports=function(e){var r,t,d,h,v,b,C,j=e.children,y=e.chartRef,g=e.isAxesCoordinatesShown,O=e.onCustomizeScaleClick,S=p(),E=n.useState({}),q=f.default(E,2),x=q[0],Z=q[1],P=l.useZoom({chart:null===(r=y.current)||void 0===r?void 0:r.chart}),w=P.zoomStatus,z=P.zoomConfig,A=P.handleZoomEvent,H=P.handleResetZoom,M=P.isZoomEnabled,k=P.handleIsZoomEnabledChange,D=P.debouncedChartSelection;n.useEffect((function(){var e,r,t;o.isEmpty(null===(e=y.current)||void 0===e?void 0:e.chart)||Z({marginBottom:null===(r=y.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var I=(null===(t=y.current)||void 0===t||null===(d=t.chart)||void 0===d||null===(h=d.plotBox)||void 0===h?void 0:h.height)<=a.MIN_CHART_HEIGHT;c.useChartModifier({chart:null===(v=y.current)||void 0===v?void 0:v.chart,isZoomEnabled:M,isMinHeightChart:I,handleChartSelection:D,isAxesCoordinatesShown:g});var R={chart:null===(b=y.current)||void 0===b?void 0:b.chart,zoomConfig:z,chartStyles:x,zoomStatus:w,isZoomEnabled:M,setChartStyles:Z,handleResetZoom:H,handleZoomEvent:A,isMinHeightChart:I,handleChartSelection:D,handleChangeChartStyles:function(e){Z((function(r){return m(m({},r),e)}))},handleIsZoomEnabledChange:k};return s.jsx("div",{className:S.container,children:s.jsxs(i.Provider,{value:R,children:[j,O&&(null===(C=y.current)||void 0===C?void 0:C.chart.axes.map((function(e){return s.jsx(u,m({onCustomizeScaleClick:O},e),e.coll)})))]})})};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../ChartWrapperContext.js"),a=require("../constants.js"),l=require("../effects/useZoom.js"),c=require("../effects/useChartModifier.js"),u=require("./AxisOverlay.js"),s=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=h(e),f=h(r);function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){d.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=t.makeStyles({container:{width:"100%",height:"100%",position:"relative"}}),b=function(e){var r,t,h,d,m,b,p,g=e.children,j=e.chartRef,y=e.isAxesCoordinatesShown,O=e.onCustomizeScaleClick,S=e.onZoomChangeCallback,Z=C(),E=n.useState({}),q=f.default(E,2),x=q[0],P=q[1],w=l.useZoom({chart:null===(r=j.current)||void 0===r?void 0:r.chart}),k=w.zoomStatus,z=w.zoomConfig,A=w.handleZoomEvent,H=w.handleResetZoom,M=w.isZoomEnabled,D=w.handleIsZoomEnabledChange,I=w.debouncedChartSelection;n.useEffect((function(){var e,r,t;o.isEmpty(null===(e=j.current)||void 0===e?void 0:e.chart)||P({marginBottom:null===(r=j.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var R=(null===(t=j.current)||void 0===t||null===(h=t.chart)||void 0===h||null===(d=h.plotBox)||void 0===d?void 0:d.height)<=a.MIN_CHART_HEIGHT;c.useChartModifier({chart:null===(m=j.current)||void 0===m?void 0:m.chart,isZoomEnabled:M,isMinHeightChart:R,onZoomChangeCallback:S,handleChartSelection:I,isAxesCoordinatesShown:y});var B={chart:null===(b=j.current)||void 0===b?void 0:b.chart,zoomConfig:z,chartStyles:x,zoomStatus:k,isZoomEnabled:M,setChartStyles:P,handleResetZoom:H,handleZoomEvent:A,isMinHeightChart:R,handleChartSelection:I,handleChangeChartStyles:function(e){P((function(r){return v(v({},r),e)}))},handleIsZoomEnabledChange:D};return s.jsx("div",{className:Z.container,children:s.jsxs(i.Provider,{value:B,children:[g,O&&(null===(p=j.current)||void 0===p?void 0:p.chart.axes.map((function(e){return s.jsx(u,v({onCustomizeScaleClick:O},e),e.coll)})))]})})};b.defaultProps={onZoomChangeCallback:function(){}},module.exports=b;

package/cjs-bundle/components/Chart/effects/useChartModifier.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@material-ui/core"),e=require("lodash"),s=require("react"),a=require("../formations.js"),t=r.makeStyles({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}});exports.useChartModifier=function(r){var i=r.chart,o=r.isZoomEnabled,n=r.isMinHeightChart,l=r.handleChartSelection,c=r.isAxesCoordinatesShown,u=t();s.useEffect((function(){if(!e.isEmpty(i)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};i.plotBackground.element.style.cursor=o?"crosshair":"grab",i.update({chart:{plotBackgroundColor:"transparent",zoomType:n||!o?"none":"xy",panning:{enabled:!0,type:"xy"}},xAxis:{crosshair:c?r:null,className:o?u.axisCrosshair:u.axisGrab,events:{afterSetExtremes:function(r){var e;"zoom"!==r.trigger&&"navigator"!==r.trigger||l(),null!==(e=i.xAxis[0].userOptions.plotLines)&&void 0!==e&&e.length&&a.updateAxisStyles({chart:i})}}},yAxis:{crosshair:c?r:null,className:o?u.axisCrosshair:u.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||l()}}},plotOptions:{series:{cursor:n||!o?"grab":"crosshair"}}})}}),[o,l,c])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@material-ui/core"),e=require("lodash"),s=require("react"),a=require("../formations.js"),o=r.makeStyles({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}});exports.useChartModifier=function(r){var t=r.chart,i=r.isZoomEnabled,n=r.isMinHeightChart,c=r.handleChartSelection,l=r.onZoomChangeCallback,u=r.isAxesCoordinatesShown,h=o();s.useEffect((function(){if(!e.isEmpty(t)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};t.plotBackground.element.style.cursor=i?"crosshair":"grab",t.update({chart:{plotBackgroundColor:"transparent",zoomType:n||!i?"none":t.userOptions.chart.zoomType,panning:{enabled:!0,type:t.userOptions.chart.panning.type}},xAxis:{crosshair:u?r:null,className:i?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){var e;"zoom"!==r.trigger&&"navigator"!==r.trigger||c(),null!==(e=t.xAxis[0].userOptions.plotLines)&&void 0!==e&&e.length&&a.updateAxisStyles({chart:t}),l(r)}}},yAxis:{crosshair:u?r:null,className:i?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||c(),l(r)}}},plotOptions:{series:{cursor:n||!i?"grab":"crosshair"}}})}}),[i,c,u])};

package/components/Chart/components/ChartWrapper.d.ts

@@ -1,8 +1,14 @@
 export default ChartWrapper;
-declare function ChartWrapper({ children, chartRef, isAxesCoordinatesShown, onCustomizeScaleClick }: {
+declare function ChartWrapper({ children, chartRef, isAxesCoordinatesShown, onCustomizeScaleClick, onZoomChangeCallback, }: {
     children: any;
     chartRef: any;
     isAxesCoordinatesShown: any;
     onCustomizeScaleClick: any;
+    onZoomChangeCallback: any;
 }): JSX.Element;
+declare namespace ChartWrapper {
+    namespace defaultProps {
+        function onZoomChangeCallback(): void;
+    }
+}
 //# sourceMappingURL=ChartWrapper.d.ts.map

package/components/Chart/components/ChartWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":";AAgBA;;;;;gBA8DC"}
+{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":";AAgBA;;;;;;gBAqEC;;;QAGuB,sCAAQ"}

package/components/Chart/components/ChartWrapper.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{makeStyles as t}from"@material-ui/core";import{isEmpty as o}from"lodash";import{useState as n,useEffect as i}from"react";import a from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as l}from"../constants.js";import{useZoom as c}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import h from"./AxisOverlay.js";import{jsx as m,jsxs as u}from"react/jsx-runtime";function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function f(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var p=t({container:{width:"100%",height:"100%",position:"relative"}}),v=function(e){var t,d,v,b,C,g,O,j=e.children,y=e.chartRef,S=e.isAxesCoordinatesShown,P=e.onCustomizeScaleClick,Z=p(),w=n({}),E=r(w,2),x=E[0],z=E[1],A=c({chart:null===(t=y.current)||void 0===t?void 0:t.chart}),D=A.zoomStatus,k=A.zoomConfig,B=A.handleZoomEvent,M=A.handleResetZoom,R=A.isZoomEnabled,H=A.handleIsZoomEnabledChange,I=A.debouncedChartSelection;i((function(){var e,r,t;o(null===(e=y.current)||void 0===e?void 0:e.chart)||z({marginBottom:null===(r=y.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var N=(null===(d=y.current)||void 0===d||null===(v=d.chart)||void 0===v||null===(b=v.plotBox)||void 0===b?void 0:b.height)<=l;s({chart:null===(C=y.current)||void 0===C?void 0:C.chart,isZoomEnabled:R,isMinHeightChart:N,handleChartSelection:I,isAxesCoordinatesShown:S});var T={chart:null===(g=y.current)||void 0===g?void 0:g.chart,zoomConfig:k,chartStyles:x,zoomStatus:D,isZoomEnabled:R,setChartStyles:z,handleResetZoom:M,handleZoomEvent:B,isMinHeightChart:N,handleChartSelection:I,handleChangeChartStyles:function(e){z((function(r){return f(f({},r),e)}))},handleIsZoomEnabledChange:H};return m("div",{className:Z.container,children:u(a.Provider,{value:T,children:[j,P&&(null===(O=y.current)||void 0===O?void 0:O.chart.axes.map((function(e){return m(h,f({onCustomizeScaleClick:P},e),e.coll)})))]})})};export{v as default};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{makeStyles as r}from"@material-ui/core";import{isEmpty as t}from"lodash";import{useState as n,useEffect as i}from"react";import a from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as l}from"../constants.js";import{useZoom as c}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import h from"./AxisOverlay.js";import{jsx as m,jsxs as u}from"react/jsx-runtime";function d(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function f(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var p=r({container:{width:"100%",height:"100%",position:"relative"}}),v=function(e){var r,d,v,b,C,g,O,j=e.children,y=e.chartRef,S=e.isAxesCoordinatesShown,Z=e.onCustomizeScaleClick,P=e.onZoomChangeCallback,w=p(),E=n({}),x=o(E,2),k=x[0],z=x[1],A=c({chart:null===(r=y.current)||void 0===r?void 0:r.chart}),D=A.zoomStatus,B=A.zoomConfig,M=A.handleZoomEvent,R=A.handleResetZoom,H=A.isZoomEnabled,I=A.handleIsZoomEnabledChange,N=A.debouncedChartSelection;i((function(){var e,o,r;t(null===(e=y.current)||void 0===e?void 0:e.chart)||z({marginBottom:null===(o=y.current)||void 0===o||null===(r=o.chart)||void 0===r?void 0:r.marginBottom})}),[]);var T=(null===(d=y.current)||void 0===d||null===(v=d.chart)||void 0===v||null===(b=v.plotBox)||void 0===b?void 0:b.height)<=l;s({chart:null===(C=y.current)||void 0===C?void 0:C.chart,isZoomEnabled:H,isMinHeightChart:T,onZoomChangeCallback:P,handleChartSelection:N,isAxesCoordinatesShown:S});var W={chart:null===(g=y.current)||void 0===g?void 0:g.chart,zoomConfig:B,chartStyles:k,zoomStatus:D,isZoomEnabled:H,setChartStyles:z,handleResetZoom:R,handleZoomEvent:M,isMinHeightChart:T,handleChartSelection:N,handleChangeChartStyles:function(e){z((function(o){return f(f({},o),e)}))},handleIsZoomEnabledChange:I};return m("div",{className:w.container,children:u(a.Provider,{value:W,children:[j,Z&&(null===(O=y.current)||void 0===O?void 0:O.chart.axes.map((function(e){return m(h,f({onCustomizeScaleClick:Z},e),e.coll)})))]})})};v.defaultProps={onZoomChangeCallback:function(){}};export{v as default};

package/components/Chart/effects/useChartModifier.d.ts

@@ -1,8 +1,9 @@
-export function useChartModifier({ chart, isZoomEnabled, isMinHeightChart, handleChartSelection, isAxesCoordinatesShown, }: {
+export function useChartModifier({ chart, isZoomEnabled, isMinHeightChart, handleChartSelection, onZoomChangeCallback, isAxesCoordinatesShown, }: {
     chart: any;
     isZoomEnabled: any;
     isMinHeightChart: any;
     handleChartSelection: any;
+    onZoomChangeCallback: any;
     isAxesCoordinatesShown: any;
 }): void;
 //# sourceMappingURL=useChartModifier.d.ts.map

package/components/Chart/effects/useChartModifier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartModifier.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartModifier.js"],"names":[],"mappings":"AAcO;;;;;;SA+DN"}
+{"version":3,"file":"useChartModifier.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartModifier.js"],"names":[],"mappings":"AAcO;;;;;;;SAkEN"}

package/components/Chart/effects/useChartModifier.js

@@ -1 +1 @@
-import{makeStyles as r}from"@material-ui/core";import{isEmpty as o}from"lodash";import{useEffect as a}from"react";import{updateAxisStyles as s}from"../formations.js";var i=r({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}}),t=function(r){var t=r.chart,e=r.isZoomEnabled,n=r.isMinHeightChart,c=r.handleChartSelection,l=r.isAxesCoordinatesShown,h=i();a((function(){if(!o(t)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};t.plotBackground.element.style.cursor=e?"crosshair":"grab",t.update({chart:{plotBackgroundColor:"transparent",zoomType:n||!e?"none":"xy",panning:{enabled:!0,type:"xy"}},xAxis:{crosshair:l?r:null,className:e?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){var o;"zoom"!==r.trigger&&"navigator"!==r.trigger||c(),null!==(o=t.xAxis[0].userOptions.plotLines)&&void 0!==o&&o.length&&s({chart:t})}}},yAxis:{crosshair:l?r:null,className:e?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||c()}}},plotOptions:{series:{cursor:n||!e?"grab":"crosshair"}}})}}),[e,c,l])};export{t as useChartModifier};
+import{makeStyles as r}from"@material-ui/core";import{isEmpty as o}from"lodash";import{useEffect as a}from"react";import{updateAxisStyles as s}from"../formations.js";var t=r({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}}),e=function(r){var e=r.chart,i=r.isZoomEnabled,n=r.isMinHeightChart,c=r.handleChartSelection,l=r.onZoomChangeCallback,h=r.isAxesCoordinatesShown,m=t();a((function(){if(!o(e)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};e.plotBackground.element.style.cursor=i?"crosshair":"grab",e.update({chart:{plotBackgroundColor:"transparent",zoomType:n||!i?"none":e.userOptions.chart.zoomType,panning:{enabled:!0,type:e.userOptions.chart.panning.type}},xAxis:{crosshair:h?r:null,className:i?m.axisCrosshair:m.axisGrab,events:{afterSetExtremes:function(r){var o;"zoom"!==r.trigger&&"navigator"!==r.trigger||c(),null!==(o=e.xAxis[0].userOptions.plotLines)&&void 0!==o&&o.length&&s({chart:e}),l(r)}}},yAxis:{crosshair:h?r:null,className:i?m.axisCrosshair:m.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||c(),l(r)}}},plotOptions:{series:{cursor:n||!i?"grab":"crosshair"}}})}}),[i,c,h])};export{e as useChartModifier};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.56.0-3",
+  "version": "0.56.0-4",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"