@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/RangeSlider/utils.js

@@ -1,60 +1 @@
-import { TOOLTIP_MARGIN } from './constants.js';
-
-var calculatePercentForValue = function calculatePercentForValue(arg, min, max) {
-  return (arg - min) * 100 / (max - min);
-};
-var calculateValueFromPercent = function calculateValueFromPercent(arg, min, max) {
-  return min + arg * (max - min) / 100;
-};
-var updateFromValue = function updateFromValue(newFrom, from, to, min, minRange) {
-  if (newFrom < min) {
-    return {
-      from: min,
-      to: to
-    };
-  }
-  if (newFrom > to - minRange) {
-    return {
-      from: to - minRange,
-      to: to
-    };
-  }
-  return {
-    from: newFrom,
-    to: to
-  };
-};
-var updateToValue = function updateToValue(newTo, from, to, max, minRange) {
-  if (newTo > max) {
-    return {
-      from: from,
-      to: max
-    };
-  }
-  if (newTo < from + minRange) {
-    return {
-      from: from,
-      to: from + minRange
-    };
-  }
-  return {
-    from: from,
-    to: newTo
-  };
-};
-var getToolipBoundingClientRect = function getToolipBoundingClientRect(_ref) {
-  var isHorizontalOrientation = _ref.isHorizontalOrientation,
-    railPosition = _ref.railPosition,
-    tooltipPosition = _ref.tooltipPosition;
-  return {
-    top: isHorizontalOrientation ? railPosition.y - TOOLTIP_MARGIN : tooltipPosition.y,
-    left: isHorizontalOrientation ? tooltipPosition.x : railPosition.x - TOOLTIP_MARGIN,
-    right: isHorizontalOrientation ? tooltipPosition.x : railPosition.x + TOOLTIP_MARGIN,
-    bottom: isHorizontalOrientation ? railPosition.y : tooltipPosition.y,
-    width: 0,
-    height: 0
-  };
-};
-
-export { calculatePercentForValue, calculateValueFromPercent, getToolipBoundingClientRect, updateFromValue, updateToValue };
-//# sourceMappingURL=utils.js.map
+import{TOOLTIP_MARGIN as t}from"./constants.js";var o=function(t,o,r){return 100*(t-o)/(r-o)},r=function(t,o,r){return o+t*(r-o)/100},n=function(t,o,r,n,i){return t<n?{from:n,to:r}:t>r-i?{from:r-i,to:r}:{from:t,to:r}},i=function(t,o,r,n,i){return t>n?{from:o,to:n}:t<o+i?{from:o,to:o+i}:{from:o,to:t}},f=function(o){var r=o.isHorizontalOrientation,n=o.railPosition,i=o.tooltipPosition;return{top:r?n.y-t:i.y,left:r?i.x:n.x-t,right:r?i.x:n.x+t,bottom:r?n.y:i.y,width:0,height:0}};export{o as calculatePercentForValue,r as calculateValueFromPercent,f as getToolipBoundingClientRect,n as updateFromValue,i as updateToValue};

package/components/RealTimeValuesSidebar/RealTimeSidebar.js

