@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number.isRequired,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","onDone","drillStringInfo","holeDepth","unit","useState","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","styles","detailsPane","_jsx","detailDone","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","propTypes","shape","isRequired","number","string","func"],"mappings":"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"}

package/components/Drillstring/DrillstringDetail/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={detailsPane:"styles_detailsPane__Tis-d",detailTitleGroup:"styles_detailTitleGroup__71Svc",detailTitle:"styles_detailTitle__zzIr1",detailTitleSeparator:"styles_detailTitleSeparator__9vMfR",detailTitleMore:"styles_detailTitleMore__YXkV2",detailDone:"styles_detailDone__vrZYN"};e(".styles_detailsPane__Tis-d header{border-bottom:1px solid #888}.styles_detailTitleGroup__71Svc{padding:12px}.styles_detailTitle__zzIr1{color:#ccc;font-size:2rem;font-weight:700;margin-top:0}.styles_detailTitleSeparator__9vMfR{font-size:2rem;font-weight:700;margin-left:10px;margin-right:10px}.styles_detailTitleMore__YXkV2{font-size:1.5rem}.styles_detailDone__vrZYN{float:right}");export{t as default};
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_detailsPane__Tis-d header {\n  border-bottom: 1px solid #888;\n}\n\n.styles_detailTitleGroup__71Svc {\n  padding: 12px;\n}\n\n.styles_detailTitle__zzIr1 {\n  font-weight: bold;\n  font-size: 2rem;\n  margin-top: 0px;\n  color: #ccc;\n}\n\n.styles_detailTitleSeparator__9vMfR {\n  font-size: 2rem;\n  font-weight: bold;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n.styles_detailTitleMore__YXkV2 {\n  font-size: 1.5rem;\n}\n\n.styles_detailDone__vrZYN {\n  float: right;\n}\n";
+var styles = {"detailsPane":"styles_detailsPane__Tis-d","detailTitleGroup":"styles_detailTitleGroup__71Svc","detailTitle":"styles_detailTitle__zzIr1","detailTitleSeparator":"styles_detailTitleSeparator__9vMfR","detailTitleMore":"styles_detailTitleMore__YXkV2","detailDone":"styles_detailDone__vrZYN"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/Drillstring/DrillstringDetail/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/EChartsWrapper/EChartsWrapper.js

@@ -1 +1,343 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useRef as n,useState as r,useEffect as a,Children as i,cloneElement as d}from"react";import{noop as s}from"lodash";import{makeStyles as l,useTheme as u}from"@material-ui/core";import c from"classnames";import{Toolbox as x}from"./components/Toolbox/Toolbox.js";var m=l((function(){return{container:{position:"relative",width:"100%",height:"100%"}}})),y=function(s){var l=s.containerClassName,y=s.customToolboxContainerClass,v=s.onDataZoom,h=s.toolboxProps,f=s.children,p=m(),M=n(null),b=M.current,g=u(),A=r(!1),Z=A[0],C=A[1],F=r(!1),O=F[0],T=F[1],E=r(!0),I=E[0],S=E[1],W=r(!1),k=W[0],w=W[1],z=n(null),P=r(null),j=P[0],B=P[1],N=function(t){var e,o,n=b.getOption(),r=n.series;if(!((null===(e=n.xAxis)||void 0===e?void 0:e.length)>1||(null===(o=n.yAxis)||void 0===o?void 0:o.length)>1)&&!(Array.isArray(r)?r.reduce((function(t,e){return t.concat(e.data)}),[]):r.data).some((function(e){return Array.isArray(e)?e[0]>t.x.start&&e[0]<t.x.end&&e[1]>t.y.start&&e[1]<t.y.end:e.x>t.x.start&&e.x<t.x.end&&e.y>t.y.start&&e.y<t.y.end})))return;var a=100*Math.abs(t.x.start-z.current.x.start),i=100*Math.abs(t.x.end-z.current.x.start),d=100*Math.abs(t.y.start-z.current.y.start),s=100*Math.abs(t.y.end-z.current.y.start),l=d/Math.abs(z.current.y.start-z.current.y.end),u=s/Math.abs(z.current.y.start-z.current.y.end),c=a/Math.abs(z.current.x.start-z.current.x.end),x=i/Math.abs(z.current.x.start-z.current.x.end);b.dispatchAction({type:"dataZoom",moveOnMouseMove:O,filterMode:"none",rangeMode:["percent","percent"],batch:[{start:+c.toFixed(2),end:+x.toFixed(2),dataZoomIndex:0},{start:+l.toFixed(2),end:+u.toFixed(2),dataZoomIndex:1}]})},R=function(){var t,e,o,n,r,a,i,d,s=null===(n=null===(o=null===(e=null===(t=null==b?void 0:b.getModel())||void 0===t?void 0:t.getComponent("xAxis",0))||void 0===e?void 0:e.axis)||void 0===o?void 0:o.scale)||void 0===n?void 0:n.getExtent(),l=null===(d=null===(i=null===(a=null===(r=null==b?void 0:b.getModel())||void 0===r?void 0:r.getComponent("yAxis",0))||void 0===a?void 0:a.axis)||void 0===i?void 0:i.scale)||void 0===d?void 0:d.getExtent();if(s&&l){var u=s[0],c=s[1],x=l[0],m=l[1];z.current={x:{start:+u.toFixed(2),end:+c.toFixed(2)},y:{start:+x.toFixed(2),end:+m.toFixed(2)}}}},D=function(){w(!1),T(!1),S(!0),b.dispatchAction({type:"dataZoom",start:0,end:100,rangeMode:["percent","percent"]})},G=function(t){var e,o,n=0===t.start&&100===t.end,r=null===(o=null===(e=t.batch)||void 0===e?void 0:e[0])||void 0===o?void 0:o.startValue;w((function(t){return!!r||(n&&R(),!n)})),function(){var t=b.getModel().getComponent("yAxis",0).axis.scale.getExtent(),e=t[0],o=t[1],n=b.getModel().getComponent("xAxis",0).axis.scale.getExtent(),r={x:{start:n[0],end:n[1]},y:{start:e,end:o}};B(r),v(r)}()};a((function(){b&&(k||R(),Z&&(b.setOption({toolbox:{show:!0,width:0,height:0,feature:{dataZoom:{show:!0,icon:null,brushStyle:{borderWidth:0,opacity:.1,color:g.palette.primary.light}}}},dataZoom:[{type:"inside",xAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:!1},{type:"inside",yAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:!1}]},{replaceMerge:"dataZoom"}),b.on("dataZoom",G),C(!1),b.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:!0})))}),[b,Z,k]),a((function(){var t=null==b?void 0:b.getZr();if(t){var e=Array.from(t.dom.getElementsByTagName("canvas")).at(-1);e?e.style.cursor=O?"grab":I?"crosshair":"default":console.error("Canvas not found")}}),[b,O,I]),a((function(){b&&b.setOption({dataZoom:[{type:"inside",xAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:O},{type:"inside",yAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:O}]})}),[O]),a((function(){null==b||b.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:I})}),[I]);return e("div",{className:c(p.container,l),children:[i.map(f,(function(t){var e,o=t.props.onChartReady;return d(t,{onChartReady:(e=o,function(t){e&&e(t),C(!0),M.current=t})})})),o(x,t({},h,{handleTogglePane:function(t){return T(t)},handleToggleBrush:function(t){return S(t)},isPaneEnabled:O,isBrushEnabled:I,isZoomed:k,chart:b,handleZoomReset:D,handleZoomOut:function(){var t=.05*Math.abs(z.current.x.start-z.current.x.end),e=.05*Math.abs(z.current.y.start-z.current.y.end),o=+(j.x.start-t).toFixed(2),n=+(j.x.end+t).toFixed(2),r=+(j.y.start-e).toFixed(2),a=+(j.y.end+e).toFixed(2),i=o<=z.current.x.start||n>=z.current.x.end,d=r<=z.current.y.start||a>=z.current.y.end;if(i&&d)return D();N({x:i?z.current.x:{start:o,end:n},y:d?z.current.y:{start:r,end:a}})},handleZoomIn:function(){k||(R(),w(!0));var t=j||z.current,e=.05*Math.abs(t.x.start-t.x.end),o=.05*Math.abs(t.y.start-t.y.end),n=+(t.x.start+e).toFixed(2),r=+(t.x.end-e).toFixed(2),a=+(t.y.start+o).toFixed(2),i=+(t.y.end-o).toFixed(2),d=n>=r,s=a>=i;N({x:{start:d?t.x.start:n,end:d?t.x.end:r},y:{start:s?t.y.start:a,end:s?t.y.end:i}})},customToolboxContainerClass:c(null==h?void 0:h.customToolboxContainerClass,y)}))]})};y.defaultProps={onDataZoom:s};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useEffect, Children, cloneElement } from 'react';
+import { noop } from 'lodash';
+import { makeStyles, useTheme } from '@material-ui/core';
+import classNames from 'classnames';
+import { Toolbox } from './components/Toolbox/Toolbox.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var AXIS_ZOOM_STEP_PERCENT = 0.05;
+var useStyles = makeStyles(function () {
+  return {
+    container: {
+      position: 'relative',
+      width: '100%',
+      height: '100%'
+    }
+  };
+});
+var EChartsWrapper = function EChartsWrapper(_ref) {
+  var containerClassName = _ref.containerClassName,
+    customToolboxContainerClass = _ref.customToolboxContainerClass,
+    onDataZoomCustom = _ref.onDataZoom,
+    toolboxProps = _ref.toolboxProps,
+    children = _ref.children;
+  var classes = useStyles();
+  var chartRef = useRef(null);
+  var chart = chartRef.current;
+  var theme = useTheme();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isNeedInitialOptions = _useState2[0],
+    setIsNeedInitialOptions = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isPaneEnabled = _useState4[0],
+    setIsPaneEnabled = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isBrushEnabled = _useState6[0],
+    setIsBrushEnabled = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isZoomed = _useState8[0],
+    setIsZoomed = _useState8[1];
+  var axisRange = useRef(null);
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    currentZoomRange = _useState10[0],
+    setCurrentZoomRange = _useState10[1];
+  var handleZoomChart = function handleZoomChart(range) {
+    var _options$xAxis, _options$yAxis;
+    var options = chart.getOption();
+    var series = options.series;
+    var isMultipleAxis = ((_options$xAxis = options.xAxis) === null || _options$xAxis === void 0 ? void 0 : _options$xAxis.length) > 1 || ((_options$yAxis = options.yAxis) === null || _options$yAxis === void 0 ? void 0 : _options$yAxis.length) > 1;
+    if (!isMultipleAxis) {
+      var data = Array.isArray(series) ? series.reduce(function (acc, serie) {
+        return acc.concat(serie.data);
+      }, []) : series.data;
+      var isDataExists = data.some(function (dataItem) {
+        // case when dot structure is [x,y]
+        if (Array.isArray(dataItem)) {
+          return dataItem[0] > range.x.start && dataItem[0] < range.x.end && dataItem[1] > range.y.start && dataItem[1] < range.y.end;
+        }
+        return dataItem.x > range.x.start && dataItem.x < range.x.end && dataItem.y > range.y.start && dataItem.y < range.y.end;
+      });
+      if (!isDataExists) return;
+    }
+    var absoluteXStart = Math.abs(range.x.start - axisRange.current.x.start) * 100;
+    var absoluteXEnd = Math.abs(range.x.end - axisRange.current.x.start) * 100;
+    var absoluteYStart = Math.abs(range.y.start - axisRange.current.y.start) * 100;
+    var absoluteYEnd = Math.abs(range.y.end - axisRange.current.y.start) * 100;
+    var yStartPercent = absoluteYStart / Math.abs(axisRange.current.y.start - axisRange.current.y.end);
+    var yEndPercent = absoluteYEnd / Math.abs(axisRange.current.y.start - axisRange.current.y.end);
+    var xStartPercent = absoluteXStart / Math.abs(axisRange.current.x.start - axisRange.current.x.end);
+    var xEndPercent = absoluteXEnd / Math.abs(axisRange.current.x.start - axisRange.current.x.end);
+    chart.dispatchAction({
+      type: 'dataZoom',
+      moveOnMouseMove: isPaneEnabled,
+      filterMode: 'none',
+      rangeMode: ['percent', 'percent'],
+      batch: [{
+        start: +xStartPercent.toFixed(2),
+        end: +xEndPercent.toFixed(2),
+        dataZoomIndex: 0
+      }, {
+        start: +yStartPercent.toFixed(2),
+        end: +yEndPercent.toFixed(2),
+        dataZoomIndex: 1
+      }]
+    });
+  };
+  var handleSaveAxisRanges = function handleSaveAxisRanges() {
+    var _chart$getModel, _chart$getModel$getCo, _chart$getModel$getCo2, _chart$getModel$getCo3, _chart$getModel2, _chart$getModel2$getC, _chart$getModel2$getC2, _chart$getModel2$getC3;
+    // @ts-ignore
+    var xRange = chart === null || chart === void 0 ? void 0 : (_chart$getModel = chart.getModel()) === null || _chart$getModel === void 0 ? void 0 : (_chart$getModel$getCo = _chart$getModel.getComponent('xAxis', 0)) === null || _chart$getModel$getCo === void 0 ? void 0 : (_chart$getModel$getCo2 = _chart$getModel$getCo.axis) === null || _chart$getModel$getCo2 === void 0 ? void 0 : (_chart$getModel$getCo3 = _chart$getModel$getCo2.scale) === null || _chart$getModel$getCo3 === void 0 ? void 0 : _chart$getModel$getCo3.getExtent();
+    // @ts-ignore
+    var yRange = chart === null || chart === void 0 ? void 0 : (_chart$getModel2 = chart.getModel()) === null || _chart$getModel2 === void 0 ? void 0 : (_chart$getModel2$getC = _chart$getModel2.getComponent('yAxis', 0)) === null || _chart$getModel2$getC === void 0 ? void 0 : (_chart$getModel2$getC2 = _chart$getModel2$getC.axis) === null || _chart$getModel2$getC2 === void 0 ? void 0 : (_chart$getModel2$getC3 = _chart$getModel2$getC2.scale) === null || _chart$getModel2$getC3 === void 0 ? void 0 : _chart$getModel2$getC3.getExtent();
+    if (xRange && yRange) {
+      var _xRange = _slicedToArray(xRange, 2),
+        _xMin = _xRange[0],
+        _xMax = _xRange[1];
+      var _yRange = _slicedToArray(yRange, 2),
+        _yMin = _yRange[0],
+        _yMax = _yRange[1];
+      axisRange.current = {
+        x: {
+          start: +_xMin.toFixed(2),
+          end: +_xMax.toFixed(2)
+        },
+        y: {
+          start: +_yMin.toFixed(2),
+          end: +_yMax.toFixed(2)
+        }
+      };
+    }
+  };
+  var handleSaveZoomRange = function handleSaveZoomRange() {
+    // getModel is not standardized and documented
+    // https://github.com/apache/echarts/issues/16479#issuecomment-1033349403
+    // @ts-ignore
+    var _chart$getModel$getCo4 = chart.getModel().getComponent('yAxis', 0).axis.scale.getExtent(),
+      _chart$getModel$getCo5 = _slicedToArray(_chart$getModel$getCo4, 2),
+      yMin = _chart$getModel$getCo5[0],
+      yMax = _chart$getModel$getCo5[1];
+    // @ts-ignore
+    var _chart$getModel$getCo6 = chart.getModel().getComponent('xAxis', 0).axis.scale.getExtent(),
+      _chart$getModel$getCo7 = _slicedToArray(_chart$getModel$getCo6, 2),
+      xMin = _chart$getModel$getCo7[0],
+      xMax = _chart$getModel$getCo7[1];
+    var range = {
+      x: {
+        start: xMin,
+        end: xMax
+      },
+      y: {
+        start: yMin,
+        end: yMax
+      }
+    };
+    setCurrentZoomRange(range);
+    onDataZoomCustom(range);
+  };
+  var handleZoomIn = function handleZoomIn() {
+    if (!isZoomed) {
+      handleSaveAxisRanges();
+      setIsZoomed(true);
+    }
+    var targetRange = currentZoomRange || axisRange.current;
+    var currentXStep = Math.abs(targetRange.x.start - targetRange.x.end) * AXIS_ZOOM_STEP_PERCENT;
+    var currentYStep = Math.abs(targetRange.y.start - targetRange.y.end) * AXIS_ZOOM_STEP_PERCENT;
+    var XStart = +(targetRange.x.start + currentXStep).toFixed(2);
+    var XEnd = +(targetRange.x.end - currentXStep).toFixed(2);
+    var YStart = +(targetRange.y.start + currentYStep).toFixed(2);
+    var YEnd = +(targetRange.y.end - currentYStep).toFixed(2);
+    var isXExceeds = XStart >= XEnd;
+    var isYExceeds = YStart >= YEnd;
+    handleZoomChart({
+      x: {
+        start: isXExceeds ? targetRange.x.start : XStart,
+        end: isXExceeds ? targetRange.x.end : XEnd
+      },
+      y: {
+        start: isYExceeds ? targetRange.y.start : YStart,
+        end: isYExceeds ? targetRange.y.end : YEnd
+      }
+    });
+  };
+  var handleZoomOut = function handleZoomOut() {
+    var currentXStep = Math.abs(axisRange.current.x.start - axisRange.current.x.end) * AXIS_ZOOM_STEP_PERCENT;
+    var currentYStep = Math.abs(axisRange.current.y.start - axisRange.current.y.end) * AXIS_ZOOM_STEP_PERCENT;
+    var XStart = +(currentZoomRange.x.start - currentXStep).toFixed(2);
+    var XEnd = +(currentZoomRange.x.end + currentXStep).toFixed(2);
+    var YStart = +(currentZoomRange.y.start - currentYStep).toFixed(2);
+    var YEnd = +(currentZoomRange.y.end + currentYStep).toFixed(2);
+    var isXExceeds = XStart <= axisRange.current.x.start || XEnd >= axisRange.current.x.end;
+    var isYExceeds = YStart <= axisRange.current.y.start || YEnd >= axisRange.current.y.end;
+    if (isXExceeds && isYExceeds) {
+      return handleZoomReset();
+    }
+    handleZoomChart({
+      x: isXExceeds ? axisRange.current.x : {
+        start: XStart,
+        end: XEnd
+      },
+      y: isYExceeds ? axisRange.current.y : {
+        start: YStart,
+        end: YEnd
+      }
+    });
+  };
+  var handleZoomReset = function handleZoomReset() {
+    setIsZoomed(false);
+    setIsPaneEnabled(false);
+    setIsBrushEnabled(true);
+    chart.dispatchAction({
+      type: 'dataZoom',
+      start: 0,
+      end: 100,
+      rangeMode: ['percent', 'percent']
+    });
+  };
+  var onDataZoom = function onDataZoom(evt) {
+    var _evt$batch, _evt$batch$;
+    var isResetEvent = evt.start === 0 && evt.end === 100;
+    var isNativeDataZoom = (_evt$batch = evt.batch) === null || _evt$batch === void 0 ? void 0 : (_evt$batch$ = _evt$batch[0]) === null || _evt$batch$ === void 0 ? void 0 : _evt$batch$.startValue;
+    setIsZoomed(function (prev) {
+      if (isNativeDataZoom) return true;
+      if (isResetEvent) {
+        handleSaveAxisRanges();
+      }
+      return !isResetEvent;
+    });
+    handleSaveZoomRange();
+  };
+  useEffect(function () {
+    if (!chart) return;
+    if (!isZoomed) {
+      handleSaveAxisRanges();
+    }
+    if (isNeedInitialOptions) {
+      chart.setOption({
+        toolbox: {
+          show: true,
+          width: 0,
+          height: 0,
+          feature: {
+            dataZoom: {
+              show: true,
+              icon: null,
+              brushStyle: {
+                borderWidth: 0,
+                opacity: 0.1,
+                color: theme.palette.primary.light
+              }
+            }
+          }
+        },
+        dataZoom: [{
+          type: 'inside',
+          xAxisIndex: 'all',
+          filterMode: 'none',
+          zoomOnMouseWheel: false,
+          moveOnMouseMove: false
+        }, {
+          type: 'inside',
+          yAxisIndex: 'all',
+          filterMode: 'none',
+          zoomOnMouseWheel: false,
+          moveOnMouseMove: false
+        }]
+      }, {
+        replaceMerge: 'dataZoom'
+      });
+      chart.on('dataZoom', onDataZoom);
+      setIsNeedInitialOptions(false);
+      chart.dispatchAction({
+        type: 'takeGlobalCursor',
+        key: 'dataZoomSelect',
+        dataZoomSelectActive: true
+      });
+    }
+  }, [chart, isNeedInitialOptions, isZoomed]);
+  useEffect(function () {
+    // cursor grab in pane mode works only for canvas renderer
+    var zRender = chart === null || chart === void 0 ? void 0 : chart.getZr();
+    if (zRender) {
+      var canvas = Array.from(zRender.dom.getElementsByTagName('canvas')).at(-1);
+      if (canvas) {
+        canvas.style.cursor = isPaneEnabled ? 'grab' : isBrushEnabled ? 'crosshair' : 'default';
+      } else {
+        console.error('Canvas not found');
+      }
+    }
+  }, [chart, isPaneEnabled, isBrushEnabled]);
+  useEffect(function () {
+    if (!chart) return;
+    chart.setOption({
+      dataZoom: [{
+        type: 'inside',
+        xAxisIndex: 'all',
+        filterMode: 'none',
+        zoomOnMouseWheel: false,
+        moveOnMouseMove: isPaneEnabled
+      }, {
+        type: 'inside',
+        yAxisIndex: 'all',
+        filterMode: 'none',
+        zoomOnMouseWheel: false,
+        moveOnMouseMove: isPaneEnabled
+      }]
+    });
+  }, [isPaneEnabled]);
+  useEffect(function () {
+    chart === null || chart === void 0 ? void 0 : chart.dispatchAction({
+      type: 'takeGlobalCursor',
+      key: 'dataZoomSelect',
+      dataZoomSelectActive: isBrushEnabled
+    });
+  }, [isBrushEnabled]);
+  var onChartReadyExtended = function onChartReadyExtended(childCallback) {
+    return function (instance) {
+      if (childCallback) {
+        childCallback(instance);
+      }
+      setIsNeedInitialOptions(true);
+      chartRef.current = instance;
+    };
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.container, containerClassName),
+    children: [Children.map(children, function (child) {
+      var onChartReady = child.props.onChartReady;
+      // @ts-ignore
+      return cloneElement(child, {
+        onChartReady: onChartReadyExtended(onChartReady)
+      });
+    }), /*#__PURE__*/jsx(Toolbox, _objectSpread(_objectSpread({}, toolboxProps), {}, {
+      handleTogglePane: function handleTogglePane(isEnabled) {
+        return setIsPaneEnabled(isEnabled);
+      },
+      handleToggleBrush: function handleToggleBrush(isEnabled) {
+        return setIsBrushEnabled(isEnabled);
+      },
+      isPaneEnabled: isPaneEnabled,
+      isBrushEnabled: isBrushEnabled,
+      isZoomed: isZoomed,
+      chart: chart,
+      handleZoomReset: handleZoomReset,
+      handleZoomOut: handleZoomOut,
+      handleZoomIn: handleZoomIn,
+      customToolboxContainerClass: classNames(toolboxProps === null || toolboxProps === void 0 ? void 0 : toolboxProps.customToolboxContainerClass, customToolboxContainerClass)
+    }))]
+  });
+};
+EChartsWrapper.defaultProps = {
+  onDataZoom: noop
+};
+
+export { EChartsWrapper as default };
+//# sourceMappingURL=EChartsWrapper.js.map

