@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/PadOffsetsPicker/StagesSelector.js

@@ -1,356 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { isNull, noop, range, get, isEmpty, last } from 'lodash';
-import { getAppStorage } from '../../clients/jsonApi/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { makeStyles, Dialog, DialogTitle, DialogContent, Grid, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText, Typography, FormLabel, RadioGroup, FormControlLabel, Radio, DialogActions, Button } from '@material-ui/core';
-import { useEffect } from 'react';
-import { func, shape, number, string, oneOf } from 'prop-types';
-import useTinyStateMachine from 'use-tiny-state-machine';
-import OffsetAssetChip from './OffsetAssetChip.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles({
-  dialogPaper: {
-    width: '75%',
-    maxWidth: 420
-  }
-});
-
-function fetchStageAction(_ref, offsetWellId) {
-  var dispatch = _ref.dispatch;
-  getAppStorage('corva', 'completion.wits', offsetWellId, {
-    limit: 1,
-    sort: '{timestamp:-1}'
-  }).then(function (response) {
-    return isEmpty(response) ? null : get(last(response), 'stage_number', null);
-  }).then(function (lastStageNumber) {
-    return dispatch('SUCCESS', lastStageNumber);
-  }).catch(function (error) {
-    throw new Error(error.message);
-  });
-}
-
-var stagesStateChart = {
-  id: 'stages',
-  initial: 'idle',
-  context: {
-    lastStageNumber: null,
-    error: null
-  },
-  states: {
-    idle: {
-      on: {
-        FETCH_STAGES: {
-          target: 'pending',
-          action: fetchStageAction
-        }
-      }
-    },
-    pending: {
-      on: {
-        SUCCESS: {
-          target: 'success',
-          beforeStateChange: function beforeStateChange(_ref2, lastStageNumber) {
-            var updateContext = _ref2.updateContext;
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                lastStageNumber: lastStageNumber
-              });
-            });
-          }
-        },
-        FAILURE: {
-          target: 'failure',
-          beforeStateChange: function beforeStateChange(_, error) {
-            throw new Error(error.message);
-          }
-        }
-      }
-    }
-  }
-};
-
-var dialogStateChart = function dialogStateChart(_ref3) {
-  var _ref3$stages = _ref3.stages,
-      currentStagesData = _ref3$stages === void 0 ? {} : _ref3$stages,
-      _ref3$selectedStages = _ref3.selectedStages,
-      currentSelectedStages = _ref3$selectedStages === void 0 ? [] : _ref3$selectedStages;
-  return {
-    id: 'dialog',
-    initial: 'closed',
-    context: {
-      selectedStages: currentSelectedStages,
-      stagesData: currentStagesData
-    },
-    states: {
-      closed: {
-        on: {
-          OPEN_DIALOG: {
-            target: 'open'
-          }
-        }
-      },
-      open: {
-        on: {
-          CLOSE_DIALOG: {
-            target: 'closed'
-          },
-          SET_SELECTED_STAGES: {
-            target: 'open',
-            beforeStateChange: function beforeStateChange(_ref4, selectedStages) {
-              var updateContext = _ref4.updateContext;
-              return updateContext(function (currentContext) {
-                return _objectSpread(_objectSpread({}, currentContext), {}, {
-                  selectedStages: selectedStages,
-                  stagesData: selectedStages.reduce(function (stages, stage) {
-                    return _objectSpread(_objectSpread({}, stages), {}, _defineProperty({}, stage, {
-                      lineStyle: 'dotted',
-                      lineWidth: 2
-                    }));
-                  }, {})
-                });
-              });
-            }
-          },
-          SET_SELECTED_LINE_STYLE: {
-            target: 'open',
-            beforeStateChange: function beforeStateChange(_ref5, _ref6) {
-              var updateContext = _ref5.updateContext;
-              var stage = _ref6.stage,
-                  selectedLineStyle = _ref6.selectedLineStyle;
-              return updateContext(function (currentContext) {
-                return _objectSpread(_objectSpread({}, currentContext), {}, {
-                  stagesData: _objectSpread(_objectSpread({}, currentContext.stagesData), {}, _defineProperty({}, stage, _objectSpread(_objectSpread({}, currentContext.stagesData[stage]), {}, {
-                    lineStyle: selectedLineStyle
-                  })))
-                });
-              });
-            }
-          },
-          SET_SELECTED_LINE_WIDTH: {
-            target: 'open',
-            beforeStateChange: function beforeStateChange(_ref7, _ref8) {
-              var updateContext = _ref7.updateContext;
-              var stage = _ref8.stage,
-                  selectedLineWidth = _ref8.selectedLineWidth;
-              return updateContext(function (currentContext) {
-                return _objectSpread(_objectSpread({}, currentContext), {}, {
-                  stagesData: _objectSpread(_objectSpread({}, currentContext.stagesData), {}, _defineProperty({}, stage, _objectSpread(_objectSpread({}, currentContext.stagesData[stage]), {}, {
-                    lineWidth: Number(selectedLineWidth)
-                  })))
-                });
-              });
-            }
-          }
-        }
-      }
-    }
-  };
-};
-
-var StagesSelector = function StagesSelector(_ref9) {
-  var onSave = _ref9.onSave,
-      onDelete = _ref9.onDelete,
-      offset = _ref9.offset;
-  var classes = useStyles();
-
-  var _useTinyStateMachine = useTinyStateMachine(stagesStateChart),
-      requestState = _useTinyStateMachine.state,
-      requestDispatch = _useTinyStateMachine.dispatch,
-      requestContext = _useTinyStateMachine.context;
-
-  var _useTinyStateMachine2 = useTinyStateMachine(dialogStateChart(offset)),
-      dialogState = _useTinyStateMachine2.state,
-      dialogDispatch = _useTinyStateMachine2.dispatch,
-      dialogContext = _useTinyStateMachine2.context;
-
-  var handleStagesSelect = function handleStagesSelect(event) {
-    return dialogDispatch('SET_SELECTED_STAGES', event.target.value);
-  };
-
-  var handleLineStyleChange = function handleLineStyleChange(stage) {
-    return function (event) {
-      return dialogDispatch('SET_SELECTED_LINE_STYLE', {
-        stage: stage,
-        selectedLineStyle: event.target.value
-      });
-    };
-  };
-
-  var handleLineWidthChange = function handleLineWidthChange(stage) {
-    return function (event) {
-      return dialogDispatch('SET_SELECTED_LINE_WIDTH', {
-        stage: stage,
-        selectedLineWidth: event.target.value
-      });
-    };
-  };
-
-  var openDialog = function openDialog() {
-    return dialogDispatch('OPEN_DIALOG');
-  };
-
-  var closeDialog = function closeDialog() {
-    return dialogDispatch('CLOSE_DIALOG');
-  };
-
-  var offsetWellId = offset.selectedWellId;
-
-  var handleSave = function handleSave() {
-    var updatedOffset = _objectSpread(_objectSpread({}, offset), {}, {
-      stages: dialogContext.stagesData,
-      selectedStages: dialogContext.selectedStages
-    });
-
-    closeDialog();
-    onSave(updatedOffset);
-  };
-
-  useEffect(function () {
-    requestDispatch('FETCH_STAGES', offsetWellId);
-  }, []); // eslint-disable-line
-
-  var isStageDataEmpty = isNull(requestContext.lastStageNumber);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(OffsetAssetChip, {
-      handleDelete: onDelete,
-      handleClick: isStageDataEmpty ? noop : openDialog,
-      disabled: isStageDataEmpty,
-      tooltipText: "Edit stages for ".concat(offset.selectedWellName),
-      children: offset.selectedWellName
-    }, offset.selectedWellId), requestState === 'success' && /*#__PURE__*/jsxs(Dialog, {
-      open: dialogState === 'open',
-      onBackdropClick: closeDialog,
-      classes: {
-        paper: classes.dialogPaper
-      },
-      children: [/*#__PURE__*/jsx(DialogTitle, {
-        children: "Offset Well Stages"
-      }), /*#__PURE__*/jsx(DialogContent, {
-        children: /*#__PURE__*/jsxs(Grid, {
-          container: true,
-          direction: "column",
-          spacing: 16,
-          children: [/*#__PURE__*/jsx(Grid, {
-            item: true,
-            children: /*#__PURE__*/jsxs(FormControl, {
-              margin: "normal",
-              fullWidth: true,
-              required: true,
-              children: [/*#__PURE__*/jsx(InputLabel, {
-                htmlFor: "stages-multi-select",
-                children: "Stages"
-              }), /*#__PURE__*/jsx(Select, {
-                inputProps: {
-                  name: 'stages',
-                  id: 'stages-multi-select'
-                },
-                value: dialogContext.selectedStages,
-                renderValue: function renderValue(selected) {
-                  return "".concat(selected.length, " stages selected");
-                },
-                onChange: handleStagesSelect,
-                multiple: true,
-                children: range(1, requestContext.lastStageNumber + 1).map(function (stage) {
-                  return /*#__PURE__*/jsxs(MenuItem, {
-                    value: stage,
-                    children: [/*#__PURE__*/jsx(Checkbox, {
-                      checked: dialogContext.selectedStages.includes(stage)
-                    }), /*#__PURE__*/jsx(ListItemText, {
-                      primary: stage
-                    })]
-                  }, stage);
-                })
-              })]
-            })
-          }), dialogContext.selectedStages.sort(function (a, b) {
-            return a - b;
-          }).map(function (stage) {
-            return /*#__PURE__*/jsxs(Grid, {
-              item: true,
-              children: [/*#__PURE__*/jsxs(Typography, {
-                variant: "subtitle1",
-                children: ["Stage ", stage]
-              }), /*#__PURE__*/jsxs(FormControl, {
-                component: "fieldset",
-                children: [/*#__PURE__*/jsx(FormLabel, {
-                  component: "legend",
-                  required: true,
-                  children: "Line Style"
-                }), /*#__PURE__*/jsxs(RadioGroup, {
-                  name: "line-style",
-                  value: get(dialogContext, ['stagesData', stage, 'lineStyle'], 'dotted'),
-                  onChange: handleLineStyleChange(stage),
-                  row: true,
-                  children: [/*#__PURE__*/jsx(FormControlLabel, {
-                    value: "dotted",
-                    control: /*#__PURE__*/jsx(Radio, {}),
-                    label: "Dotted"
-                  }), /*#__PURE__*/jsx(FormControlLabel, {
-                    value: "dashed",
-                    control: /*#__PURE__*/jsx(Radio, {}),
-                    label: "Dashed"
-                  }), /*#__PURE__*/jsx(FormControlLabel, {
-                    value: "solid",
-                    control: /*#__PURE__*/jsx(Radio, {}),
-                    label: "Solid"
-                  })]
-                })]
-              }), /*#__PURE__*/jsxs(FormControl, {
-                component: "fieldset",
-                children: [/*#__PURE__*/jsx(FormLabel, {
-                  component: "legend",
-                  required: true,
-                  children: "Line Width"
-                }), /*#__PURE__*/jsxs(RadioGroup, {
-                  name: "line-width",
-                  value: String(get(dialogContext, ['stagesData', stage, 'lineWidth'], '2')),
-                  onChange: handleLineWidthChange(stage),
-                  row: true,
-                  children: [/*#__PURE__*/jsx(FormControlLabel, {
-                    value: String(1),
-                    control: /*#__PURE__*/jsx(Radio, {}),
-                    label: "Thin"
-                  }), /*#__PURE__*/jsx(FormControlLabel, {
-                    value: String(2),
-                    control: /*#__PURE__*/jsx(Radio, {}),
-                    label: "Normal"
-                  }), /*#__PURE__*/jsx(FormControlLabel, {
-                    value: String(4),
-                    control: /*#__PURE__*/jsx(Radio, {}),
-                    label: "Thick"
-                  })]
-                })]
-              })]
-            }, stage);
-          })]
-        })
-      }), /*#__PURE__*/jsxs(DialogActions, {
-        children: [/*#__PURE__*/jsx(Button, {
-          onClick: closeDialog,
-          children: "Cancel"
-        }), /*#__PURE__*/jsx(Button, {
-          variant: "contained",
-          color: "primary",
-          onClick: handleSave,
-          children: "Save"
-        })]
-      })]
-    })]
-  });
-};
-
-StagesSelector.propTypes = {
-  onSave: func.isRequired,
-  onDelete: func.isRequired,
-  offset: shape({
-    selectedWellId: number,
-    selectedWellName: string,
-    selectedWellStatus: oneOf(['active', 'idle', 'complete', 'paused', 'unknown'])
-  }).isRequired
-};
-
-export default StagesSelector;
-//# sourceMappingURL=StagesSelector.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{useEffect as t}from"react";import{func as n,shape as r,number as a,string as i,oneOf as l}from"prop-types";import o from"use-tiny-state-machine";import{isNull as s,noop as c,range as d,get as u,isEmpty as g,last as p}from"lodash";import{makeStyles as f,Dialog as S,DialogTitle as h,DialogContent as m,Grid as E,FormControl as b,InputLabel as v,Select as C,MenuItem as D,Checkbox as O,ListItemText as T,Typography as L,FormLabel as y,RadioGroup as _,FormControlLabel as W,Radio as w,DialogActions as j,Button as N}from"@material-ui/core";import{getAppStorage as I}from"../../clients/jsonApi/index.js";import P from"./OffsetAssetChip.js";import{jsxs as x,Fragment as A,jsx as k}from"react/jsx-runtime";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function q(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?G(Object(r),!0).forEach((function(n){e(t,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var F=f({dialogPaper:{width:"75%",maxWidth:420}});var H={id:"stages",initial:"idle",context:{lastStageNumber:null,error:null},states:{idle:{on:{FETCH_STAGES:{target:"pending",action:function(e,t){var n=e.dispatch;I("corva","completion.wits",t,{limit:1,sort:"{timestamp:-1}"}).then((function(e){return g(e)?null:u(p(e),"stage_number",null)})).then((function(e){return n("SUCCESS",e)})).catch((function(e){throw new Error(e.message)}))}}}},pending:{on:{SUCCESS:{target:"success",beforeStateChange:function(e,t){return(0,e.updateContext)((function(e){return q(q({},e),{},{lastStageNumber:t})}))}},FAILURE:{target:"failure",beforeStateChange:function(e,t){throw new Error(t.message)}}}}}},R=function(n){var r,a,i,l,g=n.onSave,p=n.onDelete,f=n.offset,I=F(),G=o(H),R=G.state,U=G.dispatch,Y=G.context,B=o((a=(r=f).stages,i=void 0===a?{}:a,{id:"dialog",initial:"closed",context:{selectedStages:void 0===(l=r.selectedStages)?[]:l,stagesData:i},states:{closed:{on:{OPEN_DIALOG:{target:"open"}}},open:{on:{CLOSE_DIALOG:{target:"closed"},SET_SELECTED_STAGES:{target:"open",beforeStateChange:function(t,n){return(0,t.updateContext)((function(t){return q(q({},t),{},{selectedStages:n,stagesData:n.reduce((function(t,n){return q(q({},t),{},e({},n,{lineStyle:"dotted",lineWidth:2}))}),{})})}))}},SET_SELECTED_LINE_STYLE:{target:"open",beforeStateChange:function(t,n){var r=t.updateContext,a=n.stage,i=n.selectedLineStyle;return r((function(t){return q(q({},t),{},{stagesData:q(q({},t.stagesData),{},e({},a,q(q({},t.stagesData[a]),{},{lineStyle:i})))})}))}},SET_SELECTED_LINE_WIDTH:{target:"open",beforeStateChange:function(t,n){var r=t.updateContext,a=n.stage,i=n.selectedLineWidth;return r((function(t){return q(q({},t),{},{stagesData:q(q({},t.stagesData),{},e({},a,q(q({},t.stagesData[a]),{},{lineWidth:Number(i)})))})}))}}}}}})),V=B.state,z=B.dispatch,J=B.context,K=function(e){return function(t){return z("SET_SELECTED_LINE_STYLE",{stage:e,selectedLineStyle:t.target.value})}},M=function(e){return function(t){return z("SET_SELECTED_LINE_WIDTH",{stage:e,selectedLineWidth:t.target.value})}},Q=function(){return z("CLOSE_DIALOG")},X=f.selectedWellId;t((function(){U("FETCH_STAGES",X)}),[]);var Z=s(Y.lastStageNumber);return x(A,{children:[k(P,{handleDelete:p,handleClick:Z?c:function(){return z("OPEN_DIALOG")},disabled:Z,tooltipText:"Edit stages for ".concat(f.selectedWellName),children:f.selectedWellName},f.selectedWellId),"success"===R&&x(S,{open:"open"===V,onBackdropClick:Q,classes:{paper:I.dialogPaper},children:[k(h,{children:"Offset Well Stages"}),k(m,{children:x(E,{container:!0,direction:"column",spacing:16,children:[k(E,{item:!0,children:x(b,{margin:"normal",fullWidth:!0,required:!0,children:[k(v,{htmlFor:"stages-multi-select",children:"Stages"}),k(C,{inputProps:{name:"stages",id:"stages-multi-select"},value:J.selectedStages,renderValue:function(e){return"".concat(e.length," stages selected")},onChange:function(e){return z("SET_SELECTED_STAGES",e.target.value)},multiple:!0,children:d(1,Y.lastStageNumber+1).map((function(e){return x(D,{value:e,children:[k(O,{checked:J.selectedStages.includes(e)}),k(T,{primary:e})]},e)}))})]})}),J.selectedStages.sort((function(e,t){return e-t})).map((function(e){return x(E,{item:!0,children:[x(L,{variant:"subtitle1",children:["Stage ",e]}),x(b,{component:"fieldset",children:[k(y,{component:"legend",required:!0,children:"Line Style"}),x(_,{name:"line-style",value:u(J,["stagesData",e,"lineStyle"],"dotted"),onChange:K(e),row:!0,children:[k(W,{value:"dotted",control:k(w,{}),label:"Dotted"}),k(W,{value:"dashed",control:k(w,{}),label:"Dashed"}),k(W,{value:"solid",control:k(w,{}),label:"Solid"})]})]}),x(b,{component:"fieldset",children:[k(y,{component:"legend",required:!0,children:"Line Width"}),x(_,{name:"line-width",value:String(u(J,["stagesData",e,"lineWidth"],"2")),onChange:M(e),row:!0,children:[k(W,{value:String(1),control:k(w,{}),label:"Thin"}),k(W,{value:String(2),control:k(w,{}),label:"Normal"}),k(W,{value:String(4),control:k(w,{}),label:"Thick"})]})]})]},e)}))]})}),x(j,{children:[k(N,{onClick:Q,children:"Cancel"}),k(N,{variant:"contained",color:"primary",onClick:function(){var e=q(q({},f),{},{stages:J.stagesData,selectedStages:J.selectedStages});Q(),g(e)},children:"Save"})]})]})]})};R.propTypes={onSave:n.isRequired,onDelete:n.isRequired,offset:r({selectedWellId:a,selectedWellName:i,selectedWellStatus:l(["active","idle","complete","paused","unknown"])}).isRequired};export{R as default};