@@ -1,97 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { memo, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { noop } from 'lodash';
-import { withTheme } from '@material-ui/core';
-import RealTimeBoxEditDialog from './RealTimeValuesBox/RealTimeBoxEditDialog.js';
-import { useStyles } from './RealTimeSidebarStyles.js';
-import { ORIENTATIONS } from './enums.js';
-import RealTimeSidebarContext from './RealTimeSidebarContext.js';
-import SidebarFooter from './SidebarFooter.js';
-import RealTimeBoxList from './RealTimeValuesBox/RealTimeBoxList.js';
-import SidebarTitle from './SidebarTitle.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function RealTimeSidebar(props) {
-  var _classNames, _sidebarRef$current2;
-  var isSidebarOpen = props.isSidebarOpen,
-    handleOpenCloseSidebar = props.handleOpenCloseSidebar,
-    isResponsive = props.isResponsive,
-    theme = props.theme,
-    sourceArray = props.sourceArray,
-    findSource = props.findSource,
-    onAppSettingChange = props.onAppSettingChange,
-    appSettings = props.appSettings,
-    assetKey = props.assetKey,
-    setting = props.setting,
-    realTimeTypes = props.realTimeTypes,
-    isDialogOpen = props.isDialogOpen,
-    paramToEdit = props.paramToEdit,
-    handleOpenCloseDialog = props.handleOpenCloseDialog,
-    handleChangeParamToEdit = props.handleChangeParamToEdit,
-    _props$sidebarHorizon = props.sidebarHorizontalHeight,
-    sidebarHorizontalHeight = _props$sidebarHorizon === void 0 ? 400 : _props$sidebarHorizon,
-    _props$onLayoutChange = props.onLayoutChange,
-    onLayoutChange = _props$onLayoutChange === void 0 ? noop : _props$onLayoutChange;
-  var sidebarRef = useRef(null);
-  var styles = useStyles({
-    sidebarHorizontalHeight: sidebarHorizontalHeight
-  });
-  var orientation = isResponsive ? ORIENTATIONS.horizontal : ORIENTATIONS.vertical;
-  var sidebarClass = classNames(isSidebarOpen && 'fullSize', (_classNames = {}, _defineProperty(_classNames, styles.rtSidebarWhiteTheme, theme.isLightTheme), _defineProperty(_classNames, styles.rtSidebarVertical, !isResponsive), _defineProperty(_classNames, styles.rtSidebarHorizontal, isResponsive), _classNames));
-  var sidebarContentClass = classNames(styles.rtSidebarContent, orientation, _defineProperty({}, styles.rtSidebarContentFullSize, isSidebarOpen));
-  var sidebarHandlerClass = classNames([styles.rtSidebarHandler], _defineProperty({}, styles.rtSidebarHandlerFullSize, isSidebarOpen));
-  useEffect(function () {
-    var _sidebarRef$current;
-    if (sidebarRef !== null && sidebarRef !== void 0 && (_sidebarRef$current = sidebarRef.current) !== null && _sidebarRef$current !== void 0 && _sidebarRef$current.clientHeight) {
-      onLayoutChange(sidebarRef.current.clientHeight);
-    }
-  }, [sidebarRef === null || sidebarRef === void 0 ? void 0 : (_sidebarRef$current2 = sidebarRef.current) === null || _sidebarRef$current2 === void 0 ? void 0 : _sidebarRef$current2.clientHeight, isSidebarOpen]);
-  return /*#__PURE__*/jsx(RealTimeSidebarContext.Provider, {
-    value: {
-      isSidebarOpen: isSidebarOpen,
-      onAppSettingChange: onAppSettingChange,
-      appSettings: appSettings,
-      assetKey: assetKey,
-      setting: setting,
-      realTimeTypes: realTimeTypes,
-      orientation: orientation,
-      handleOpenCloseSidebar: handleOpenCloseSidebar,
-      handleChangeParamToEdit: handleChangeParamToEdit,
-      handleOpenCloseDialog: handleOpenCloseDialog
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: sidebarClass,
-      ref: sidebarRef,
-      children: [/*#__PURE__*/jsx("div", {
-        className: sidebarHandlerClass,
-        onClick: function onClick() {
-          return handleOpenCloseSidebar(true);
-        }
-      }), /*#__PURE__*/jsx(SidebarTitle, {}), /*#__PURE__*/jsxs("div", {
-        className: sidebarContentClass,
-        children: [/*#__PURE__*/jsx(RealTimeBoxList, {
-          sourceArray: sourceArray,
-          findSource: findSource
-        }), /*#__PURE__*/jsx(RealTimeBoxEditDialog, {
-          isDialogOpen: isDialogOpen,
-          paramToEdit: paramToEdit,
-          handleCloseRealTimeDialog: function handleCloseRealTimeDialog() {
-            return handleOpenCloseDialog(false);
-          }
-        })]
-      }), /*#__PURE__*/jsx(SidebarFooter, {
-        onSidebarOpened: function onSidebarOpened() {
-          return handleOpenCloseSidebar(true);
-        },
-        onSidebarClosed: function onSidebarClosed() {
-          return handleOpenCloseSidebar(false);
-        }
-      })]
-    })
-  });
-}
-var RealTimeSidebar$1 = withTheme(memo(RealTimeSidebar));
-
-export { RealTimeSidebar$1 as default };
-//# sourceMappingURL=RealTimeSidebar.js.map
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as r,useRef as a,useEffect as o}from"react";import t from"classnames";import{noop as n}from"lodash";import{withTheme as l}from"@material-ui/core";import d from"./RealTimeValuesBox/RealTimeBoxEditDialog.js";import{useStyles as s}from"./RealTimeSidebarStyles.js";import{ORIENTATIONS as m}from"./enums.js";import p from"./RealTimeSidebarContext.js";import u from"./SidebarFooter.js";import c from"./RealTimeValuesBox/RealTimeBoxList.js";import h from"./SidebarTitle.js";var S=l(r((function(r){var l,S,f,g,b=r.isSidebarOpen,v=r.handleOpenCloseSidebar,T=r.isResponsive,C=r.theme,H=r.sourceArray,O=r.findSource,j=r.onAppSettingChange,y=r.appSettings,R=r.assetKey,x=r.setting,z=r.realTimeTypes,D=r.isDialogOpen,E=r.paramToEdit,A=r.handleOpenCloseDialog,B=r.handleChangeParamToEdit,F=r.sidebarHorizontalHeight,L=void 0===F?400:F,N=r.onLayoutChange,P=void 0===N?n:N,V=a(null),K=s({sidebarHorizontalHeight:L}),k=T?m.horizontal:m.vertical,W=t(b&&"fullSize",((l={})[K.rtSidebarWhiteTheme]=C.isLightTheme,l[K.rtSidebarVertical]=!T,l[K.rtSidebarHorizontal]=T,l)),q=t(K.rtSidebarContent,k,((S={})[K.rtSidebarContentFullSize]=b,S)),w=t([K.rtSidebarHandler],((f={})[K.rtSidebarHandlerFullSize]=b,f));return o((function(){var e;(null===(e=null==V?void 0:V.current)||void 0===e?void 0:e.clientHeight)&&P(V.current.clientHeight)}),[null===(g=null==V?void 0:V.current)||void 0===g?void 0:g.clientHeight,b]),e(p.Provider,{value:{isSidebarOpen:b,onAppSettingChange:j,appSettings:y,assetKey:R,setting:x,realTimeTypes:z,orientation:k,handleOpenCloseSidebar:v,handleChangeParamToEdit:B,handleOpenCloseDialog:A},children:i("div",{className:W,ref:V,children:[e("div",{className:w,onClick:function(){return v(!0)}}),e(h,{}),i("div",{className:q,children:[e(c,{sourceArray:H,findSource:O}),e(d,{isDialogOpen:D,paramToEdit:E,handleCloseRealTimeDialog:function(){return A(!1)}})]}),e(u,{onSidebarOpened:function(){return v(!0)},onSidebarClosed:function(){return v(!1)}})]})})})));export{S as default};

