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

package/components/Chart/components/ChartSelect.js

@@ -1 +1,134 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import{makeStyles as r,Select as n,MenuItem as c}from"@material-ui/core";import{DownOneIcon as e}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{jsx as i}from"react/jsx-runtime";var a=["className","classes","value","onChange","options"];function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(o);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,r)}return t}function p(s){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){o(s,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(r,o))}))}return s}var l=r((function(o){var s=o.palette;return{selectContainer:{color:s.primary.contrastText,width:180,background:"rgba(255, 255, 255, 0.08)",borderRadius:8,height:32,marginRight:4,backdropFilter:"blur(2px)","& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon  > svg > path":{fill:s.primary.text6,stroke:s.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:s.primary.main,stroke:s.primary.main},"&:hover":{background:"rgba(255, 255, 255, 0.16)","& .MuiSelect-icon > svg > path":{fill:s.primary.contrastText,stroke:s.primary.contrastText}},"&:active":{background:"rgba(255, 255, 255, 0.16)"}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}})),u=function(o){var r=o.className,m=o.classes,u=o.value,d=o.onChange,b=o.options,j=s(o,a),f=l();return i(n,p(p({className:t(f.selectContainer,r),value:u,classes:p({root:f.selectRoot},m),onChange:d,disableUnderline:!0,IconComponent:function(o){return i(e,p({theme:"filled",fill:"#BDBDBD",size:16},o))},MenuProps:{classes:{paper:f.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},j),{},{children:null==b?void 0:b.map((function(o){var s=o.label,t=o.value;return i(c,{value:t,children:s},t)}))}))};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { makeStyles, Select, MenuItem } from '@material-ui/core';
+import { DownOneIcon } 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 { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "classes", "value", "onChange", "options"];
+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 useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    selectContainer: {
+      color: palette.primary.contrastText,
+      width: 180,
+      background: 'rgba(255, 255, 255, 0.08)',
+      borderRadius: 8,
+      height: 32,
+      marginRight: 4,
+      backdropFilter: 'blur(2px)',
+      '& .MuiSelect-icon ': {
+        top: 'unset',
+        right: 4
+      },
+      '& .MuiSelect-icon  > svg > path': {
+        fill: palette.primary.text6,
+        stroke: palette.primary.text6
+      },
+      '& .MuiSelect-iconOpen > svg > path': {
+        fill: palette.primary.main,
+        stroke: palette.primary.main
+      },
+      '&:hover': {
+        background: 'rgba(255, 255, 255, 0.16)',
+        '& .MuiSelect-icon > svg > path': {
+          fill: palette.primary.contrastText,
+          stroke: palette.primary.contrastText
+        }
+      },
+      '&:active': {
+        background: 'rgba(255, 255, 255, 0.16)'
+      }
+    },
+    selectRoot: {
+      fontSize: 14,
+      paddingLeft: 12,
+      backgroundColor: 'transparent',
+      '&:active': {
+        backgroundColor: 'transparent'
+      },
+      '&:focus': {
+        backgroundColor: 'transparent'
+      }
+    },
+    menuPaper: {
+      marginTop: 4
+    }
+  };
+});
+var ChartSelect = function ChartSelect(_ref2) {
+  var className = _ref2.className,
+    classes = _ref2.classes,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    options = _ref2.options,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(Select, _objectSpread(_objectSpread({
+    className: classNames(styles.selectContainer, className),
+    value: value,
+    classes: _objectSpread({
+      root: styles.selectRoot
+    }, classes),
+    onChange: onChange,
+    disableUnderline: true,
+    IconComponent: function IconComponent(props) {
+      return /*#__PURE__*/jsx(DownOneIcon, _objectSpread({
+        theme: "filled",
+        fill: "#BDBDBD",
+        size: 16
+      }, props));
+    },
+    MenuProps: {
+      classes: {
+        paper: styles.menuPaper
+      },
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      }
+    }
+  }, otherProps), {}, {
+    children: options === null || options === void 0 ? void 0 : options.map(function (_ref3) {
+      var label = _ref3.label,
+        value = _ref3.value;
+      return /*#__PURE__*/jsx(MenuItem, {
+        value: value,
+        children: label
+      }, value);
+    })
+  }));
+};
+
+export { ChartSelect as default };
+//# sourceMappingURL=ChartSelect.js.map