package/components/PadOffsetsPicker/index.js

@@ -1,5 +1 @@
-export { default as PadOffsetsPicker } from './PadOffsetsPicker.js';
-export { default as OffsetAssetChip } from './OffsetAssetChip.js';
-export { default as OffsetAssetsListExpander } from './OffsetAssetsListExpander.js';
-export { default as StagesSelector } from './StagesSelector.js';
-//# sourceMappingURL=index.js.map
+export{default as PadOffsetsPicker}from"./PadOffsetsPicker.js";export{default as OffsetAssetChip}from"./OffsetAssetChip.js";export{default as OffsetAssetsListExpander}from"./OffsetAssetsListExpander.js";export{default as StagesSelector}from"./StagesSelector.js";

package/components/ParameterCharts/AddEditTrack.css.js

@@ -1,5 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".AddEditTrack_c-pc-track-setting-actions__wtfF3 {\n  display: flex;\n  justify-self: flex-end;\n  width: 100%;\n}";
-styleInject(css_248z);
-//# sourceMappingURL=AddEditTrack.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';t(".AddEditTrack_c-pc-track-setting-actions__s70-a{display:flex;justify-self:flex-end;width:100%}");

package/components/ParameterCharts/AddEditTrack.js

@@ -1,156 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { withStyles, Button } from '@material-ui/core';
-import { useState, useEffect } from 'react';
-import uuidV1 from 'uuid/v1';
-import PropTypes from 'prop-types';
-import Modal from '../Modal/index.js';
-import { DEFAULT_TRACK_SETTINGS, SETTINGS_KEY } from './constants.js';
-import TrackSettings from './components/TrackSettings.js';
-import SingleChannelTrackSettings from './components/SingleChannelTrackSettings.js';
-import './AddEditTrack.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var PAGE_NAME = 'DC_AddEditTrack';
-
-var AddEditTrack = function AddEditTrack(_ref) {
-  var children = _ref.children,
-      classes = _ref.classes,
-      id = _ref.id,
-      settings = _ref.settings,
-      onSettingsChange = _ref.onSettingsChange,
-      settingsKey = _ref.settingsKey,
-      mapping = _ref.mapping,
-      multipleAssets = _ref.multipleAssets;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isTrackSettingsOpen = _useState2[0],
-      setIsTrackSettingsOpen = _useState2[1];
-
-  var _useState3 = useState(DEFAULT_TRACK_SETTINGS),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentSettings = _useState4[0],
-      setCurrentSettings = _useState4[1];
-
-  var onSettingChange = function onSettingChange(key, val) {
-    setCurrentSettings(_objectSpread(_objectSpread({}, currentSettings), {}, _defineProperty({}, key, val)));
-  };
-
-  var addTrack = function addTrack() {
-    onSettingsChange(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, settingsKey, [].concat(_toConsumableArray(settings && settings[settingsKey] || []), [_objectSpread(_objectSpread({}, currentSettings), {}, {
-      id: uuidV1()
-    })]))));
-    setCurrentSettings(DEFAULT_TRACK_SETTINGS);
-  };
-
-  var removeTrack = function removeTrack() {
-    var updatedSettings = settings[settingsKey].filter(function (item) {
-      return item.id !== id;
-    });
-    onSettingsChange(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, settingsKey, updatedSettings)));
-    setIsTrackSettingsOpen(false);
-  };
-
-  var onTrackChange = function onTrackChange() {
-    var updatedSettings = settings[settingsKey].map(function (item) {
-      return item.id === id ? currentSettings : item;
-    });
-    onSettingsChange(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, settingsKey, updatedSettings)));
-    setIsTrackSettingsOpen(false);
-  };
-
-  useEffect(function () {
-    var existingSettings = id ? settings[settingsKey].find(function (item) {
-      return item.id === id;
-    }) : DEFAULT_TRACK_SETTINGS;
-    setCurrentSettings(existingSettings);
-  }, [settings, settingsKey, id]);
-
-  var onCancel = function onCancel() {
-    var existingSettings = id ? settings[settingsKey].find(function (item) {
-      return item.id === id;
-    }) : DEFAULT_TRACK_SETTINGS;
-    setCurrentSettings(existingSettings);
-    setIsTrackSettingsOpen(false);
-  };
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: classes.link,
-      onClick: id ? function () {
-        return setIsTrackSettingsOpen(true);
-      } : addTrack,
-      children: children
-    }), /*#__PURE__*/jsx(Modal, {
-      open: isTrackSettingsOpen,
-      title: "Track Settings",
-      actions: /*#__PURE__*/jsxs("div", {
-        className: "c-pc-track-setting-actions",
-        children: [id && /*#__PURE__*/jsx(Button, {
-          className: classes.button,
-          color: "primary",
-          onClick: removeTrack,
-          children: "Delete Track"
-        }), /*#__PURE__*/jsx(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_cancel"),
-          className: classes.button,
-          color: "primary",
-          onClick: onCancel,
-          children: "Cancel"
-        }), /*#__PURE__*/jsx(Button, {
-          "data-testid": "".concat(PAGE_NAME, "_save"),
-          className: classes.button,
-          variant: "contained",
-          color: "primary",
-          onClick: onTrackChange,
-          children: "Save"
-        })]
-      }),
-      children: multipleAssets ? /*#__PURE__*/jsx(SingleChannelTrackSettings, {
-        trackSettings: currentSettings,
-        onChange: onSettingChange,
-        mapping: mapping
-      }) : /*#__PURE__*/jsx(TrackSettings, {
-        settings: currentSettings,
-        onChange: onSettingChange,
-        mapping: mapping
-      })
-    })]
-  });
-};
-
-AddEditTrack.propTypes = {
-  settingsKey: PropTypes.string,
-  multipleAssets: PropTypes.bool,
-  settings: PropTypes.shape({}),
-  onSettingsChange: PropTypes.func.isRequired,
-  children: PropTypes.element.isRequired,
-  id: PropTypes.string,
-  mapping: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    key: PropTypes.string.isRequired
-  }).isRequired).isRequired
-};
-AddEditTrack.defaultProps = {
-  id: '',
-  settingsKey: SETTINGS_KEY,
-  settings: {},
-  multipleAssets: false
-};
-var AddEditTrack$1 = withStyles({
-  link: {
-    cursor: 'pointer'
-  },
-  button: {
-    fontSize: 14,
-    marginLeft: 20
-  }
-})(AddEditTrack);
-
-export default AddEditTrack$1;
-//# sourceMappingURL=AddEditTrack.js.map
+import t from"@babel/runtime/helpers/toConsumableArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i}from"react";import o from"prop-types";import s from"uuid/v1";import{withStyles as c,Button as a}from"@material-ui/core";import p from"../Modal/index.js";import l from"./components/TrackSettings.js";import m from"./components/SingleChannelTrackSettings.js";import{DEFAULT_TRACK_SETTINGS as u,SETTINGS_KEY as d}from"./constants.js";import"./AddEditTrack.css.js";import{jsxs as f,Fragment as g,jsx as b}from"react/jsx-runtime";function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function h(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?y(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=function(o){var c=o.children,d=o.classes,y=o.id,O=o.settings,j=o.onSettingsChange,k=o.settingsKey,v=o.mapping,C=o.multipleAssets,S=n(!1),P=r(S,2),T=P[0],A=P[1],D=n(u),q=r(D,2),w=q[0],R=q[1],E=function(t,r){R(h(h({},w),{},e({},t,r)))};i((function(){var t=y?O[k].find((function(t){return t.id===y})):u;R(t)}),[O,k,y]);return f(g,{children:[b("div",{className:d.link,onClick:y?function(){return A(!0)}:function(){j(h(h({},O),{},e({},k,[].concat(t(O&&O[k]||[]),[h(h({},w),{},{id:s()})])))),R(u)},children:c}),b(p,{open:T,title:"Track Settings",actions:f("div",{className:"c-pc-track-setting-actions",children:[y&&b(a,{className:d.button,color:"primary",onClick:function(){var t=O[k].filter((function(t){return t.id!==y}));j(h(h({},O),{},e({},k,t))),A(!1)},children:"Delete Track"}),b(a,{"data-testid":"".concat("DC_AddEditTrack","_cancel"),className:d.button,color:"primary",onClick:function(){var t=y?O[k].find((function(t){return t.id===y})):u;R(t),A(!1)},children:"Cancel"}),b(a,{"data-testid":"".concat("DC_AddEditTrack","_save"),className:d.button,variant:"contained",color:"primary",onClick:function(){var t=O[k].map((function(t){return t.id===y?w:t}));j(h(h({},O),{},e({},k,t))),A(!1)},children:"Save"})]}),children:C?b(m,{trackSettings:w,onChange:E,mapping:v}):b(l,{settings:w,onChange:E,mapping:v})})]})};O.propTypes={settingsKey:o.string,multipleAssets:o.bool,settings:o.shape({}),onSettingsChange:o.func.isRequired,children:o.element.isRequired,id:o.string,mapping:o.arrayOf(o.shape({name:o.string.isRequired,key:o.string.isRequired}).isRequired).isRequired},O.defaultProps={id:"",settingsKey:d,settings:{},multipleAssets:!1};var j=c({link:{cursor:"pointer"},button:{fontSize:14,marginLeft:20}})(O);export{j as default};

