@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Chart/components/AxisDropdown.js

@@ -1,127 +1 @@
-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, jsxs, Fragment } from 'react/jsx-runtime';
-
-var _excluded = ["className", "classes", "value", "onChange", "unit", "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,
-      background: 'transparen !important',
-      '& .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': {
-        '& .MuiSelect-icon > svg > path': {
-          fill: palette.primary.contrastText,
-          stroke: palette.primary.contrastText
-        }
-      },
-      '&:active': {
-        '& .MuiSelect-icon  > svg > path': {
-          fill: palette.primary.main,
-          stroke: palette.primary.main
-        }
-      }
-    },
-    selectRoot: {
-      fontSize: 16,
-      paddingTop: 0,
-      paddingBottom: 0,
-      '&:focus': {
-        backgroundColor: 'transparent'
-      }
-    },
-    unit: {
-      fontSize: 12,
-      lineHeight: 0,
-      color: palette.primary.text7,
-      marginLeft: 4
-    }
-  };
-});
-var AxisDropdown = function AxisDropdown(_ref2) {
-  var className = _ref2.className,
-    classes = _ref2.classes,
-    value = _ref2.value,
-    onChange = _ref2.onChange,
-    unit = _ref2.unit,
-    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));
-    },
-    renderValue: function renderValue(value) {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [value, unit && /*#__PURE__*/jsxs("span", {
-          className: styles.unit,
-          children: ["(", unit, ")"]
-        })]
-      });
-    }
-  }, 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 { AxisDropdown as default };
-//# sourceMappingURL=AxisDropdown.js.map
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import t from"classnames";import{makeStyles as n,Select as e,MenuItem as c}from"@material-ui/core";import{DownOneIcon as i}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,jsxs as a,Fragment as m}from"react/jsx-runtime";var p=["className","classes","value","onChange","unit","options"];function l(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function u(s){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){o(s,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var j=n((function(o){var s=o.palette;return{selectContainer:{color:s.primary.contrastText,background:"transparen !important","& .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":{"& .MuiSelect-icon > svg > path":{fill:s.primary.contrastText,stroke:s.primary.contrastText}},"&:active":{"& .MuiSelect-icon  > svg > path":{fill:s.primary.main,stroke:s.primary.main}}},selectRoot:{fontSize:16,paddingTop:0,paddingBottom:0,"&:focus":{backgroundColor:"transparent"}},unit:{fontSize:12,lineHeight:0,color:s.primary.text7,marginLeft:4}}})),d=function(o){var n=o.className,l=o.classes,d=o.value,f=o.onChange,h=o.unit,b=o.options,I=s(o,p),g=j();return r(e,u(u({className:t(g.selectContainer,n),value:d,classes:u({root:g.selectRoot},l),onChange:f,disableUnderline:!0,IconComponent:function(o){return r(i,u({theme:"filled",fill:"#BDBDBD",size:16},o))},renderValue:function(o){return a(m,{children:[o,h&&a("span",{className:g.unit,children:["(",h,")"]})]})}},I),{},{children:null==b?void 0:b.map((function(o){var s=o.label,t=o.value;return r(c,{value:t,children:s},t)}))}))};export{d as default};

package/components/Chart/components/AxisOverlay.js

@@ -1,182 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useContext, useState, useRef, useEffect } from 'react';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import StraightenIcon from '@material-ui/icons/Straighten';
-import ChartWrapperContext from '../ChartWrapperContext.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["left", "width", "top", "bottom", "right", "labelOffset", "offset", "height", "coll", "onCustomizeScaleClick"];
-var DEFAULT_AXIS_SIZE = 14;
-var TOOLTIP_MARGIN = 14;
-var AXIS_OFFSET = 5;
-var useStyles = makeStyles(function (theme) {
-  return {
-    axis: function axis(_ref) {
-      var width = _ref.width,
-        left = _ref.left,
-        bottom = _ref.bottom,
-        height = _ref.height;
-      return {
-        position: 'absolute',
-        cursor: 'pointer',
-        width: width,
-        left: left,
-        bottom: bottom,
-        height: height
-      };
-    },
-    tooltip: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      minWidth: 125,
-      backgroundColor: theme.palette.background.b9,
-      color: theme.palette.text.primary,
-      fontSize: '12px',
-      lineHeight: '16px',
-      letterSpacing: '0.4px',
-      borderRadius: '4px',
-      padding: '4px',
-      zIndex: 10000
-    },
-    tooltipIcon: {
-      fontSize: 16,
-      color: theme.palette.primary.text6
-    }
-  };
-});
-var AxisOverlay = function AxisOverlay(_ref2) {
-  var _otherProps$userOptio, _axisRef$current;
-  var left = _ref2.left,
-    width = _ref2.width,
-    top = _ref2.top,
-    bottom = _ref2.bottom,
-    right = _ref2.right,
-    labelOffset = _ref2.labelOffset,
-    offset = _ref2.offset,
-    height = _ref2.height,
-    coll = _ref2.coll,
-    onCustomizeScaleClick = _ref2.onCustomizeScaleClick,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var _useContext = useContext(ChartWrapperContext),
-    chart = _useContext.chart;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    tooltipPosition = _useState2[0],
-    setTooltipPosition = _useState2[1];
-  var axisRef = useRef();
-  var isInvertedChart = chart === null || chart === void 0 ? void 0 : chart.inverted;
-  var isXAxis = isInvertedChart ? coll === 'yAxis' : coll === 'xAxis';
-  var tooltipMargin = TOOLTIP_MARGIN + labelOffset;
-  var axisSize = DEFAULT_AXIS_SIZE + labelOffset;
-
-  // NOTE: Here we use axisTitle to find the axis which is focused
-  var _ref3 = (otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$userOptio = otherProps.userOptions) === null || _otherProps$userOptio === void 0 ? void 0 : _otherProps$userOptio.title) || {},
-    titleText = _ref3.text;
-  var axisWidth = isXAxis ? width + axisSize : axisSize;
-  var axisHeight = isXAxis ? axisSize : height + axisSize;
-  var axisLeftPosition = isXAxis ? left - AXIS_OFFSET : left - axisSize;
-  var axisBottomPosition = isXAxis ? bottom - axisSize : bottom - AXIS_OFFSET;
-  var classes = useStyles({
-    top: top,
-    right: right,
-    width: axisWidth,
-    height: axisHeight,
-    left: isXAxis ? axisLeftPosition : axisLeftPosition + offset,
-    bottom: isXAxis ? axisBottomPosition - offset : axisBottomPosition
-  });
-  var axisPosition = (_axisRef$current = axisRef.current) === null || _axisRef$current === void 0 ? void 0 : _axisRef$current.getBoundingClientRect();
-  var tooltip = /*#__PURE__*/jsxs("div", {
-    className: classes.tooltip,
-    children: [/*#__PURE__*/jsx(StraightenIcon, {
-      className: classes.tooltipIcon
-    }), " Customize Scale"]
-  });
-  var handleTooltipMouseMove = function handleTooltipMouseMove(_ref4) {
-    var pageX = _ref4.pageX,
-      pageY = _ref4.pageY;
-    setTooltipPosition({
-      x: pageX,
-      y: pageY
-    });
-  };
-  var hangleAxisMouseOver = function hangleAxisMouseOver() {
-    var focusedAxis = chart[coll].find(function (axis) {
-      return axis.userOptions.title.text === titleText;
-    });
-    focusedAxis.update({
-      lineColor: '#03BCD4',
-      lineWidth: 2,
-      labels: {
-        style: {
-          color: '#ffffff'
-        }
-      },
-      title: {
-        style: {
-          color: '#ffffff'
-        }
-      }
-    });
-  };
-  var hangleAxisMouseLeave = function hangleAxisMouseLeave() {
-    var focusedAxis = chart[coll].find(function (axis) {
-      return axis.userOptions.title.text === titleText;
-    });
-    focusedAxis.update({
-      lineColor: '#3B3B3B',
-      lineWidth: 1,
-      labels: {
-        style: {
-          color: '#9E9E9E'
-        }
-      },
-      title: {
-        style: {
-          color: '#9E9E9E'
-        }
-      }
-    });
-  };
-  var getToolipBoundingClientRect = function getToolipBoundingClientRect() {
-    return {
-      top: isXAxis ? axisPosition.y : tooltipPosition.y,
-      left: isXAxis ? tooltipPosition.x : axisPosition.x - tooltipMargin,
-      right: isXAxis ? tooltipPosition.x : axisPosition.x + tooltipMargin,
-      bottom: isXAxis ? axisPosition.y : tooltipPosition.y,
-      width: 0,
-      height: 0
-    };
-  };
-  useEffect(function () {
-    var axisGroup = chart.axisGroup;
-    if (axisGroup) axisGroup.element.style.cursor = 'pointer';
-  }, [chart]);
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: tooltip,
-    placement: isXAxis ? 'top' : 'right',
-    onMouseMove: handleTooltipMouseMove,
-    PopperProps: {
-      anchorEl: {
-        clientHeight: 0,
-        clientWidth: 0,
-        getBoundingClientRect: getToolipBoundingClientRect
-      }
-    },
-    children: /*#__PURE__*/jsx("div", {
-      className: classes.axis,
-      ref: axisRef,
-      onClick: function onClick() {
-        return onCustomizeScaleClick(otherProps);
-      },
-      onMouseOver: hangleAxisMouseOver,
-      onMouseLeave: hangleAxisMouseLeave,
-      onFocus: hangleAxisMouseOver,
-      onBlur: hangleAxisMouseLeave
-    })
-  });
-};
-
-export { AxisOverlay as default };
-//# sourceMappingURL=AxisOverlay.js.map
+import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as o,useState as i,useRef as r,useEffect as l}from"react";import{makeStyles as n,Tooltip as a}from"@material-ui/core";import c from"@material-ui/icons/Straighten";import s from"../ChartWrapperContext.js";import{jsxs as u,jsx as f}from"react/jsx-runtime";var p=["left","width","top","bottom","right","labelOffset","offset","height","coll","onCustomizeScaleClick"],h=n((function(t){return{axis:function(t){return{position:"absolute",cursor:"pointer",width:t.width,left:t.left,bottom:t.bottom,height:t.height}},tooltip:{display:"flex",alignItems:"center",justifyContent:"space-between",minWidth:125,backgroundColor:t.palette.background.b9,color:t.palette.text.primary,fontSize:"12px",lineHeight:"16px",letterSpacing:"0.4px",borderRadius:"4px",padding:"4px",zIndex:1e4},tooltipIcon:{fontSize:16,color:t.palette.primary.text6}}})),m=function(n){var m,d,x=n.left,g=n.width,b=n.top,y=n.bottom,v=n.right,C=n.labelOffset,w=n.offset,B=n.height,E=n.coll,S=n.onCustomizeScaleClick,z=e(n,p),O=o(s).chart,W=i({}),k=t(W,2),j=k[0],I=k[1],M=r(),A=(null==O?void 0:O.inverted)?"yAxis"===E:"xAxis"===E,N=14+C,P=14+C,R=((null==z||null===(m=z.userOptions)||void 0===m?void 0:m.title)||{}).text,H=A?x-5:x-P,D=A?y-P:y-5,F=h({top:b,right:v,width:A?g+P:P,height:A?P:B+P,left:A?H:H+w,bottom:A?D-w:D}),G=null===(d=M.current)||void 0===d?void 0:d.getBoundingClientRect(),L=u("div",{className:F.tooltip,children:[f(c,{className:F.tooltipIcon})," Customize Scale"]}),T=function(){O[E].find((function(t){return t.userOptions.title.text===R})).update({lineColor:"#03BCD4",lineWidth:2,labels:{style:{color:"#ffffff"}},title:{style:{color:"#ffffff"}}})},X=function(){O[E].find((function(t){return t.userOptions.title.text===R})).update({lineColor:"#3B3B3B",lineWidth:1,labels:{style:{color:"#9E9E9E"}},title:{style:{color:"#9E9E9E"}}})};return l((function(){var t=O.axisGroup;t&&(t.element.style.cursor="pointer")}),[O]),f(a,{title:L,placement:A?"top":"right",onMouseMove:function(t){var e=t.pageX,o=t.pageY;I({x:e,y:o})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){return{top:A?G.y:j.y,left:A?j.x:G.x-N,right:A?j.x:G.x+N,bottom:A?G.y:j.y,width:0,height:0}}}},children:f("div",{className:F.axis,ref:M,onClick:function(){return S(z)},onMouseOver:T,onMouseLeave:X,onFocus:T,onBlur:X})})};export{m as default};