package/components/EChartsWrapper/EChartsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EChartsWrapper.js","sources":["../../../src/components/EChartsWrapper/EChartsWrapper.tsx"],"sourcesContent":["import { Children, cloneElement, FC, useEffect, useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport ReactECharts from 'echarts-for-react';\nimport { EChartsType, SeriesOption } from 'echarts';\nimport { AxisRange, ChartWrapperProps, DataZoomEvent, SeriesDataItem } from './types';\nimport { XAXisOption, YAXisOption } from 'echarts/types/dist/shared';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { Toolbox } from './components/Toolbox/Toolbox';\n\nconst AXIS_ZOOM_STEP_PERCENT = 0.05;\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst EChartsWrapper: FC<ChartWrapperProps> = ({\n  containerClassName,\n  customToolboxContainerClass,\n  onDataZoom: onDataZoomCustom,\n  toolboxProps,\n\n  // @ts-ignore\n  children,\n}) => {\n  const classes = useStyles();\n  const chartRef = useRef<EChartsType | null>(null);\n  const chart = chartRef.current;\n  const theme = useTheme();\n  const [isNeedInitialOptions, setIsNeedInitialOptions] = useState(false);\n  const [isPaneEnabled, setIsPaneEnabled] = useState(false);\n  const [isBrushEnabled, setIsBrushEnabled] = useState(true);\n  const [isZoomed, setIsZoomed] = useState(false);\n  const axisRange = useRef<AxisRange | null>(null);\n  const [currentZoomRange, setCurrentZoomRange] = useState<AxisRange | null>(null);\n\n  const handleZoomChart = (range: AxisRange) => {\n    const options = chart.getOption();\n    const series = options.series as SeriesOption[] | SeriesOption;\n    const isMultipleAxis =\n      (options.xAxis as XAXisOption[])?.length > 1 || (options.yAxis as YAXisOption[])?.length > 1;\n    if (!isMultipleAxis) {\n      const data = (\n        Array.isArray(series)\n          ? series.reduce((acc, serie) => acc.concat(serie.data), [])\n          : series.data\n      ) as SeriesDataItem[];\n\n      const isDataExists = data.some((dataItem: SeriesDataItem) => {\n        // case when dot structure is [x,y]\n        if (Array.isArray(dataItem)) {\n          return (\n            dataItem[0] > range.x.start &&\n            dataItem[0] < range.x.end &&\n            dataItem[1] > range.y.start &&\n            dataItem[1] < range.y.end\n          );\n        }\n        return (\n          dataItem.x > range.x.start &&\n          dataItem.x < range.x.end &&\n          dataItem.y > range.y.start &&\n          dataItem.y < range.y.end\n        );\n      });\n\n      if (!isDataExists) return;\n    }\n\n    const absoluteXStart = Math.abs(range.x.start - axisRange.current.x.start) * 100;\n    const absoluteXEnd = Math.abs(range.x.end - axisRange.current.x.start) * 100;\n\n    const absoluteYStart = Math.abs(range.y.start - axisRange.current.y.start) * 100;\n    const absoluteYEnd = Math.abs(range.y.end - axisRange.current.y.start) * 100;\n\n    const yStartPercent =\n      absoluteYStart / Math.abs(axisRange.current.y.start - axisRange.current.y.end);\n    const yEndPercent =\n      absoluteYEnd / Math.abs(axisRange.current.y.start - axisRange.current.y.end);\n\n    const xStartPercent =\n      absoluteXStart / Math.abs(axisRange.current.x.start - axisRange.current.x.end);\n    const xEndPercent =\n      absoluteXEnd / Math.abs(axisRange.current.x.start - axisRange.current.x.end);\n\n    chart.dispatchAction({\n      type: 'dataZoom',\n      moveOnMouseMove: isPaneEnabled,\n      filterMode: 'none',\n      rangeMode: ['percent', 'percent'],\n      batch: [\n        { start: +xStartPercent.toFixed(2), end: +xEndPercent.toFixed(2), dataZoomIndex: 0 },\n        {\n          start: +yStartPercent.toFixed(2),\n          end: +yEndPercent.toFixed(2),\n          dataZoomIndex: 1,\n        },\n      ],\n    });\n  };\n\n  const handleSaveAxisRanges = () => {\n    // @ts-ignore\n    const xRange = chart?.getModel()?.getComponent('xAxis', 0)?.axis?.scale?.getExtent() as [\n      xMin: number,\n      xMax: number\n    ];\n    // @ts-ignore\n    const yRange = chart?.getModel()?.getComponent('yAxis', 0)?.axis?.scale?.getExtent() as [\n      yMin: number,\n      yMax: number\n    ];\n\n    if (xRange && yRange) {\n      const [xMin, xMax] = xRange;\n      const [yMin, yMax] = yRange;\n      axisRange.current = {\n        x: {\n          start: +xMin.toFixed(2),\n          end: +xMax.toFixed(2),\n        },\n        y: {\n          start: +yMin.toFixed(2),\n          end: +yMax.toFixed(2),\n        },\n      };\n    }\n  };\n\n  const handleSaveZoomRange = () => {\n    // getModel is not standardized and documented\n    // https://github.com/apache/echarts/issues/16479#issuecomment-1033349403\n    // @ts-ignore\n    const [yMin, yMax] = chart.getModel().getComponent('yAxis', 0).axis.scale.getExtent();\n    // @ts-ignore\n    const [xMin, xMax] = chart.getModel().getComponent('xAxis', 0).axis.scale.getExtent();\n\n    const range = {\n      x: {\n        start: xMin,\n        end: xMax,\n      },\n      y: {\n        start: yMin,\n        end: yMax,\n      },\n    };\n    setCurrentZoomRange(range);\n    onDataZoomCustom(range);\n  };\n\n  const handleZoomIn = (): void => {\n    if (!isZoomed) {\n      handleSaveAxisRanges();\n      setIsZoomed(true);\n    }\n    const targetRange = currentZoomRange || axisRange.current;\n\n    const currentXStep = Math.abs(targetRange.x.start - targetRange.x.end) * AXIS_ZOOM_STEP_PERCENT;\n    const currentYStep = Math.abs(targetRange.y.start - targetRange.y.end) * AXIS_ZOOM_STEP_PERCENT;\n\n    const XStart = +(targetRange.x.start + currentXStep).toFixed(2);\n    const XEnd = +(targetRange.x.end - currentXStep).toFixed(2);\n\n    const YStart = +(targetRange.y.start + currentYStep).toFixed(2);\n    const YEnd = +(targetRange.y.end - currentYStep).toFixed(2);\n    const isXExceeds = XStart >= XEnd;\n    const isYExceeds = YStart >= YEnd;\n\n    handleZoomChart({\n      x: {\n        start: isXExceeds ? targetRange.x.start : XStart,\n        end: isXExceeds ? targetRange.x.end : XEnd,\n      },\n      y: {\n        start: isYExceeds ? targetRange.y.start : YStart,\n        end: isYExceeds ? targetRange.y.end : YEnd,\n      },\n    });\n  };\n\n  const handleZoomOut = (): void => {\n    const currentXStep =\n      Math.abs(axisRange.current.x.start - axisRange.current.x.end) * AXIS_ZOOM_STEP_PERCENT;\n    const currentYStep =\n      Math.abs(axisRange.current.y.start - axisRange.current.y.end) * AXIS_ZOOM_STEP_PERCENT;\n\n    const XStart = +(currentZoomRange.x.start - currentXStep).toFixed(2);\n    const XEnd = +(currentZoomRange.x.end + currentXStep).toFixed(2);\n\n    const YStart = +(currentZoomRange.y.start - currentYStep).toFixed(2);\n    const YEnd = +(currentZoomRange.y.end + currentYStep).toFixed(2);\n\n    const isXExceeds = XStart <= axisRange.current.x.start || XEnd >= axisRange.current.x.end;\n    const isYExceeds = YStart <= axisRange.current.y.start || YEnd >= axisRange.current.y.end;\n\n    if (isXExceeds && isYExceeds) {\n      return handleZoomReset();\n    }\n\n    handleZoomChart({\n      x: isXExceeds\n        ? axisRange.current.x\n        : {\n            start: XStart,\n            end: XEnd,\n          },\n      y: isYExceeds\n        ? axisRange.current.y\n        : {\n            start: YStart,\n            end: YEnd,\n          },\n    });\n  };\n\n  const handleZoomReset = () => {\n    setIsZoomed(false);\n    setIsPaneEnabled(false);\n    setIsBrushEnabled(true);\n    chart.dispatchAction({\n      type: 'dataZoom',\n      start: 0,\n      end: 100,\n      rangeMode: ['percent', 'percent'],\n    });\n  };\n\n  const onDataZoom = (evt: DataZoomEvent) => {\n    const isResetEvent = evt.start === 0 && evt.end === 100;\n    const isNativeDataZoom = evt.batch?.[0]?.startValue;\n    setIsZoomed(prev => {\n      if (isNativeDataZoom) return true;\n      if (isResetEvent) {\n        handleSaveAxisRanges();\n      }\n      return !isResetEvent;\n    });\n\n    handleSaveZoomRange();\n  };\n\n  useEffect(() => {\n    if (!chart) return;\n    if (!isZoomed) {\n      handleSaveAxisRanges();\n    }\n\n    if (isNeedInitialOptions) {\n      chart.setOption(\n        {\n          toolbox: {\n            show: true,\n            width: 0,\n            height: 0,\n            feature: {\n              dataZoom: {\n                show: true,\n                icon: null,\n                brushStyle: {\n                  borderWidth: 0,\n                  opacity: 0.1,\n                  color: theme.palette.primary.light,\n                },\n              },\n            },\n          },\n          dataZoom: [\n            {\n              type: 'inside',\n              xAxisIndex: 'all',\n              filterMode: 'none',\n              zoomOnMouseWheel: false,\n              moveOnMouseMove: false,\n            },\n            {\n              type: 'inside',\n              yAxisIndex: 'all',\n              filterMode: 'none',\n              zoomOnMouseWheel: false,\n              moveOnMouseMove: false,\n            },\n          ],\n        },\n        { replaceMerge: 'dataZoom' }\n      );\n      chart.on('dataZoom', onDataZoom);\n      setIsNeedInitialOptions(false);\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        dataZoomSelectActive: true,\n      });\n    }\n  }, [chart, isNeedInitialOptions, isZoomed]);\n\n  useEffect(() => {\n    // cursor grab in pane mode works only for canvas renderer\n    const zRender = chart?.getZr();\n    if (zRender) {\n      const canvas = Array.from(zRender.dom.getElementsByTagName('canvas')).at(\n        -1\n      ) as HTMLCanvasElement;\n      if (canvas) {\n        canvas.style.cursor = isPaneEnabled ? 'grab' : isBrushEnabled ? 'crosshair' : 'default';\n      } else {\n        console.error('Canvas not found');\n      }\n    }\n  }, [chart, isPaneEnabled, isBrushEnabled]);\n\n  useEffect(() => {\n    if (!chart) return;\n    chart.setOption({\n      dataZoom: [\n        {\n          type: 'inside',\n          xAxisIndex: 'all',\n          filterMode: 'none',\n          zoomOnMouseWheel: false,\n          moveOnMouseMove: isPaneEnabled,\n        },\n        {\n          type: 'inside',\n          yAxisIndex: 'all',\n          filterMode: 'none',\n          zoomOnMouseWheel: false,\n          moveOnMouseMove: isPaneEnabled,\n        },\n      ],\n    });\n  }, [isPaneEnabled]);\n\n  useEffect(() => {\n    chart?.dispatchAction({\n      type: 'takeGlobalCursor',\n      key: 'dataZoomSelect',\n      dataZoomSelectActive: isBrushEnabled,\n    });\n  }, [isBrushEnabled]);\n\n  const onChartReadyExtended =\n    (childCallback?: (instance: EChartsType) => any) => (instance: EChartsType) => {\n      if (childCallback) {\n        childCallback(instance);\n      }\n      setIsNeedInitialOptions(true);\n      chartRef.current = instance;\n    };\n\n  return (\n    <div className={classnames(classes.container, containerClassName)}>\n      {Children.map(children, (child: ReactECharts) => {\n        const { onChartReady } = child.props;\n        // @ts-ignore\n        return cloneElement(child, {\n          onChartReady: onChartReadyExtended(onChartReady),\n        });\n      })}\n      <Toolbox\n        {...toolboxProps}\n        handleTogglePane={isEnabled => setIsPaneEnabled(isEnabled)}\n        handleToggleBrush={isEnabled => setIsBrushEnabled(isEnabled)}\n        isPaneEnabled={isPaneEnabled}\n        isBrushEnabled={isBrushEnabled}\n        isZoomed={isZoomed}\n        chart={chart}\n        handleZoomReset={handleZoomReset}\n        handleZoomOut={handleZoomOut}\n        handleZoomIn={handleZoomIn}\n        customToolboxContainerClass={classnames(\n          toolboxProps?.customToolboxContainerClass,\n          customToolboxContainerClass\n        )}\n      />\n    </div>\n  );\n};\n\nEChartsWrapper.defaultProps = {\n  onDataZoom: noop,\n};\n\nexport default EChartsWrapper;\n"],"names":["AXIS_ZOOM_STEP_PERCENT","useStyles","makeStyles","container","position","width","height","EChartsWrapper","containerClassName","customToolboxContainerClass","onDataZoomCustom","onDataZoom","toolboxProps","children","classes","chartRef","useRef","chart","current","theme","useTheme","useState","isNeedInitialOptions","setIsNeedInitialOptions","isPaneEnabled","setIsPaneEnabled","isBrushEnabled","setIsBrushEnabled","isZoomed","setIsZoomed","axisRange","currentZoomRange","setCurrentZoomRange","handleZoomChart","range","options","getOption","series","isMultipleAxis","xAxis","length","yAxis","data","Array","isArray","reduce","acc","serie","concat","isDataExists","some","dataItem","x","start","end","y","absoluteXStart","Math","abs","absoluteXEnd","absoluteYStart","absoluteYEnd","yStartPercent","yEndPercent","xStartPercent","xEndPercent","dispatchAction","type","moveOnMouseMove","filterMode","rangeMode","batch","toFixed","dataZoomIndex","handleSaveAxisRanges","xRange","getModel","getComponent","axis","scale","getExtent","yRange","xMin","xMax","yMin","yMax","handleSaveZoomRange","handleZoomIn","targetRange","currentXStep","currentYStep","XStart","XEnd","YStart","YEnd","isXExceeds","isYExceeds","handleZoomOut","handleZoomReset","evt","isResetEvent","isNativeDataZoom","startValue","prev","useEffect","setOption","toolbox","show","feature","dataZoom","icon","brushStyle","borderWidth","opacity","color","palette","primary","light","xAxisIndex","zoomOnMouseWheel","yAxisIndex","replaceMerge","on","key","dataZoomSelectActive","zRender","getZr","canvas","from","dom","getElementsByTagName","at","style","cursor","console","error","onChartReadyExtended","childCallback","instance","_jsxs","classnames","Children","map","child","onChartReady","props","cloneElement","_jsx","isEnabled","defaultProps","noop"],"mappings":"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"}

package/components/EChartsWrapper/components/Toolbox/Toolbox.js

@@ -1 +1,168 @@
-import{jsxs as o,jsx as i}from"react/jsx-runtime";import n from"classnames";import{useState as s,useCallback as t,useEffect as c}from"react";import{makeStyles as l}from"@material-ui/core";import{UndoIcon as e,FiveIcon as d,MoveInIcon as r,PlusIcon as a,MinusIcon as m}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/Gap.js";import{ToolboxButton as u}from"./ToolboxButton.js";var p=l((function(o){var i=o.palette;return{toolboxContainer:{position:"absolute",zIndex:1,right:function(o){var i=o.right;return i+7},bottom:function(o){var i=o.bottom;return i+8},width:30,height:"fit-content",display:"flex",flexDirection:"column",alignItems:"flex-end",gap:"4px 0"},activeIcon:{color:"".concat(i.primary.main," !important")},tooltipButton:{width:30,height:30,backgroundColor:i.background.b6,minWidth:0},disabledButton:{cursor:"not-allowed",color:"".concat(i.primary.text6," !important"),backgroundColor:"".concat(i.background.b6," !important")}}})),v=function(l){var v,b,h,I,g,j,C,f,x,k,B,Z,z,O,N,F=l.isPaneEnabled,E=l.handleTogglePane,P=l.handleToggleBrush,R=l.isBrushEnabled,T=l.isZoomed,w=l.chart,y=l.customToolboxContainerClass,A=l.handleZoomReset,D=l.handleZoomOut,M=l.handleZoomIn,q=l.controls,G=s({bottom:0,right:0}),S=G[0],W=G[1],L=p({bottom:S.bottom,right:S.right}),H=t((function(){var o,i,n,s,t,c,l=null===(n=null===(i=null===(o=null==w?void 0:w.getOption())||void 0===o?void 0:o.grid)||void 0===i?void 0:i[0])||void 0===n?void 0:n.bottom,e=null===(c=null===(t=null===(s=null==w?void 0:w.getOption())||void 0===s?void 0:s.grid)||void 0===t?void 0:t[0])||void 0===c?void 0:c.right;l===S.bottom&&e===S.right||W({bottom:+l,right:+e})}),[S,w]);c((function(){!w||S.bottom||S.right||w.on("rendered",H)}),[w]);return o("div",{className:n(L.toolboxContainer,y),children:[T&&i(u,{icon:i(e,{size:"small"}),title:"Reset Zoom",onClick:A,disabled:null===(j=null==q?void 0:q.resetZoom)||void 0===j?void 0:j.disabled,className:n(L.tooltipButton,(v={},v[L.disabledButton]=null===(C=null==q?void 0:q.resetZoom)||void 0===C?void 0:C.disabled,v))}),i(u,{icon:i(d,{className:n(F&&L.activeIcon),size:"small"}),onClick:function(){E(!F),P(!1)},title:"Pan",disabled:!T||(null===(f=null==q?void 0:q.pane)||void 0===f?void 0:f.disabled),className:n(L.tooltipButton,(b={},b[L.disabledButton]=!T||(null===(x=null==q?void 0:q.pane)||void 0===x?void 0:x.disabled),b))}),i(u,{icon:i(r,{className:n(R&&L.activeIcon),size:"small"}),onClick:function(){P(!R),E(!1)},title:"Drag To Zoom",disabled:null===(k=null==q?void 0:q.brush)||void 0===k?void 0:k.disabled,className:n(L.tooltipButton,(h={},h[L.disabledButton]=null===(B=null==q?void 0:q.brush)||void 0===B?void 0:B.disabled,h))}),i(u,{icon:i(a,{size:"small"}),onClick:M,title:"Zoom In",disabled:null===(Z=null==q?void 0:q.zoomIn)||void 0===Z?void 0:Z.disabled,className:n(L.tooltipButton,(I={},I[L.disabledButton]=null===(z=null==q?void 0:q.zoomIn)||void 0===z?void 0:z.disabled,I))}),i(u,{icon:i(m,{size:"small"}),onClick:D,title:"Zoom Out",disabled:!T||(null===(O=null==q?void 0:q.zoomOut)||void 0===O?void 0:O.disabled),className:n(L.tooltipButton,(g={},g[L.disabledButton]=!T||(null===(N=null==q?void 0:q.zoomOut)||void 0===N?void 0:N.disabled),g))})]})};export{v as Toolbox};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import classNames from 'classnames';
+import { useState, useCallback, useEffect } from 'react';
+import { makeStyles } from '@material-ui/core';
+import { UndoIcon, FiveIcon, MoveInIcon, PlusIcon, MinusIcon } from '../../../../icons/iconParkIcons.js';
+import '../../../../icons/customIcons/icons/AddMessage.js';
+import '../../../../icons/customIcons/icons/Attention.js';
+import '../../../../icons/customIcons/icons/Collapse.js';
+import '../../../../icons/customIcons/icons/Dashboard.js';
+import '../../../../icons/customIcons/icons/Expand.js';
+import '../../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../../icons/customIcons/icons/Search.js';
+import '../../../../icons/customIcons/icons/Wellhub.js';
+import '../../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../../icons/customIcons/icons/Checkbox.js';
+import '../../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../../icons/customIcons/icons/Radio.js';
+import '../../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../../icons/customIcons/icons/MoreApp.js';
+import '../../../../icons/customIcons/icons/Pad.js';
+import '../../../../icons/customIcons/icons/Gap.js';
+import { ToolboxButton } from './ToolboxButton.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    toolboxContainer: {
+      position: 'absolute',
+      zIndex: 1,
+      right: function right(_ref2) {
+        var _right = _ref2.right;
+        return _right + 7;
+      },
+      bottom: function bottom(_ref3) {
+        var _bottom = _ref3.bottom;
+        return _bottom + 8;
+      },
+      width: 30,
+      height: 'fit-content',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-end',
+      gap: '4px 0'
+    },
+    activeIcon: {
+      color: "".concat(palette.primary.main, " !important")
+    },
+    tooltipButton: {
+      width: 30,
+      height: 30,
+      backgroundColor: palette.background.b6,
+      minWidth: 0
+    },
+    disabledButton: {
+      cursor: 'not-allowed',
+      color: "".concat(palette.primary.text6, " !important"),
+      backgroundColor: "".concat(palette.background.b6, " !important")
+    }
+  };
+});
+var Toolbox = function Toolbox(_ref4) {
+  var _controls$resetZoom, _controls$resetZoom2, _controls$pane, _controls$pane2, _controls$brush, _controls$brush2, _controls$zoomIn, _controls$zoomIn2, _controls$zoomOut, _controls$zoomOut2;
+  var isPaneEnabled = _ref4.isPaneEnabled,
+    handleTogglePane = _ref4.handleTogglePane,
+    handleToggleBrush = _ref4.handleToggleBrush,
+    isBrushEnabled = _ref4.isBrushEnabled,
+    isZoomed = _ref4.isZoomed,
+    chart = _ref4.chart,
+    customToolboxContainerClass = _ref4.customToolboxContainerClass,
+    handleZoomReset = _ref4.handleZoomReset,
+    handleZoomOut = _ref4.handleZoomOut,
+    handleZoomIn = _ref4.handleZoomIn,
+    controls = _ref4.controls;
+  var _useState = useState({
+      bottom: 0,
+      right: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    chartGrid = _useState2[0],
+    setChartGrid = _useState2[1];
+  var classes = useStyles({
+    bottom: chartGrid.bottom,
+    right: chartGrid.right
+  });
+  var handleSaveGrid = useCallback(function () {
+    var _chart$getOption, _chart$getOption$grid, _chart$getOption$grid2, _chart$getOption2, _chart$getOption2$gri, _chart$getOption2$gri2;
+    var chartGridOptionBottom = chart === null || chart === void 0 ? void 0 : (_chart$getOption = chart.getOption()) === null || _chart$getOption === void 0 ? void 0 : (_chart$getOption$grid = _chart$getOption.grid) === null || _chart$getOption$grid === void 0 ? void 0 : (_chart$getOption$grid2 = _chart$getOption$grid[0]) === null || _chart$getOption$grid2 === void 0 ? void 0 : _chart$getOption$grid2.bottom;
+    var chartGridOptionRight = chart === null || chart === void 0 ? void 0 : (_chart$getOption2 = chart.getOption()) === null || _chart$getOption2 === void 0 ? void 0 : (_chart$getOption2$gri = _chart$getOption2.grid) === null || _chart$getOption2$gri === void 0 ? void 0 : (_chart$getOption2$gri2 = _chart$getOption2$gri[0]) === null || _chart$getOption2$gri2 === void 0 ? void 0 : _chart$getOption2$gri2.right;
+    if (chartGridOptionBottom !== chartGrid.bottom || chartGridOptionRight !== chartGrid.right) {
+      setChartGrid({
+        bottom: +chartGridOptionBottom,
+        right: +chartGridOptionRight
+      });
+    }
+  }, [chartGrid, chart]);
+  useEffect(function () {
+    if (chart && !chartGrid.bottom && !chartGrid.right) {
+      chart.on('rendered', handleSaveGrid);
+    }
+  }, [chart]);
+  var handlePaneClick = function handlePaneClick() {
+    handleTogglePane(!isPaneEnabled);
+    handleToggleBrush(false);
+  };
+  var handleBrushClick = function handleBrushClick() {
+    handleToggleBrush(!isBrushEnabled);
+    handleTogglePane(false);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.toolboxContainer, customToolboxContainerClass),
+    children: [isZoomed && /*#__PURE__*/jsx(ToolboxButton, {
+      icon: /*#__PURE__*/jsx(UndoIcon, {
+        size: "small"
+      }),
+      title: "Reset Zoom",
+      onClick: handleZoomReset,
+      disabled: controls === null || controls === void 0 ? void 0 : (_controls$resetZoom = controls.resetZoom) === null || _controls$resetZoom === void 0 ? void 0 : _controls$resetZoom.disabled,
+      className: classNames(classes.tooltipButton, _defineProperty({}, classes.disabledButton, controls === null || controls === void 0 ? void 0 : (_controls$resetZoom2 = controls.resetZoom) === null || _controls$resetZoom2 === void 0 ? void 0 : _controls$resetZoom2.disabled))
+    }), /*#__PURE__*/jsx(ToolboxButton, {
+      icon: /*#__PURE__*/jsx(FiveIcon, {
+        className: classNames(isPaneEnabled && classes.activeIcon),
+        size: "small"
+      }),
+      onClick: handlePaneClick,
+      title: "Pan",
+      disabled: !isZoomed || (controls === null || controls === void 0 ? void 0 : (_controls$pane = controls.pane) === null || _controls$pane === void 0 ? void 0 : _controls$pane.disabled),
+      className: classNames(classes.tooltipButton, _defineProperty({}, classes.disabledButton, !isZoomed || (controls === null || controls === void 0 ? void 0 : (_controls$pane2 = controls.pane) === null || _controls$pane2 === void 0 ? void 0 : _controls$pane2.disabled)))
+    }), /*#__PURE__*/jsx(ToolboxButton, {
+      icon: /*#__PURE__*/jsx(MoveInIcon, {
+        className: classNames(isBrushEnabled && classes.activeIcon),
+        size: "small"
+      }),
+      onClick: handleBrushClick,
+      title: "Drag To Zoom",
+      disabled: controls === null || controls === void 0 ? void 0 : (_controls$brush = controls.brush) === null || _controls$brush === void 0 ? void 0 : _controls$brush.disabled,
+      className: classNames(classes.tooltipButton, _defineProperty({}, classes.disabledButton, controls === null || controls === void 0 ? void 0 : (_controls$brush2 = controls.brush) === null || _controls$brush2 === void 0 ? void 0 : _controls$brush2.disabled))
+    }), /*#__PURE__*/jsx(ToolboxButton, {
+      icon: /*#__PURE__*/jsx(PlusIcon, {
+        size: "small"
+      }),
+      onClick: handleZoomIn,
+      title: "Zoom In",
+      disabled: controls === null || controls === void 0 ? void 0 : (_controls$zoomIn = controls.zoomIn) === null || _controls$zoomIn === void 0 ? void 0 : _controls$zoomIn.disabled,
+      className: classNames(classes.tooltipButton, _defineProperty({}, classes.disabledButton, controls === null || controls === void 0 ? void 0 : (_controls$zoomIn2 = controls.zoomIn) === null || _controls$zoomIn2 === void 0 ? void 0 : _controls$zoomIn2.disabled))
+    }), /*#__PURE__*/jsx(ToolboxButton, {
+      icon: /*#__PURE__*/jsx(MinusIcon, {
+        size: "small"
+      }),
+      onClick: handleZoomOut,
+      title: "Zoom Out",
+      disabled: !isZoomed || (controls === null || controls === void 0 ? void 0 : (_controls$zoomOut = controls.zoomOut) === null || _controls$zoomOut === void 0 ? void 0 : _controls$zoomOut.disabled),
+      className: classNames(classes.tooltipButton, _defineProperty({}, classes.disabledButton, !isZoomed || (controls === null || controls === void 0 ? void 0 : (_controls$zoomOut2 = controls.zoomOut) === null || _controls$zoomOut2 === void 0 ? void 0 : _controls$zoomOut2.disabled)))
+    })]
+  });
+};
+
+export { Toolbox };
+//# sourceMappingURL=Toolbox.js.map