package/components/Chart/components/ChartSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSelect.js","sources":["../../../../src/components/Chart/components/ChartSelect.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Select as MuiSelect, MenuItem, makeStyles } from '@material-ui/core';\n\nimport { DownOneIcon } from '~/icons';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  selectContainer: {\n    color: palette.primary.contrastText,\n    width: 180,\n    background: 'rgba(255, 255, 255, 0.08)',\n    borderRadius: 8,\n    height: 32,\n    marginRight: 4,\n    backdropFilter: 'blur(2px)',\n    '& .MuiSelect-icon ': {\n      top: 'unset',\n      right: 4,\n    },\n    '& .MuiSelect-icon  > svg > path': {\n      fill: palette.primary.text6,\n      stroke: palette.primary.text6,\n    },\n    '& .MuiSelect-iconOpen > svg > path': {\n      fill: palette.primary.main,\n      stroke: palette.primary.main,\n    },\n    '&:hover': {\n      background: 'rgba(255, 255, 255, 0.16)',\n      '& .MuiSelect-icon > svg > path': {\n        fill: palette.primary.contrastText,\n        stroke: palette.primary.contrastText,\n      },\n    },\n    '&:active': {\n      background: 'rgba(255, 255, 255, 0.16)',\n    },\n  },\n  selectRoot: {\n    fontSize: 14,\n    paddingLeft: 12,\n    backgroundColor: 'transparent',\n    '&:active': {\n      backgroundColor: 'transparent',\n    },\n    '&:focus': {\n      backgroundColor: 'transparent',\n    },\n  },\n  menuPaper: {\n    marginTop: 4,\n  },\n}));\n\nconst ChartSelect = ({ className, classes, value, onChange, options, ...otherProps }) => {\n  const styles = useStyles();\n\n  return (\n    <MuiSelect\n      className={classNames(styles.selectContainer, className)}\n      value={value}\n      classes={{ root: styles.selectRoot, ...classes }}\n      onChange={onChange}\n      disableUnderline\n      IconComponent={props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />}\n      MenuProps={{\n        classes: {\n          paper: styles.menuPaper,\n        },\n        anchorOrigin: {\n          vertical: 'bottom',\n          horizontal: 'left',\n        },\n        transformOrigin: {\n          vertical: 'top',\n          horizontal: 'left',\n        },\n      }}\n      {...otherProps}\n    >\n      {options?.map(({ label, value }) => (\n        <MenuItem key={value} value={value}>\n          {label}\n        </MenuItem>\n      ))}\n    </MuiSelect>\n  );\n};\n\nexport default ChartSelect;\n"],"names":["useStyles","makeStyles","palette","selectContainer","color","primary","contrastText","width","background","borderRadius","height","marginRight","backdropFilter","top","right","fill","text6","stroke","main","selectRoot","fontSize","paddingLeft","backgroundColor","menuPaper","marginTop","ChartSelect","className","classes","value","onChange","options","otherProps","styles","_jsx","MuiSelect","classNames","root","props","paper","anchorOrigin","vertical","horizontal","transformOrigin","map","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAA,IAAA,EAAA;EAAA,IAAGC,OAAO,QAAPA,OAAO,CAAA;EAAA,OAAQ;AAC7CC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAEF,OAAO,CAACG,OAAO,CAACC,YAAY;AACnCC,MAAAA,KAAK,EAAE,GAAG;AACVC,MAAAA,UAAU,EAAE,2BAA2B;AACvCC,MAAAA,YAAY,EAAE,CAAC;AACfC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,WAAW,EAAE,CAAC;AACdC,MAAAA,cAAc,EAAE,WAAW;AAC3B,MAAA,oBAAoB,EAAE;AACpBC,QAAAA,GAAG,EAAE,OAAO;AACZC,QAAAA,KAAK,EAAE,CAAA;OACR;AACD,MAAA,iCAAiC,EAAE;AACjCC,QAAAA,IAAI,EAAEb,OAAO,CAACG,OAAO,CAACW,KAAK;AAC3BC,QAAAA,MAAM,EAAEf,OAAO,CAACG,OAAO,CAACW,KAAAA;OACzB;AACD,MAAA,oCAAoC,EAAE;AACpCD,QAAAA,IAAI,EAAEb,OAAO,CAACG,OAAO,CAACa,IAAI;AAC1BD,QAAAA,MAAM,EAAEf,OAAO,CAACG,OAAO,CAACa,IAAAA;OACzB;AACD,MAAA,SAAS,EAAE;AACTV,QAAAA,UAAU,EAAE,2BAA2B;AACvC,QAAA,gCAAgC,EAAE;AAChCO,UAAAA,IAAI,EAAEb,OAAO,CAACG,OAAO,CAACC,YAAY;AAClCW,UAAAA,MAAM,EAAEf,OAAO,CAACG,OAAO,CAACC,YAAAA;AAC1B,SAAA;OACD;AACD,MAAA,UAAU,EAAE;AACVE,QAAAA,UAAU,EAAE,2BAAA;AACd,OAAA;KACD;AACDW,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,WAAW,EAAE,EAAE;AACfC,MAAAA,eAAe,EAAE,aAAa;AAC9B,MAAA,UAAU,EAAE;AACVA,QAAAA,eAAe,EAAE,aAAA;OAClB;AACD,MAAA,SAAS,EAAE;AACTA,QAAAA,eAAe,EAAE,aAAA;AACnB,OAAA;KACD;AACDC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAwE,KAAA,EAAA;EAAA,IAAlEC,SAAS,SAATA,SAAS;AAAEC,IAAAA,OAAO,SAAPA,OAAO;AAAEC,IAAAA,KAAK,SAALA,KAAK;AAAEC,IAAAA,QAAQ,SAARA,QAAQ;AAAEC,IAAAA,OAAO,SAAPA,OAAO;IAAKC,UAAU,GAAA,wBAAA,CAAA,KAAA,EAAA,SAAA,CAAA,CAAA;EAChF,IAAMC,MAAM,GAAGhC,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACEiC,IAACC,MAAS,EAAA,aAAA,CAAA,aAAA,CAAA;IACR,SAAS,EAAEC,UAAU,CAACH,MAAM,CAAC7B,eAAe,EAAEuB,SAAS,CAAE;AACzD,IAAA,KAAK,EAAEE,KAAM;IACb,OAAO,EAAA,aAAA,CAAA;MAAIQ,IAAI,EAAEJ,MAAM,CAACb,UAAAA;AAAU,KAAA,EAAKQ,OAAO,CAAG;AACjD,IAAA,QAAQ,EAAEE,QAAS;IACnB,gBAAgB,EAAA,IAAA;IAChB,aAAa,EAAE,uBAAAQ,KAAK,EAAA;AAAA,MAAA,oBAAIJ,IAAC,WAAW,EAAA,aAAA,CAAA;AAAC,QAAA,KAAK,EAAC,QAAQ;AAAC,QAAA,IAAI,EAAC,SAAS;AAAC,QAAA,IAAI,EAAE,EAAA;AAAG,OAAA,EAAKI,KAAK,CAAI,CAAA,CAAA;KAAC;AAC3F,IAAA,SAAS,EAAE;AACTV,MAAAA,OAAO,EAAE;QACPW,KAAK,EAAEN,MAAM,CAACT,SAAAA;OACf;AACDgB,MAAAA,YAAY,EAAE;AACZC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,UAAU,EAAE,MAAA;OACb;AACDC,MAAAA,eAAe,EAAE;AACfF,QAAAA,QAAQ,EAAE,KAAK;AACfC,QAAAA,UAAU,EAAE,MAAA;AACd,OAAA;AACF,KAAA;AAAE,GAAA,EACEV,UAAU,CAAA,EAAA,EAAA,EAAA;AAAA,IAAA,QAAA,EAEbD,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEa,GAAG,CAAC,UAAA,KAAA,EAAA;MAAA,IAAGC,KAAK,SAALA,KAAK;AAAEhB,QAAAA,KAAK,SAALA,KAAK,CAAA;AAAA,MAAA,oBAC3BK,IAAC,QAAQ,EAAA;AAAa,QAAA,KAAK,EAAEL,KAAM;QAAA,QAChCgB,EAAAA,KAAAA;AAAK,OAAA,EADOhB,KAAK,CAET,CAAA;KACZ,CAAA;GACS,CAAA,CAAA,CAAA;AAEhB;;;;"}