package/components/ParameterCharts/ChartsContext.js

@@ -1,9 +1 @@
-import { createContext } from 'react';
-
-var ChartsContext = createContext({
-  charts: new Map(),
-  onChartChange: function onChartChange() {}
-});
-
-export default ChartsContext;
-//# sourceMappingURL=ChartsContext.js.map
+import{createContext as a}from"react";var r=a({charts:new Map,onChartChange:function(){}});export{r as default};

package/components/ParameterCharts/DataContext.js

@@ -1,14 +1 @@
-import { createContext } from 'react';
-
-var DataContext = createContext({
-  mapping: [],
-  parsedData: [],
-  indexes: {
-    min: 0,
-    max: 0,
-    keys: {}
-  }
-});
-
-export default DataContext;
-//# sourceMappingURL=DataContext.js.map
+import{createContext as a}from"react";var e=a({mapping:[],parsedData:[],indexes:{min:0,max:0,keys:{}}});export{e as default};

package/components/ParameterCharts/ParameterCharts.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".ParameterCharts_container__2Mkkn {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  margin-top: 25px;\n  position: relative;\n}\n\n.ParameterCharts_container__2Mkkn.ParameterCharts_horizontal__17yRa {\n  flex-direction: column;\n}";
-var styles = {"container":"ParameterCharts_container__2Mkkn","horizontal":"ParameterCharts_horizontal__17yRa"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=ParameterCharts.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={container:"ParameterCharts_container__VlJvb",horizontal:"ParameterCharts_horizontal__ak-T3"};e(".ParameterCharts_container__VlJvb{display:flex;flex:1;flex-direction:row;margin-top:25px;position:relative}.ParameterCharts_container__VlJvb.ParameterCharts_horizontal__ak-T3{flex-direction:column}");export{r as default};