package/components/Chart/components/ChartButton.js

@@ -1,51 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classNames from 'classnames';
-import { makeStyles } from '@material-ui/core';
-import IconButton from '../../IconButton/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["onClick", "className", "children", "tooltipProps", "isActive", "isHidden", "disabled"];
-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 {
-    button: {
-      marginBottom: '4px',
-      '&.Mui-disabled': {
-        opacity: 1,
-        backgroundColor: 'rgba(255, 255, 255, 0.08)',
-        color: palette.primary.text9
-      }
-    },
-    isHidden: {
-      visibility: 'hidden'
-    }
-  };
-});
-var ChartButton = function ChartButton(_ref2) {
-  var onClick = _ref2.onClick,
-    className = _ref2.className,
-    children = _ref2.children,
-    tooltipProps = _ref2.tooltipProps,
-    isActive = _ref2.isActive,
-    isHidden = _ref2.isHidden,
-    disabled = _ref2.disabled,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var styles = useStyles();
-  return /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
-    tooltipProps: tooltipProps,
-    className: classNames(styles.button, className, _defineProperty({}, styles.isHidden, isHidden)),
-    variant: "contained",
-    size: "small",
-    isActive: isActive,
-    disabled: disabled,
-    onClick: disabled ? null : onClick
-  }, otherProps), {}, {
-    children: children
-  }));
-};
-
-export { ChartButton as default };
-//# sourceMappingURL=ChartButton.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"classnames";import{makeStyles as i}from"@material-ui/core";import o from"../../IconButton/index.js";import{jsx as n}from"react/jsx-runtime";var c=["onClick","className","children","tooltipProps","isActive","isHidden","disabled"];function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?s(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):s(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var l=i((function(e){return{button:{marginBottom:"4px","&.Mui-disabled":{opacity:1,backgroundColor:"rgba(255, 255, 255, 0.08)",color:e.palette.primary.text9}},isHidden:{visibility:"hidden"}}})),p=function(i){var s=i.onClick,p=i.className,b=i.children,d=i.tooltipProps,m=i.isActive,u=i.isHidden,f=i.disabled,O=t(i,c),y=l();return n(o,a(a({tooltipProps:d,className:r(y.button,p,e({},y.isHidden,u)),variant:"contained",size:"small",isActive:m,disabled:f,onClick:f?null:s},O),{},{children:b}))};export{p as default};