package/components/Chart/components/ChartWrapper.js

@@ -1 +1,119 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{makeStyles as t}from"@material-ui/core";import{isEmpty as r,merge as n}from"lodash";import{useState as i,useEffect as a}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as h}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import{useChartTypeSwitch as d}from"../effects/useChartTypeSwitch.js";import m from"./AxisOverlay.js";import{jsx as u,jsxs as p}from"react/jsx-runtime";function f(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function v(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){e(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var C=t({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},y=function(e){var t,f,y,g,O,j,S,Z,P=e.children,w=e.chartRef,x=e.isAxesCoordinatesShown,E=void 0!==x&&x,z=e.onCustomizeScaleClick,T=void 0===z?null:z,k=e.onZoomChangeCallback,A=void 0===k?function(){}:k,D=e.chartOptions,B=void 0===D?{}:D,M=C(),R=i({}),H=o(R,2),I=H[0],N=H[1],W=h({chart:null===(t=w.current)||void 0===t?void 0:t.chart}),q=W.zoomStatus,F=W.zoomConfig,G=W.handleZoomEvent,J=W.handleResetZoom,K=W.isZoomEnabled,L=W.handleIsZoomEnabledChange,Q=W.debouncedChartSelection;a((function(){var e,o,t;r(null===(e=w.current)||void 0===e?void 0:e.chart)||N({marginBottom:null===(o=w.current)||void 0===o||null===(t=o.chart)||void 0===t?void 0:t.marginBottom})}),[]);var U=(null===(f=w.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(g=y.plotBox)||void 0===g?void 0:g.height)<=c;s({chart:null===(O=w.current)||void 0===O?void 0:O.chart,chartOptions:n({},b,B),isZoomEnabled:K,isMinHeightChart:U,onZoomChangeCallback:A,handleChartSelection:Q,isAxesCoordinatesShown:E});var V=d({chart:null===(j=w.current)||void 0===j?void 0:j.chart}),X=V.chartType,Y=V.handleChartTypeChange,$={chart:null===(S=w.current)||void 0===S?void 0:S.chart,chartType:X,zoomConfig:F,chartStyles:I,zoomStatus:q,isZoomEnabled:K,setChartStyles:N,handleChartTypeChange:Y,handleResetZoom:J,handleZoomEvent:G,isMinHeightChart:U,handleChartSelection:Q,handleChangeChartStyles:function(e){N((function(o){return v(v({},o),e)}))},handleIsZoomEnabledChange:L};return u("div",{className:M.container,children:p(l.Provider,{value:$,children:[P,T&&(null===(Z=w.current)||void 0===Z?void 0:Z.chart.axes.map((function(e){return u(m,v({onCustomizeScaleClick:T},e),e.coll)})))]})})};y.defaultProps={onZoomChangeCallback:function(){}};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { makeStyles } from '@material-ui/core';
+import { isEmpty, merge } from 'lodash';
+import { useState, useEffect } from 'react';
+import ChartWrapperContext from '../ChartWrapperContext.js';
+import { MIN_CHART_HEIGHT } from '../constants.js';
+import { useZoom } from '../effects/useZoom.js';
+import { useChartModifier } from '../effects/useChartModifier.js';
+import { useChartTypeSwitch } from '../effects/useChartTypeSwitch.js';
+import AxisOverlay from './AxisOverlay.js';
+import { jsx, jsxs } 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 useStyles = makeStyles({
+  container: {
+    width: '100%',
+    height: '100%',
+    position: 'relative'
+  }
+});
+var defaultChartOptions = {
+  zoomType: 'xy',
+  panning: {
+    enabled: true,
+    type: 'xy'
+  }
+};
+var ChartWrapper = function ChartWrapper(_ref) {
+  var _chartRef$current, _chartRef$current4, _chartRef$current4$ch, _chartRef$current4$ch2, _chartRef$current5, _chartRef$current6, _chartRef$current7, _chartRef$current8;
+  var children = _ref.children,
+    chartRef = _ref.chartRef,
+    _ref$isAxesCoordinate = _ref.isAxesCoordinatesShown,
+    isAxesCoordinatesShown = _ref$isAxesCoordinate === void 0 ? false : _ref$isAxesCoordinate,
+    _ref$onCustomizeScale = _ref.onCustomizeScaleClick,
+    onCustomizeScaleClick = _ref$onCustomizeScale === void 0 ? null : _ref$onCustomizeScale,
+    _ref$onZoomChangeCall = _ref.onZoomChangeCallback,
+    onZoomChangeCallback = _ref$onZoomChangeCall === void 0 ? function () {} : _ref$onZoomChangeCall,
+    _ref$chartOptions = _ref.chartOptions,
+    chartOptions = _ref$chartOptions === void 0 ? {} : _ref$chartOptions;
+  var classes = useStyles();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    chartStyles = _useState2[0],
+    setChartStyles = _useState2[1];
+  var _useZoom = useZoom({
+      chart: (_chartRef$current = chartRef.current) === null || _chartRef$current === void 0 ? void 0 : _chartRef$current.chart
+    }),
+    zoomStatus = _useZoom.zoomStatus,
+    zoomConfig = _useZoom.zoomConfig,
+    handleZoomEvent = _useZoom.handleZoomEvent,
+    handleResetZoom = _useZoom.handleResetZoom,
+    isZoomEnabled = _useZoom.isZoomEnabled,
+    handleIsZoomEnabledChange = _useZoom.handleIsZoomEnabledChange,
+    debouncedChartSelection = _useZoom.debouncedChartSelection;
+  useEffect(function () {
+    var _chartRef$current2, _chartRef$current3, _chartRef$current3$ch;
+    if (isEmpty((_chartRef$current2 = chartRef.current) === null || _chartRef$current2 === void 0 ? void 0 : _chartRef$current2.chart)) {
+      return;
+    }
+    setChartStyles({
+      marginBottom: (_chartRef$current3 = chartRef.current) === null || _chartRef$current3 === void 0 ? void 0 : (_chartRef$current3$ch = _chartRef$current3.chart) === null || _chartRef$current3$ch === void 0 ? void 0 : _chartRef$current3$ch.marginBottom
+    });
+  }, []);
+  var handleChangeChartStyles = function handleChangeChartStyles(styles) {
+    setChartStyles(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), styles);
+    });
+  };
+  var isMinHeightChart = ((_chartRef$current4 = chartRef.current) === null || _chartRef$current4 === void 0 ? void 0 : (_chartRef$current4$ch = _chartRef$current4.chart) === null || _chartRef$current4$ch === void 0 ? void 0 : (_chartRef$current4$ch2 = _chartRef$current4$ch.plotBox) === null || _chartRef$current4$ch2 === void 0 ? void 0 : _chartRef$current4$ch2.height) <= MIN_CHART_HEIGHT;
+  useChartModifier({
+    chart: (_chartRef$current5 = chartRef.current) === null || _chartRef$current5 === void 0 ? void 0 : _chartRef$current5.chart,
+    chartOptions: merge({}, defaultChartOptions, chartOptions),
+    isZoomEnabled: isZoomEnabled,
+    isMinHeightChart: isMinHeightChart,
+    onZoomChangeCallback: onZoomChangeCallback,
+    handleChartSelection: debouncedChartSelection,
+    isAxesCoordinatesShown: isAxesCoordinatesShown
+  });
+  var _useChartTypeSwitch = useChartTypeSwitch({
+      chart: (_chartRef$current6 = chartRef.current) === null || _chartRef$current6 === void 0 ? void 0 : _chartRef$current6.chart
+    }),
+    chartType = _useChartTypeSwitch.chartType,
+    handleChartTypeChange = _useChartTypeSwitch.handleChartTypeChange;
+  var contextValue = {
+    chart: (_chartRef$current7 = chartRef.current) === null || _chartRef$current7 === void 0 ? void 0 : _chartRef$current7.chart,
+    chartType: chartType,
+    zoomConfig: zoomConfig,
+    chartStyles: chartStyles,
+    zoomStatus: zoomStatus,
+    isZoomEnabled: isZoomEnabled,
+    setChartStyles: setChartStyles,
+    handleChartTypeChange: handleChartTypeChange,
+    handleResetZoom: handleResetZoom,
+    handleZoomEvent: handleZoomEvent,
+    isMinHeightChart: isMinHeightChart,
+    handleChartSelection: debouncedChartSelection,
+    handleChangeChartStyles: handleChangeChartStyles,
+    handleIsZoomEnabledChange: handleIsZoomEnabledChange
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classes.container,
+    children: /*#__PURE__*/jsxs(ChartWrapperContext.Provider, {
+      value: contextValue,
+      children: [children, onCustomizeScaleClick && ((_chartRef$current8 = chartRef.current) === null || _chartRef$current8 === void 0 ? void 0 : _chartRef$current8.chart.axes.map(function (axis) {
+        return /*#__PURE__*/jsx(AxisOverlay, _objectSpread({
+          onCustomizeScaleClick: onCustomizeScaleClick
+        }, axis), axis.coll);
+      }))]
+    })
+  });
+};
+ChartWrapper.defaultProps = {
+  onZoomChangeCallback: function onZoomChangeCallback() {}
+};
+
+export { ChartWrapper as default };
+//# sourceMappingURL=ChartWrapper.js.map

package/components/Chart/components/ChartWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWrapper.js","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { isEmpty, merge } from 'lodash';\nimport { useEffect, useState } from 'react';\n\nimport ChartWrapperContext from '../ChartWrapperContext';\nimport { MIN_CHART_HEIGHT } from '../constants';\nimport { useChartModifier, useChartTypeSwitch, useZoom } from '../effects';\n\nimport AxisOverlay from './AxisOverlay';\n\nconst useStyles = makeStyles({\n  container: {\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n});\n\nconst defaultChartOptions = {\n  zoomType: 'xy',\n  panning: {\n    enabled: true,\n    type: 'xy',\n  },\n};\n\nconst ChartWrapper = ({\n  children,\n  chartRef,\n  isAxesCoordinatesShown = false,\n  onCustomizeScaleClick = null,\n  onZoomChangeCallback = () => {},\n  chartOptions = {},\n}) => {\n  const classes = useStyles();\n  const [chartStyles, setChartStyles] = useState({});\n\n  const {\n    zoomStatus,\n    zoomConfig,\n    handleZoomEvent,\n    handleResetZoom,\n    isZoomEnabled,\n    handleIsZoomEnabledChange,\n    debouncedChartSelection,\n  } = useZoom({\n    chart: chartRef.current?.chart,\n  });\n\n  useEffect(() => {\n    if (isEmpty(chartRef.current?.chart)) {\n      return;\n    }\n    setChartStyles({ marginBottom: chartRef.current?.chart?.marginBottom });\n  }, []);\n\n  const handleChangeChartStyles = styles => {\n    setChartStyles(prevState => ({ ...prevState, ...styles }));\n  };\n  const isMinHeightChart = chartRef.current?.chart?.plotBox?.height <= MIN_CHART_HEIGHT;\n\n  useChartModifier({\n    chart: chartRef.current?.chart,\n    chartOptions: merge({}, defaultChartOptions, chartOptions),\n    isZoomEnabled,\n    isMinHeightChart,\n    onZoomChangeCallback,\n    handleChartSelection: debouncedChartSelection,\n    isAxesCoordinatesShown,\n  });\n\n  const { chartType, handleChartTypeChange } = useChartTypeSwitch({\n    chart: chartRef.current?.chart,\n  });\n\n  const contextValue = {\n    chart: chartRef.current?.chart,\n    chartType,\n    zoomConfig,\n    chartStyles,\n    zoomStatus,\n    isZoomEnabled,\n    setChartStyles,\n    handleChartTypeChange,\n    handleResetZoom,\n    handleZoomEvent,\n    isMinHeightChart,\n    handleChartSelection: debouncedChartSelection,\n    handleChangeChartStyles,\n    handleIsZoomEnabledChange,\n  };\n\n  return (\n    <div className={classes.container}>\n      <ChartWrapperContext.Provider value={contextValue}>\n        {children}\n        {onCustomizeScaleClick &&\n          chartRef.current?.chart.axes.map(axis => (\n            <AxisOverlay key={axis.coll} onCustomizeScaleClick={onCustomizeScaleClick} {...axis} />\n          ))}\n      </ChartWrapperContext.Provider>\n    </div>\n  );\n};\n\nChartWrapper.defaultProps = {\n  onZoomChangeCallback: () => {},\n};\n\nexport default ChartWrapper;\n"],"names":["useStyles","makeStyles","container","width","height","position","defaultChartOptions","zoomType","panning","enabled","type","ChartWrapper","children","chartRef","isAxesCoordinatesShown","onCustomizeScaleClick","onZoomChangeCallback","chartOptions","classes","useState","chartStyles","setChartStyles","useZoom","chart","current","zoomStatus","zoomConfig","handleZoomEvent","handleResetZoom","isZoomEnabled","handleIsZoomEnabledChange","debouncedChartSelection","useEffect","isEmpty","marginBottom","handleChangeChartStyles","styles","prevState","isMinHeightChart","plotBox","MIN_CHART_HEIGHT","useChartModifier","merge","handleChartSelection","useChartTypeSwitch","chartType","handleChartTypeChange","contextValue","_jsx","_jsxs","axes","map","axis","coll","defaultProps"],"mappings":"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"}

package/components/Chart/components/buttons/ChartTypeButton.js

@@ -1 +1,111 @@
-import{useContext as o}from"react";import s from"classnames";import{makeStyles as i}from"@material-ui/core";import t from"../ChartButton.js";import c from"../../ChartWrapperContext.js";import{LineChartIcon as n,ChartHistogramIcon as r}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{jsxs as m,jsx as e}from"react/jsx-runtime";var a=i((function(){return{container:{display:"flex",marginRight:4},lineChartButton:{borderTopRightRadius:"0px !important",borderBottomRightRadius:"0px !important",marginBottom:0,"& .MuiTouchRipple-child":{borderTopRightRadius:0,borderBottomRightRadius:0}},barChartButton:{borderTopLeftRadius:"0px !important",borderBottomLeftRadius:"0px !important",marginBottom:0,"& .MuiTouchRipple-child":{borderTopLeftRadius:0,borderBottomLeftRadius:0}}}})),p="spline",u="bar",l=function(i){var l=i.className,d=void 0===l?null:l,h=i.onClick,j=void 0===h?function(){}:h,I=o(c),C=I.chartType,f=I.handleChartTypeChange,b=a();return m("div",{className:s(b.container,d),children:[e(t,{className:b.lineChartButton,tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===p,onClick:function(){f(p),j(p)},children:e(n,{size:16})}),e(t,{className:b.barChartButton,tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===u,onClick:function(){f(u),j(u)},children:e(r,{size:16})})]})};l.defaultProps={onClick:function(){},isHidden:!1};export{l as default};
+import { useContext } from 'react';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import ChartButton from '../ChartButton.js';
+import ChartWrapperContext from '../../ChartWrapperContext.js';
+import { LineChartIcon, ChartHistogramIcon } 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 { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function () {
+  return {
+    container: {
+      display: 'flex',
+      marginRight: 4
+    },
+    lineChartButton: {
+      borderTopRightRadius: '0px !important',
+      borderBottomRightRadius: '0px !important',
+      marginBottom: 0,
+      '& .MuiTouchRipple-child': {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+      }
+    },
+    barChartButton: {
+      borderTopLeftRadius: '0px !important',
+      borderBottomLeftRadius: '0px !important',
+      marginBottom: 0,
+      '& .MuiTouchRipple-child': {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0
+      }
+    }
+  };
+});
+var CHART_TYPES = {
+  spline: 'spline',
+  bar: 'bar'
+};
+var ChartTypeButton = function ChartTypeButton(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+  var _useContext = useContext(ChartWrapperContext),
+    chartType = _useContext.chartType,
+    handleChartTypeChange = _useContext.handleChartTypeChange;
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.container, className),
+    children: [/*#__PURE__*/jsx(ChartButton, {
+      className: styles.lineChartButton,
+      tooltipProps: {
+        title: 'Line Chart',
+        placement: 'bottom'
+      },
+      isActive: chartType === CHART_TYPES.spline,
+      onClick: function onClick() {
+        handleChartTypeChange(CHART_TYPES.spline);
+        _onClick(CHART_TYPES.spline);
+      },
+      children: /*#__PURE__*/jsx(LineChartIcon, {
+        size: 16
+      })
+    }), /*#__PURE__*/jsx(ChartButton, {
+      className: styles.barChartButton,
+      tooltipProps: {
+        title: 'Bar Chart',
+        placement: 'bottom'
+      },
+      isActive: chartType === CHART_TYPES.bar,
+      onClick: function onClick() {
+        handleChartTypeChange(CHART_TYPES.bar);
+        _onClick(CHART_TYPES.bar);
+      },
+      children: /*#__PURE__*/jsx(ChartHistogramIcon, {
+        size: 16
+      })
+    })]
+  });
+};
+ChartTypeButton.defaultProps = {
+  onClick: function onClick() {},
+  isHidden: false
+};
+
+export { ChartTypeButton as default };
+//# sourceMappingURL=ChartTypeButton.js.map