package/components/RealTimeValuesSidebar/RealTimeSidebarContext.js

@@ -1,6 +1 @@
-import { createContext } from 'react';
-
-var RealTimeSidebarContext = createContext(null);
-
-export { RealTimeSidebarContext as default };
-//# sourceMappingURL=RealTimeSidebarContext.js.map
+import{createContext as r}from"react";var a=r(null);export{a as default};

package/components/RealTimeValuesSidebar/RealTimeSidebarStyles.js

@@ -1,66 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    rtSidebarVertical: {
-      width: '48px',
-      height: '100%',
-      background: theme.palette.background.b5,
-      borderRadius: '8px 0 0 8px',
-      boxShadow: '4px 0px 8px rgba(0, 0, 0, 0.15)',
-      position: 'relative',
-      '&.fullSize': {
-        width: '235px'
-      }
-    },
-    rtSidebarHorizontal: function rtSidebarHorizontal(props) {
-      return {
-        position: 'absolute',
-        top: props.sidebarHorizontalHeight,
-        left: 0,
-        borderRadius: '0 0 8px 8px',
-        width: '100%',
-        height: props.sidebarHorizontalHeight,
-        background: theme.palette.background.b5,
-        '&.fullSize': {
-          height: 'auto'
-        }
-      };
-    },
-    rtSidebarWhiteTheme: {
-      background: theme.palette.primary.contrastText
-    },
-    rtSidebarContent: {
-      overflowY: 'auto',
-      height: 'calc(100% - 150px)',
-      visibility: 'hidden'
-    },
-    rtSidebarContentFullSize: {
-      visibility: 'visible',
-      marginTop: '50px',
-      '&.vertical': {
-        height: 'calc(100% - 100px)'
-      },
-      '&.horizontal': {
-        height: 'auto'
-      }
-    },
-    rtSidebarHandler: {
-      position: 'absolute',
-      width: '100%',
-      height: '100%',
-      cursor: 'pointer',
-      '&:hover': {
-        background: theme.palette.background.b7,
-        opacity: '0.3',
-        zIndex: '999'
-      }
-    },
-    rtSidebarHandlerFullSize: {
-      display: 'none'
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=RealTimeSidebarStyles.js.map
+import{makeStyles as t}from"@material-ui/core";var i=t((function(t){return{rtSidebarVertical:{width:"48px",height:"100%",background:t.palette.background.b5,borderRadius:"8px 0 0 8px",boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)",position:"relative","&.fullSize":{width:"235px"}},rtSidebarHorizontal:function(i){return{position:"absolute",top:i.sidebarHorizontalHeight,left:0,borderRadius:"0 0 8px 8px",width:"100%",height:i.sidebarHorizontalHeight,background:t.palette.background.b5,"&.fullSize":{height:"auto"}}},rtSidebarWhiteTheme:{background:t.palette.primary.contrastText},rtSidebarContent:{overflowY:"auto",height:"calc(100% - 150px)",visibility:"hidden"},rtSidebarContentFullSize:{visibility:"visible",marginTop:"50px","&.vertical":{height:"calc(100% - 100px)"},"&.horizontal":{height:"auto"}},rtSidebarHandler:{position:"absolute",width:"100%",height:"100%",cursor:"pointer","&:hover":{background:t.palette.background.b7,opacity:"0.3",zIndex:"999"}},rtSidebarHandlerFullSize:{display:"none"}}}));export{i as useStyles};

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js

@@ -1,170 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { memo, useContext, useState, useEffect } from 'react';
-import { uniq } from 'lodash';
-import { makeStyles, FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
-import { isMobileDetected } from '../../../utils/mobileDetect.js';
-import Modal from '../../Modal/Modal.js';
-import Button from '../../Button/components/Button/index.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'moment-timezone';
-import 'classnames';
-import '@icon-park/react/es/all';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '../../../icons/IconParkProvider.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 '../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../../Button/components/LiveButton/styles.js';
-import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
-
-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({
-  selectFormControl: {
-    width: '80%',
-    marginRight: '1rem'
-  },
-  cancelButton: {
-    margin: '0 16px 0 auto'
-  },
-  saveButton: {
-    marginLeft: 16
-  }
-});
-function RealTimeBoxEditDialog(props) {
-  var isDialogOpen = props.isDialogOpen,
-    paramToEdit = props.paramToEdit,
-    handleCloseRealTimeDialog = props.handleCloseRealTimeDialog;
-  var _useContext = useContext(RealTimeSidebarContext),
-    onAppSettingChange = _useContext.onAppSettingChange,
-    appSettings = _useContext.appSettings,
-    assetKey = _useContext.assetKey,
-    realTimeTypes = _useContext.realTimeTypes,
-    setting = _useContext.setting,
-    handleChangeParamToEdit = _useContext.handleChangeParamToEdit;
-  var classes = useStyles();
-  var onAppRtValuesSettingChange = function onAppRtValuesSettingChange(value) {
-    onAppSettingChange('rtValuesSetting', _objectSpread(_objectSpread({}, appSettings.rtValuesSetting), {}, _defineProperty({}, assetKey, value)));
-  };
-  var _useState = useState(paramToEdit),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedParam = _useState2[0],
-    setSelectedParam = _useState2[1];
-  useEffect(function () {
-    setSelectedParam(paramToEdit);
-  }, [paramToEdit]);
-  var handleSave = function handleSave() {
-    var newSetting;
-    if (!paramToEdit) {
-      if (setting.find(function (item) {
-        return item === selectedParam;
-      })) {
-        handleCloseRealTimeDialog();
-        return;
-      }
-      newSetting = [selectedParam].concat(_toConsumableArray(setting));
-    } else {
-      newSetting = setting.map(function (item) {
-        return item === paramToEdit ? selectedParam : item;
-      });
-    }
-
-    // NOTE: remove duplicates
-    newSetting = uniq(newSetting);
-    onAppRtValuesSettingChange(newSetting);
-    handleChangeParamToEdit('');
-    handleCloseRealTimeDialog();
-  };
-  var handleDelete = function handleDelete() {
-    var newSetting = setting.filter(function (item) {
-      return item !== paramToEdit;
-    });
-    onAppRtValuesSettingChange(newSetting);
-    handleChangeParamToEdit('');
-    handleCloseRealTimeDialog();
-  };
-  var onParamChange = function onParamChange(e) {
-    setSelectedParam(String(e.target.value));
-  };
-  return /*#__PURE__*/jsx(Modal, {
-    open: isDialogOpen,
-    onClose: handleCloseRealTimeDialog,
-    title: "Add/Edit Real-Time Parameter",
-    size: isMobileDetected ? 'extraLarge' : 'medium',
-    actions: /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Button, {
-        color: "primary",
-        classes: {
-          root: classes.cancelButton
-        },
-        onClick: handleCloseRealTimeDialog,
-        children: "Cancel"
-      }), paramToEdit && /*#__PURE__*/jsx(Button, {
-        color: "primary",
-        onClick: handleDelete,
-        children: "Delete"
-      }), /*#__PURE__*/jsx(Button, {
-        classes: {
-          root: classes.saveButton
-        },
-        variation: "primary",
-        onClick: handleSave,
-        disabled: !selectedParam,
-        children: "Save"
-      })]
-    }),
-    children: /*#__PURE__*/jsxs(FormControl, {
-      classes: {
-        root: classes.selectFormControl
-      },
-      "data-testid": "addEditRealTimeParameterDropdown",
-      children: [/*#__PURE__*/jsx(InputLabel, {
-        htmlFor: "parameter",
-        children: "Parameter"
-      }), /*#__PURE__*/jsx(Select, {
-        value: selectedParam || '',
-        inputProps: {
-          name: 'parameter',
-          id: 'parameter'
-        },
-        onChange: onParamChange,
-        children: realTimeTypes.map(function (rtType) {
-          return /*#__PURE__*/jsx(MenuItem, {
-            "data-testid": "".concat(rtType.key, "_menuItem"),
-            value: rtType.key,
-            disabled: setting.includes(rtType.key),
-            children: rtType.name
-          }, rtType.key);
-        })
-      })]
-    })
-  });
-}
-var RealTimeBoxEditDialog$1 = memo(RealTimeBoxEditDialog);
-
-export { RealTimeBoxEditDialog$1 as default };
-//# sourceMappingURL=RealTimeBoxEditDialog.js.map
+import{__spreadArray as o,__assign as s}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as n,Fragment as i}from"react/jsx-runtime";import{memo as e,useContext as c,useState as r,useEffect as m}from"react";import{uniq as a}from"lodash";import{makeStyles as l,FormControl as p,InputLabel as u,Select as d,MenuItem as j}from"@material-ui/core";import{isMobileDetected as I}from"../../../utils/mobileDetect.js";import h from"../../Modal/Modal.js";import f from"../../Button/components/Button/index.js";import"moment-timezone";import"classnames";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.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"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import C from"../RealTimeSidebarContext.js";var g=l({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}});var v=e((function(e){var l=e.isDialogOpen,v=e.paramToEdit,k=e.handleCloseRealTimeDialog,b=c(C),x=b.onAppSettingChange,B=b.appSettings,y=b.assetKey,F=b.realTimeTypes,S=b.setting,P=b.handleChangeParamToEdit,R=g(),T=function(o){var t;x("rtValuesSetting",s(s({},B.rtValuesSetting),((t={})[y]=o,t)))},E=r(v),D=E[0],L=E[1];return m((function(){L(v)}),[v]),t(h,{open:l,onClose:k,title:"Add/Edit Real-Time Parameter",size:I?"extraLarge":"medium",actions:n(i,{children:[t(f,{color:"primary",classes:{root:R.cancelButton},onClick:k,children:"Cancel"}),v&&t(f,{color:"primary",onClick:function(){var o=S.filter((function(o){return o!==v}));T(o),P(""),k()},children:"Delete"}),t(f,{classes:{root:R.saveButton},variation:"primary",onClick:function(){var s;if(v)s=S.map((function(o){return o===v?D:o}));else{if(S.find((function(o){return o===D})))return void k();s=o([D],S,!0)}s=a(s),T(s),P(""),k()},disabled:!D,children:"Save"})]}),children:n(p,{classes:{root:R.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[t(u,{htmlFor:"parameter",children:"Parameter"}),t(d,{value:D||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(o){L(String(o.target.value))},children:F.map((function(o){return t(j,{"data-testid":"".concat(o.key,"_menuItem"),value:o.key,disabled:S.includes(o.key),children:o.name},o.key)}))})]})})}));export{v as default};

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxList.js

@@ -1,89 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { memo, useContext } from 'react';
-import DraggableList from 'react-draggable-list';
-import { makeStyles } from '@material-ui/core';
-import IconButton from '../../IconButton/index.js';
-import { PlusIcon } from '../../../icons/iconParkIcons.js';
-import RealTimeBox from './RealTimeBox.js';
-import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
-import { ORIENTATIONS } from '../enums.js';
-import { jsx, Fragment, 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(function () {
-  return {
-    boxListVertical: {
-      padding: '10px 0 16px',
-      overflowX: 'hidden'
-    },
-    rtBoxListHorizontal: {
-      display: 'flex',
-      flexWrap: 'wrap'
-    },
-    cTpRtBoxAddButtonContainer: {
-      marginTop: 8,
-      textAlign: 'center'
-    }
-  };
-});
-function RealTimeBoxList(props) {
-  var sourceArray = props.sourceArray,
-    findSource = props.findSource;
-  var classes = useStyles();
-  var _useContext = useContext(RealTimeSidebarContext),
-    onAppSettingChange = _useContext.onAppSettingChange,
-    appSettings = _useContext.appSettings,
-    assetKey = _useContext.assetKey,
-    orientation = _useContext.orientation,
-    realTimeTypes = _useContext.realTimeTypes,
-    setting = _useContext.setting,
-    handleOpenCloseDialog = _useContext.handleOpenCloseDialog;
-  var handleOrderComponents = function handleOrderComponents(newArr) {
-    var newOrder = newArr.map(function (item) {
-      return item.key;
-    });
-    onAppSettingChange('rtValuesSetting', _objectSpread(_objectSpread({}, appSettings.rtValuesSetting), {}, _defineProperty({}, assetKey, newOrder)));
-  };
-  return /*#__PURE__*/jsx(Fragment, {
-    children: orientation === ORIENTATIONS.vertical ? /*#__PURE__*/jsxs("div", {
-      className: classes.boxListVertical,
-      children: [/*#__PURE__*/jsx(DraggableList, {
-        list: sourceArray,
-        itemKey: function itemKey(itm) {
-          return itm.key;
-        },
-        template: RealTimeBox,
-        padding: 0,
-        unsetZIndex: true,
-        container: function container() {
-          return document.body;
-        },
-        onMoveEnd: handleOrderComponents
-      }), /*#__PURE__*/jsx("div", {
-        className: classes.cTpRtBoxAddButtonContainer,
-        children: /*#__PURE__*/jsx(IconButton, {
-          "data-testid": "addRealTimeValuesButton",
-          color: "primary",
-          tooltipProps: {
-            title: 'Add'
-          },
-          onClick: handleOpenCloseDialog,
-          children: /*#__PURE__*/jsx(PlusIcon, {})
-        })
-      })]
-    }) : /*#__PURE__*/jsx("div", {
-      className: classes.rtBoxListHorizontal,
-      children: setting.map(function (param) {
-        return /*#__PURE__*/jsx(RealTimeBox, {
-          isDraggable: false,
-          item: findSource(param, realTimeTypes)
-        }, "".concat(param));
-      })
-    })
-  });
-}
-var RealTimeBoxList$1 = memo(RealTimeBoxList);
-
-export { RealTimeBoxList$1 as default };
-//# sourceMappingURL=RealTimeBoxList.js.map
+import{__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e,Fragment as r,jsxs as i}from"react/jsx-runtime";import{memo as o,useContext as n}from"react";import a from"react-draggable-list";import{makeStyles as l}from"@material-ui/core";import s from"../../IconButton/index.js";import{PlusIcon as m}from"../../../icons/iconParkIcons.js";import c from"./RealTimeBox.js";import d from"../RealTimeSidebarContext.js";import{ORIENTATIONS as p}from"../enums.js";var u=l((function(){return{boxListVertical:{padding:"10px 0 16px",overflowX:"hidden"},rtBoxListHorizontal:{display:"flex",flexWrap:"wrap"},cTpRtBoxAddButtonContainer:{marginTop:8,textAlign:"center"}}}));var f=o((function(o){var l=o.sourceArray,f=o.findSource,x=u(),g=n(d),v=g.onAppSettingChange,y=g.appSettings,B=g.assetKey,b=g.orientation,h=g.realTimeTypes,T=g.setting,j=g.handleOpenCloseDialog;return e(r,{children:b===p.vertical?i("div",{className:x.boxListVertical,children:[e(a,{list:l,itemKey:function(t){return t.key},template:c,padding:0,unsetZIndex:!0,container:function(){return document.body},onMoveEnd:function(e){var r,i=e.map((function(t){return t.key}));v("rtValuesSetting",t(t({},y.rtValuesSetting),((r={})[B]=i,r)))}}),e("div",{className:x.cTpRtBoxAddButtonContainer,children:e(s,{"data-testid":"addRealTimeValuesButton",color:"primary",tooltipProps:{title:"Add"},onClick:j,children:e(m,{})})})]}):e("div",{className:x.rtBoxListHorizontal,children:T.map((function(t){return e(c,{isDraggable:!1,item:f(t,h)},"".concat(t))}))})})}));export{f as default};

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxStyles.js

@@ -1,69 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    dragIcon: {
-      width: 16,
-      height: 16
-    },
-    divider: {
-      margin: '0 12px',
-      width: 206
-    },
-    rtBox: {
-      padding: '8px 0px 8px 16px',
-      display: 'flex',
-      justifyContent: 'space-between',
-      backgroundColor: theme.isLightTheme ? theme.palette.primary.contrastText : theme.palette.background.b5,
-      alignItems: 'center',
-      '&.notDraggable': {
-        marginLeft: 12,
-        marginBottom: 12,
-        padding: 0
-      },
-      '&:hover': {
-        backgroundColor: theme.palette.background.b6,
-        '&>$rtBoxButtonContainer': {
-          display: 'block',
-          marginRight: 12
-        }
-      }
-    },
-    rtBoxSelected: {
-      borderBottom: "0px solid ".concat(theme.palette.background.b6),
-      backgroundColor: theme.palette.background.b6,
-      boxShadow: '0px 0px 16px rgba(0, 0, 0, 0.5)'
-    },
-    rtBoxInner: {
-      cursor: 'pointer'
-    },
-    rtBoxTitle: {
-      display: 'flex',
-      fontSize: '11px',
-      lineHeight: '12px',
-      color: theme.palette.primary.text6,
-      letterSpacing: '0.4px'
-    },
-    rtBoxValue: {
-      marginTop: 8,
-      fontSize: '20px',
-      lineHeight: '14px',
-      '& > span': {
-        fontSize: '11px',
-        lineHeight: '14px',
-        color: theme.palette.primary.text6
-      }
-    },
-    rtBoxTitleBorder: {
-      borderRadius: 2,
-      width: 2,
-      height: 10
-    },
-    rtBoxButtonContainer: {
-      display: 'none'
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=RealTimeBoxStyles.js.map
+import{makeStyles as t}from"@material-ui/core";var e=t((function(t){return{dragIcon:{width:16,height:16},divider:{margin:"0 12px",width:206},rtBox:{padding:"8px 0px 8px 16px",display:"flex",justifyContent:"space-between",backgroundColor:t.isLightTheme?t.palette.primary.contrastText:t.palette.background.b5,alignItems:"center","&.notDraggable":{marginLeft:12,marginBottom:12,padding:0},"&:hover":{backgroundColor:t.palette.background.b6,"&>$rtBoxButtonContainer":{display:"block",marginRight:12}}},rtBoxSelected:{borderBottom:"0px solid ".concat(t.palette.background.b6),backgroundColor:t.palette.background.b6,boxShadow:"0px 0px 16px rgba(0, 0, 0, 0.5)"},rtBoxInner:{cursor:"pointer"},rtBoxTitle:{display:"flex",fontSize:"11px",lineHeight:"12px",color:t.palette.primary.text6,letterSpacing:"0.4px"},rtBoxValue:{marginTop:8,fontSize:"20px",lineHeight:"14px","& > span":{fontSize:"11px",lineHeight:"14px",color:t.palette.primary.text6}},rtBoxTitleBorder:{borderRadius:2,width:2,height:10},rtBoxButtonContainer:{display:"none"}}}));export{e as useStyles};