package/components/Chart/components/ChartButtons.js

@@ -1,42 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useContext } from 'react';
-import { makeStyles } from '@material-ui/core';
-import classNames from 'classnames';
-import ChartWrapperContext from '../ChartWrapperContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "className"];
-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: {
-    position: 'absolute',
-    right: '8px',
-    display: 'flex',
-    flexDirection: 'column',
-    bottom: function bottom(_ref) {
-      var marginBottom = _ref.marginBottom;
-      return marginBottom + 3;
-    }
-  }
-});
-var ChartButtons = function ChartButtons(_ref2) {
-  var children = _ref2.children,
-    _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? null : _ref2$className,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var _useContext = useContext(ChartWrapperContext),
-    chartStyles = _useContext.chartStyles;
-  var classes = useStyles({
-    marginBottom: chartStyles.marginBottom
-  });
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: classNames(classes.container, className)
-  }, otherProps), {}, {
-    children: children
-  }));
-};
-
-export { ChartButtons as default };
-//# sourceMappingURL=ChartButtons.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import{makeStyles as o}from"@material-ui/core";import n from"classnames";import i from"../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var a=["children","className"];function m(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var s=o({container:{position:"absolute",right:"8px",display:"flex",flexDirection:"column",bottom:function(r){return r.marginBottom+3}}}),l=function(r){var o=r.children,m=r.className,l=void 0===m?null:m,f=e(r,a),u=t(i).chartStyles,b=s({marginBottom:u.marginBottom});return c("div",p(p({className:n(b.container,l)},f),{},{children:o}))};export{l as default};

package/components/Chart/components/ChartSelect.js

@@ -1,134 +1 @@
-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
+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};