package/components/Chart/components/buttons/ChartTypeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTypeButton.js","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"sourcesContent":["import { useContext } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\n\nimport { LineChartIcon, ChartHistogramIcon } from '~/icons';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    display: 'flex',\n    marginRight: 4,\n  },\n  lineChartButton: {\n    borderTopRightRadius: '0px !important',\n    borderBottomRightRadius: '0px !important',\n    marginBottom: 0,\n    '& .MuiTouchRipple-child': {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n  },\n  barChartButton: {\n    borderTopLeftRadius: '0px !important',\n    borderBottomLeftRadius: '0px !important',\n    marginBottom: 0,\n    '& .MuiTouchRipple-child': {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n  },\n}));\n\nconst CHART_TYPES = {\n  spline: 'spline',\n  bar: 'bar',\n};\n\nconst ChartTypeButton = ({ className = null, onClick = () => {} }) => {\n  const { chartType, handleChartTypeChange } = useContext(ChartWrapperContext);\n\n  const styles = useStyles();\n\n  return (\n    <div className={classNames(styles.container, className)}>\n      <ChartButton\n        className={styles.lineChartButton}\n        tooltipProps={{ title: 'Line Chart', placement: 'bottom' }}\n        isActive={chartType === CHART_TYPES.spline}\n        onClick={() => {\n          handleChartTypeChange(CHART_TYPES.spline);\n          onClick(CHART_TYPES.spline);\n        }}\n      >\n        <LineChartIcon size={16} />\n      </ChartButton>\n      <ChartButton\n        className={styles.barChartButton}\n        tooltipProps={{ title: 'Bar Chart', placement: 'bottom' }}\n        isActive={chartType === CHART_TYPES.bar}\n        onClick={() => {\n          handleChartTypeChange(CHART_TYPES.bar);\n          onClick(CHART_TYPES.bar);\n        }}\n      >\n        <ChartHistogramIcon size={16} />\n      </ChartButton>\n    </div>\n  );\n};\n\nChartTypeButton.defaultProps = {\n  onClick: () => {},\n  isHidden: false,\n};\n\nexport default ChartTypeButton;\n"],"names":["useStyles","makeStyles","container","display","marginRight","lineChartButton","borderTopRightRadius","borderBottomRightRadius","marginBottom","barChartButton","borderTopLeftRadius","borderBottomLeftRadius","CHART_TYPES","spline","bar","ChartTypeButton","className","onClick","useContext","ChartWrapperContext","chartType","handleChartTypeChange","styles","_jsxs","classNames","_jsx","title","placement","defaultProps","isHidden"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC,YAAA;EAAA,OAAO;AAClCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,WAAW,EAAE,CAAA;KACd;AACDC,IAAAA,eAAe,EAAE;AACfC,MAAAA,oBAAoB,EAAE,gBAAgB;AACtCC,MAAAA,uBAAuB,EAAE,gBAAgB;AACzCC,MAAAA,YAAY,EAAE,CAAC;AACf,MAAA,yBAAyB,EAAE;AACzBF,QAAAA,oBAAoB,EAAE,CAAC;AACvBC,QAAAA,uBAAuB,EAAE,CAAA;AAC3B,OAAA;KACD;AACDE,IAAAA,cAAc,EAAE;AACdC,MAAAA,mBAAmB,EAAE,gBAAgB;AACrCC,MAAAA,sBAAsB,EAAE,gBAAgB;AACxCH,MAAAA,YAAY,EAAE,CAAC;AACf,MAAA,yBAAyB,EAAE;AACzBE,QAAAA,mBAAmB,EAAE,CAAC;AACtBC,QAAAA,sBAAsB,EAAE,CAAA;AAC1B,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,KAAA;AACP,CAAC,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAiD,IAAA,EAAA;AAAA,EAAA,IAAA,cAAA,GAAA,IAAA,CAA3CC,SAAS;AAATA,IAAAA,SAAS,+BAAG,IAAI,GAAA,cAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CAAEC,OAAO;IAAPA,QAAO,GAAA,YAAA,KAAA,KAAA,CAAA,GAAG,YAAM,EAAE,GAAA,YAAA,CAAA;EAC7D,IAA6CC,WAAAA,GAAAA,UAAU,CAACC,mBAAmB,CAAC;AAApEC,IAAAA,SAAS,eAATA,SAAS;AAAEC,IAAAA,qBAAqB,eAArBA,qBAAqB,CAAA;EAExC,IAAMC,MAAM,GAAGtB,SAAS,EAAE,CAAA;EAE1B,oBACEuB,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACF,MAAM,CAACpB,SAAS,EAAEc,SAAS,CAAE;AAAA,IAAA,QAAA,EAAA,cACtDS,IAAC,WAAW,EAAA;MACV,SAAS,EAAEH,MAAM,CAACjB,eAAgB;AAClC,MAAA,YAAY,EAAE;AAAEqB,QAAAA,KAAK,EAAE,YAAY;AAAEC,QAAAA,SAAS,EAAE,QAAA;OAAW;AAC3D,MAAA,QAAQ,EAAEP,SAAS,KAAKR,WAAW,CAACC,MAAO;AAC3C,MAAA,OAAO,EAAE,SAAM,OAAA,GAAA;AACbQ,QAAAA,qBAAqB,CAACT,WAAW,CAACC,MAAM,CAAC,CAAA;AACzCI,QAAAA,QAAO,CAACL,WAAW,CAACC,MAAM,CAAC,CAAA;OAC3B;AAAA,MAAA,QAAA,eAEFY,IAAC,aAAa,EAAA;AAAC,QAAA,IAAI,EAAE,EAAA;AAAG,OAAA,CAAA;KACZ,CAAA,eACdA,IAAC,WAAW,EAAA;MACV,SAAS,EAAEH,MAAM,CAACb,cAAe;AACjC,MAAA,YAAY,EAAE;AAAEiB,QAAAA,KAAK,EAAE,WAAW;AAAEC,QAAAA,SAAS,EAAE,QAAA;OAAW;AAC1D,MAAA,QAAQ,EAAEP,SAAS,KAAKR,WAAW,CAACE,GAAI;AACxC,MAAA,OAAO,EAAE,SAAM,OAAA,GAAA;AACbO,QAAAA,qBAAqB,CAACT,WAAW,CAACE,GAAG,CAAC,CAAA;AACtCG,QAAAA,QAAO,CAACL,WAAW,CAACE,GAAG,CAAC,CAAA;OACxB;AAAA,MAAA,QAAA,eAEFW,IAAC,kBAAkB,EAAA;AAAC,QAAA,IAAI,EAAE,EAAA;AAAG,OAAA,CAAA;KACjB,CAAA,CAAA;GACV,CAAA,CAAA;AAEV,EAAC;AAEDV,eAAe,CAACa,YAAY,GAAG;EAC7BX,OAAO,EAAE,SAAM,OAAA,GAAA,EAAE;AACjBY,EAAAA,QAAQ,EAAE,KAAA;AACZ,CAAC;;;;"}

package/components/Chart/components/buttons/DragToZoomButton.js

@@ -1 +1,70 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as c}from"react";import i from"../ChartButton.js";import t from"../../ChartWrapperContext.js";import{MoveInIcon as n}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{jsx as r}from"react/jsx-runtime";var e=["onClick","isHidden"];function m(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function p(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?m(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var u=function(o){var m=o.onClick,u=void 0===m?function(){}:m,a=o.isHidden,l=void 0!==a&&a,j=s(o,e),d=c(t),f=d.isMinHeightChart,I=d.isZoomEnabled,b=d.handleIsZoomEnabledChange;return r(i,p(p({},j),{},{tooltipProps:p({title:"Drag To Zoom",placement:"left"},j.tooltipProps),isActive:I,onClick:function(){b(!0),u()},isHidden:f||l,children:r(n,{size:16})}))};u.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useContext } from 'react';
+import ChartButton from '../ChartButton.js';
+import ChartWrapperContext from '../../ChartWrapperContext.js';
+import { MoveInIcon } 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 { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onClick", "isHidden"];
+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 DragToZoomButton = function DragToZoomButton(_ref) {
+  var _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    _ref$isHidden = _ref.isHidden,
+    isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ChartWrapperContext),
+    isMinHeightChart = _useContext.isMinHeightChart,
+    isZoomEnabled = _useContext.isZoomEnabled,
+    handleIsZoomEnabledChange = _useContext.handleIsZoomEnabledChange;
+  var handleDragToZoomClick = function handleDragToZoomClick() {
+    handleIsZoomEnabledChange(true);
+    onClick();
+  };
+  return /*#__PURE__*/jsx(ChartButton, _objectSpread(_objectSpread({}, props), {}, {
+    tooltipProps: _objectSpread({
+      title: 'Drag To Zoom',
+      placement: 'left'
+    }, props.tooltipProps),
+    isActive: isZoomEnabled,
+    onClick: handleDragToZoomClick,
+    isHidden: isMinHeightChart || isHidden,
+    children: /*#__PURE__*/jsx(MoveInIcon, {
+      size: 16
+    })
+  }));
+};
+DragToZoomButton.defaultProps = {
+  onClick: function onClick() {},
+  isHidden: false,
+  tooltipProps: {}
+};
+
+export { DragToZoomButton as default };
+//# sourceMappingURL=DragToZoomButton.js.map

package/components/Chart/components/buttons/DragToZoomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragToZoomButton.js","sources":["../../../../../src/components/Chart/components/buttons/DragToZoomButton.js"],"sourcesContent":["import { useContext } from 'react';\n\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\n\nimport { MoveInIcon } from '~/icons';\n\nconst DragToZoomButton = ({ onClick = () => {}, isHidden = false, ...props }) => {\n  const { isMinHeightChart, isZoomEnabled, handleIsZoomEnabledChange } =\n    useContext(ChartWrapperContext);\n\n  const handleDragToZoomClick = () => {\n    handleIsZoomEnabledChange(true);\n    onClick();\n  };\n\n  return (\n    <ChartButton\n      {...props}\n      tooltipProps={{ title: 'Drag To Zoom', placement: 'left', ...props.tooltipProps }}\n      isActive={isZoomEnabled}\n      onClick={handleDragToZoomClick}\n      isHidden={isMinHeightChart || isHidden}\n    >\n      <MoveInIcon size={16} />\n    </ChartButton>\n  );\n};\n\nDragToZoomButton.defaultProps = {\n  onClick: () => {},\n  isHidden: false,\n  tooltipProps: {},\n};\n\nexport default DragToZoomButton;\n"],"names":["DragToZoomButton","onClick","isHidden","props","useContext","ChartWrapperContext","isMinHeightChart","isZoomEnabled","handleIsZoomEnabledChange","handleDragToZoomClick","_jsx","title","placement","tooltipProps","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAA2D,IAAA,EAAA;AAAA,EAAA,IAAA,YAAA,GAAA,IAAA,CAArDC,OAAO;IAAPA,OAAO,GAAA,YAAA,KAAA,KAAA,CAAA,GAAG,YAAM,EAAE,GAAA,YAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,KAAK,GAAA,aAAA;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACxE,IACEC,WAAAA,GAAAA,UAAU,CAACC,mBAAmB,CAAC;AADzBC,IAAAA,gBAAgB,eAAhBA,gBAAgB;AAAEC,IAAAA,aAAa,eAAbA,aAAa;AAAEC,IAAAA,yBAAyB,eAAzBA,yBAAyB,CAAA;AAGlE,EAAA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAAS;IAClCD,yBAAyB,CAAC,IAAI,CAAC,CAAA;AAC/BP,IAAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACES,GAAA,CAAC,WAAW,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACNP,KAAK,CAAA,EAAA,EAAA,EAAA;IACT,YAAY,EAAA,aAAA,CAAA;AAAIQ,MAAAA,KAAK,EAAE,cAAc;AAAEC,MAAAA,SAAS,EAAE,MAAA;KAAWT,EAAAA,KAAK,CAACU,YAAY,CAAG;AAClF,IAAA,QAAQ,EAAEN,aAAc;AACxB,IAAA,OAAO,EAAEE,qBAAsB;IAC/B,QAAQ,EAAEH,gBAAgB,IAAIJ,QAAS;AAAA,IAAA,QAAA,eAEvCQ,IAAC,UAAU,EAAA;AAAC,MAAA,IAAI,EAAE,EAAA;AAAG,KAAA,CAAA;GACT,CAAA,CAAA,CAAA;AAElB,EAAC;AAEDV,gBAAgB,CAACc,YAAY,GAAG;EAC9Bb,OAAO,EAAE,SAAM,OAAA,GAAA,EAAE;AACjBC,EAAAA,QAAQ,EAAE,KAAK;AACfW,EAAAA,YAAY,EAAE,EAAC;AACjB,CAAC;;;;"}

package/components/Chart/components/buttons/HideAxesButton.js

@@ -1 +1,78 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useContext as s}from"react";import t from"classnames";import{makeStyles as c}from"@material-ui/core";import i from"../ChartButton.js";import r from"../../ChartWrapperContext.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../../../utils/main.js";import{useHideAxes as e}from"../../effects/useHideAxes.js";import"../../effects/useChartModifier.js";import{ExpandIcon as n,CollapseIcon 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{jsx as p}from"react/jsx-runtime";function a(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,c)}return t}function u(s){for(var t=1;t<arguments.length;t++){var c=null!=arguments[t]?arguments[t]:{};t%2?a(Object(c),!0).forEach((function(t){o(s,t,c[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):a(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var l=c({icon:{top:0,transform:"rotate(45deg)"}}),j=function(o){var c=s(r),a=c.chart,j=c.handleChangeChartStyles,d=e({chart:a,onChartStylesChange:j}),f=d.isHiddenAxes,h=d.handleAxesHide,I=l();return p(i,u(u({},o),{},{className:t(I.hideAxesButton,o.className),tooltipProps:u({title:f?"Show Axes":"Hide Axes"},o.tooltipProps),onClick:h,children:p(f?n:m,{className:I.icon,size:16})}))};j.defaultProps={tooltipProps:{}};export{j as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useContext } from 'react';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import ChartButton from '../ChartButton.js';
+import ChartWrapperContext from '../../ChartWrapperContext.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'lodash';
+import '../../../../utils/main.js';
+import { useHideAxes } from '../../effects/useHideAxes.js';
+import '../../effects/useChartModifier.js';
+import { ExpandIcon, CollapseIcon } 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 { 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 useStyles = makeStyles({
+  icon: {
+    top: 0,
+    transform: 'rotate(45deg)'
+  }
+});
+var HideAxesButton = function HideAxesButton(props) {
+  var _useContext = useContext(ChartWrapperContext),
+    chart = _useContext.chart,
+    handleChangeChartStyles = _useContext.handleChangeChartStyles;
+  var _useHideAxes = useHideAxes({
+      chart: chart,
+      onChartStylesChange: handleChangeChartStyles
+    }),
+    isHiddenAxes = _useHideAxes.isHiddenAxes,
+    handleAxesHide = _useHideAxes.handleAxesHide;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(ChartButton, _objectSpread(_objectSpread({}, props), {}, {
+    className: classNames(styles.hideAxesButton, props.className),
+    tooltipProps: _objectSpread({
+      title: isHiddenAxes ? 'Show Axes' : 'Hide Axes'
+    }, props.tooltipProps),
+    onClick: handleAxesHide,
+    children: isHiddenAxes ? /*#__PURE__*/jsx(ExpandIcon, {
+      className: styles.icon,
+      size: 16
+    }) : /*#__PURE__*/jsx(CollapseIcon, {
+      className: styles.icon,
+      size: 16
+    })
+  }));
+};
+HideAxesButton.defaultProps = {
+  tooltipProps: {}
+};
+
+export { HideAxesButton as default };
+//# sourceMappingURL=HideAxesButton.js.map

package/components/Chart/components/buttons/HideAxesButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideAxesButton.js","sources":["../../../../../src/components/Chart/components/buttons/HideAxesButton.js"],"sourcesContent":["import { useContext } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\nimport { useHideAxes } from '../../effects';\n\nimport { CollapseIcon, ExpandIcon } from '~/icons';\n\nconst useStyles = makeStyles({\n  icon: {\n    top: 0,\n    transform: 'rotate(45deg)',\n  },\n});\n\nconst HideAxesButton = props => {\n  const { chart, handleChangeChartStyles } = useContext(ChartWrapperContext);\n  const { isHiddenAxes, handleAxesHide } = useHideAxes({\n    chart,\n    onChartStylesChange: handleChangeChartStyles,\n  });\n  const styles = useStyles();\n\n  return (\n    <ChartButton\n      {...props}\n      className={classNames(styles.hideAxesButton, props.className)}\n      tooltipProps={{ title: isHiddenAxes ? 'Show Axes' : 'Hide Axes', ...props.tooltipProps }}\n      onClick={handleAxesHide}\n    >\n      {isHiddenAxes ? (\n        <ExpandIcon className={styles.icon} size={16} />\n      ) : (\n        <CollapseIcon className={styles.icon} size={16} />\n      )}\n    </ChartButton>\n  );\n};\n\nHideAxesButton.defaultProps = {\n  tooltipProps: {},\n};\n\nexport default HideAxesButton;\n"],"names":["useStyles","makeStyles","icon","top","transform","HideAxesButton","props","useContext","ChartWrapperContext","chart","handleChangeChartStyles","useHideAxes","onChartStylesChange","isHiddenAxes","handleAxesHide","styles","_jsx","classNames","hideAxesButton","className","title","tooltipProps","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,SAAS,EAAE,eAAA;AACb,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAGC,KAAK,EAAI;EAC9B,IAA2CC,WAAAA,GAAAA,UAAU,CAACC,mBAAmB,CAAC;AAAlEC,IAAAA,KAAK,eAALA,KAAK;AAAEC,IAAAA,uBAAuB,eAAvBA,uBAAuB,CAAA;AACtC,EAAA,IAAA,YAAA,GAAyCC,WAAW,CAAC;AACnDF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,mBAAmB,EAAEF,uBAAAA;AACvB,KAAC,CAAC;AAHMG,IAAAA,YAAY,gBAAZA,YAAY;AAAEC,IAAAA,cAAc,gBAAdA,cAAc,CAAA;EAIpC,IAAMC,MAAM,GAAGf,SAAS,EAAE,CAAA;EAE1B,oBACEgB,GAAA,CAAC,WAAW,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACNV,KAAK,CAAA,EAAA,EAAA,EAAA;IACT,SAAS,EAAEW,UAAU,CAACF,MAAM,CAACG,cAAc,EAAEZ,KAAK,CAACa,SAAS,CAAE;IAC9D,YAAY,EAAA,aAAA,CAAA;AAAIC,MAAAA,KAAK,EAAEP,YAAY,GAAG,WAAW,GAAG,WAAA;KAAgBP,EAAAA,KAAK,CAACe,YAAY,CAAG;AACzF,IAAA,OAAO,EAAEP,cAAe;IAAA,QAEvBD,EAAAA,YAAY,gBACXG,GAAA,CAAC,UAAU,EAAA;MAAC,SAAS,EAAED,MAAM,CAACb,IAAK;AAAC,MAAA,IAAI,EAAE,EAAA;KAAM,CAAA,gBAEhDc,IAAC,YAAY,EAAA;MAAC,SAAS,EAAED,MAAM,CAACb,IAAK;AAAC,MAAA,IAAI,EAAE,EAAA;AAAG,KAAA,CAAA;GAErC,CAAA,CAAA,CAAA;AAElB,EAAC;AAEDG,cAAc,CAACiB,YAAY,GAAG;AAC5BD,EAAAA,YAAY,EAAE,EAAC;AACjB,CAAC;;;;"}