@complat/react-spectra-editor 1.0.0-rc2 → 1.0.0-rc20.patch-1

package/dist/components/cmd_bar/04_integration.js

@@ -26,42 +26,40 @@ var _format = _interopRequireDefault(require("../../helpers/format"));
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
-var styles = function styles() {
-  return Object.assign({
-    field: {
-      width: 80
-    },
-    txtIcon: {}
-  }, _common.commonStyle);
-};
-var iconSize = '16px';
-var setFactor = function setFactor(classes, isDisable, refFactor, setIntegrationFkrAct, curveIdx) {
-  var onBlur = function onBlur(e) {
-    return setIntegrationFkrAct({
-      factor: e.target.value,
-      curveIdx: curveIdx
-    });
-  };
-  var onChange = function onChange(e) {
-    return setIntegrationFkrAct({
-      factor: e.target.value,
-      curveIdx: curveIdx
-    });
-  };
-  var onEnterPress = function onEnterPress(e) {
+const styles = () => Object.assign({
+  field: {
+    width: 80
+  },
+  txtIcon: {}
+}, _common.commonStyle);
+const iconSize = '16px';
+const setFactor = (classes, isDisable, integrationSt, setIntegrationFkrAct, curveIdx) => {
+  const onFactorChanged = e => setIntegrationFkrAct({
+    factor: e.target.value,
+    curveIdx
+  });
+  const onEnterPress = e => {
     if (e.key === 'Enter') {
       setIntegrationFkrAct({
         factor: e.target.value,
-        curveIdx: curveIdx
+        curveIdx
       });
     }
   };
+  let refFactor = 1.00;
+  const {
+    integrations
+  } = integrationSt;
+  if (integrations && curveIdx < integrations.length) {
+    const selectedIntegration = integrations[curveIdx];
+    refFactor = selectedIntegration.refFactor || 1.00;
+  }
   return /*#__PURE__*/_react.default.createElement(_TextField.default, {
     className: classes.field,
     disabled: isDisable,
     id: "intg-factor-name",
     type: "number",
-    value: refFactor || 1.00,
+    value: refFactor,
     margin: "none",
     InputProps: {
       className: (0, _classnames.default)(classes.txtInput, 'txtfield-sv-bar-input')
@@ -69,42 +67,36 @@ var setFactor = function setFactor(classes, isDisable, refFactor, setIntegration
     label: /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)(classes.txtLabel, 'txtfield-sv-bar-label')
     }, "Ref Area"),
-    onChange: onChange,
-    onBlur: onBlur,
-    onKeyPress: onEnterPress,
+    onChange: onFactorChanged,
+    onBlur: onFactorChanged,
+    onKeyUp: onEnterPress,
     variant: "outlined"
   });
 };
-var iconColor = function iconColor(criteria) {
-  return criteria ? '#fff' : '#000';
-};
-var Integration = function Integration(_ref) {
-  var classes = _ref.classes,
-    refFactorSt = _ref.refFactorSt,
-    ignoreRef = _ref.ignoreRef,
-    isDisableSt = _ref.isDisableSt,
-    isFocusAddIntgSt = _ref.isFocusAddIntgSt,
-    isFocusRmIntgSt = _ref.isFocusRmIntgSt,
-    isFocusSetRefSt = _ref.isFocusSetRefSt,
-    setUiSweepTypeAct = _ref.setUiSweepTypeAct,
-    setIntegrationFkrAct = _ref.setIntegrationFkrAct,
-    clearIntegrationAllAct = _ref.clearIntegrationAllAct,
-    curveSt = _ref.curveSt;
-  var onSweepIntegtAdd = function onSweepIntegtAdd() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD);
-  };
-  var onSweepIntegtRm = function onSweepIntegtRm() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM);
-  };
-  var onSweepIntegtSR = function onSweepIntegtSR() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF);
-  };
-  var curveIdx = curveSt.curveIdx;
-  var onClearAll = function onClearAll() {
-    return clearIntegrationAllAct({
-      curveIdx: curveIdx
-    });
-  };
+const iconColor = criteria => criteria ? '#fff' : '#000';
+const Integration = _ref => {
+  let {
+    classes,
+    ignoreRef,
+    isDisableSt,
+    isFocusAddIntgSt,
+    isFocusRmIntgSt,
+    isFocusSetRefSt,
+    setUiSweepTypeAct,
+    setIntegrationFkrAct,
+    clearIntegrationAllAct,
+    curveSt,
+    integrationSt
+  } = _ref;
+  const onSweepIntegtAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD);
+  const onSweepIntegtRm = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM);
+  const onSweepIntegtSR = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF);
+  const {
+    curveIdx
+  } = curveSt;
+  const onClearAll = () => clearIntegrationAllAct({
+    curveIdx
+  });
   return /*#__PURE__*/_react.default.createElement("span", {
     className: classes.group
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -150,7 +142,7 @@ var Integration = function Integration(_ref) {
     size: iconSize,
     color: iconColor(isFocusSetRefSt || isDisableSt),
     className: (0, _classnames.default)(classes.iconMdi, 'icon-sv-bar-refint')
-  })))), !ignoreRef ? setFactor(classes, isDisableSt, refFactorSt, setIntegrationFkrAct, curveIdx) : null, /*#__PURE__*/_react.default.createElement(_tri_btn.default, {
+  })))), !ignoreRef ? setFactor(classes, isDisableSt, integrationSt, setIntegrationFkrAct, curveIdx) : null, /*#__PURE__*/_react.default.createElement(_tri_btn.default, {
     content: {
       tp: 'Clear All Integration'
     },
@@ -164,39 +156,33 @@ var Integration = function Integration(_ref) {
     className: (0, _classnames.default)(classes.txt, classes.txtIcon, 'txt-sv-bar-rmallint')
   }, "x")));
 };
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      isDisableSt: _cfg.default.btnCmdIntg(state.layout),
-      isFocusAddIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD,
-      isFocusRmIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM,
-      isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF,
-      refFactorSt: state.integration.present.refFactor,
-      ignoreRef: _format.default.isHplcUvVisLayout(state.layout),
-      curveSt: state.curve
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    setUiSweepTypeAct: _ui.setUiSweepType,
-    setIntegrationFkrAct: _integration.setIntegrationFkr,
-    clearIntegrationAllAct: _integration.clearIntegrationAll
-  }, dispatch);
-};
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  isDisableSt: _cfg.default.btnCmdIntg(state.layout),
+  isFocusAddIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_ADD,
+  isFocusRmIntgSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_RM,
+  isFocusSetRefSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.INTEGRATION_SET_REF,
+  ignoreRef: _format.default.isHplcUvVisLayout(state.layout),
+  curveSt: state.curve,
+  integrationSt: state.integration.present
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  setUiSweepTypeAct: _ui.setUiSweepType,
+  setIntegrationFkrAct: _integration.setIntegrationFkr,
+  clearIntegrationAllAct: _integration.clearIntegrationAll
+}, dispatch);
 Integration.propTypes = {
   classes: _propTypes.default.object.isRequired,
   isDisableSt: _propTypes.default.bool.isRequired,
   isFocusAddIntgSt: _propTypes.default.bool.isRequired,
   isFocusRmIntgSt: _propTypes.default.bool.isRequired,
   isFocusSetRefSt: _propTypes.default.bool.isRequired,
-  refFactorSt: _propTypes.default.number.isRequired,
   ignoreRef: _propTypes.default.bool.isRequired,
   setUiSweepTypeAct: _propTypes.default.func.isRequired,
   setIntegrationFkrAct: _propTypes.default.func.isRequired,
   clearIntegrationAllAct: _propTypes.default.func.isRequired,
-  curveSt: _propTypes.default.object.isRequired
+  curveSt: _propTypes.default.object.isRequired,
+  integrationSt: _propTypes.default.object.isRequired
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Integration));
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Integration));

package/dist/components/cmd_bar/05_multiplicity.js

@@ -22,39 +22,31 @@ var _common = require("./common");
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
-var styles = function styles() {
-  return Object.assign({}, _common.commonStyle);
-};
-var Multiplicity = function Multiplicity(_ref) {
-  var classes = _ref.classes,
-    isFocusAddMpySt = _ref.isFocusAddMpySt,
-    disableAddMpySt = _ref.disableAddMpySt,
-    isFocusRmMpySt = _ref.isFocusRmMpySt,
-    disableRmMpySt = _ref.disableRmMpySt,
-    isFocusAddPeakSt = _ref.isFocusAddPeakSt,
-    isFocusRmPeakSt = _ref.isFocusRmPeakSt,
-    disableMpyPeakSt = _ref.disableMpyPeakSt,
-    setUiSweepTypeAct = _ref.setUiSweepTypeAct,
-    clearMpyAllAct = _ref.clearMpyAllAct,
-    curveSt = _ref.curveSt;
-  var onSweepMutAdd = function onSweepMutAdd() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD);
-  };
-  var onOneMutAdd = function onOneMutAdd() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM);
-  };
-  var onPeakMutAdd = function onPeakMutAdd() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD);
-  };
-  var onPeakMutRm = function onPeakMutRm() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM);
-  };
-  var curveIdx = curveSt.curveIdx;
-  var onClearAll = function onClearAll() {
-    return clearMpyAllAct({
-      curveIdx: curveIdx
-    });
-  };
+const styles = () => Object.assign({}, _common.commonStyle);
+const Multiplicity = _ref => {
+  let {
+    classes,
+    isFocusAddMpySt,
+    disableAddMpySt,
+    isFocusRmMpySt,
+    disableRmMpySt,
+    isFocusAddPeakSt,
+    isFocusRmPeakSt,
+    disableMpyPeakSt,
+    setUiSweepTypeAct,
+    clearMpyAllAct,
+    curveSt
+  } = _ref;
+  const onSweepMutAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD);
+  const onOneMutAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM);
+  const onPeakMutAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD);
+  const onPeakMutRm = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM);
+  const {
+    curveIdx
+  } = curveSt;
+  const onClearAll = () => clearMpyAllAct({
+    curveIdx
+  });
   return /*#__PURE__*/_react.default.createElement("span", {
     className: classes.group
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -109,27 +101,22 @@ var Multiplicity = function Multiplicity(_ref) {
     className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmallmpy')
   }, "Jx")));
 };
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      isFocusAddMpySt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD,
-      disableAddMpySt: _cfg.default.btnCmdMpy(state.layout),
-      isFocusRmMpySt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM,
-      disableRmMpySt: _cfg.default.btnCmdMpy(state.layout),
-      isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD,
-      isFocusRmPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM,
-      disableMpyPeakSt: _cfg.default.btnCmdMpyPeak(state.layout, state.multiplicity.present),
-      curveSt: state.curve
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    setUiSweepTypeAct: _ui.setUiSweepType,
-    clearMpyAllAct: _multiplicity.clearMpyAll
-  }, dispatch);
-};
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  isFocusAddMpySt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_SWEEP_ADD,
+  disableAddMpySt: _cfg.default.btnCmdMpy(state.layout),
+  isFocusRmMpySt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_ONE_RM,
+  disableRmMpySt: _cfg.default.btnCmdMpy(state.layout),
+  isFocusAddPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_ADD,
+  isFocusRmPeakSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.MULTIPLICITY_PEAK_RM,
+  disableMpyPeakSt: _cfg.default.btnCmdMpyPeak(state.layout, state.multiplicity.present, state.curve.curveIdx),
+  curveSt: state.curve
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  setUiSweepTypeAct: _ui.setUiSweepType,
+  clearMpyAllAct: _multiplicity.clearMpyAll
+}, dispatch);
 Multiplicity.propTypes = {
   classes: _propTypes.default.object.isRequired,
   isFocusAddMpySt: _propTypes.default.bool.isRequired,
@@ -143,5 +130,4 @@ Multiplicity.propTypes = {
   clearMpyAllAct: _propTypes.default.func.isRequired,
   curveSt: _propTypes.default.object.isRequired
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Multiplicity));
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(Multiplicity));

package/dist/components/cmd_bar/06_undo_redo.js

@@ -20,15 +20,15 @@ var _common = require("./common");
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
-var styles = function styles() {
-  return Object.assign({}, _common.commonStyle);
-};
-var UndoRedo = function UndoRedo(_ref) {
-  var classes = _ref.classes,
-    canUndo = _ref.canUndo,
-    canRedo = _ref.canRedo,
-    onUndoAct = _ref.onUndoAct,
-    onRedoAct = _ref.onRedoAct;
+const styles = () => Object.assign({}, _common.commonStyle);
+const UndoRedo = _ref => {
+  let {
+    classes,
+    canUndo,
+    canRedo,
+    onUndoAct,
+    onRedoAct
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("span", {
     className: classes.group
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -53,31 +53,18 @@ var UndoRedo = function UndoRedo(_ref) {
     className: classes.icon
   })))));
 };
-var canUndoFunc = function canUndoFunc(state) {
-  return state.editPeak.past.length > 0 || state.integration.past.length > 0 || state.multiplicity.past.length > 0;
-};
-var canRedoFunc = function canRedoFunc(state) {
-  return state.editPeak.future.length > 0 || state.integration.future.length > 0 || state.multiplicity.future.length > 0;
-};
-var mapStateToProps = function mapStateToProps(state, _) {
-  return (
-    // eslint-disable-line
-    {
-      canUndo: canUndoFunc(state),
-      canRedo: canRedoFunc(state)
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return {
-    onUndoAct: function onUndoAct() {
-      return dispatch(_reduxUndo.ActionCreators.undo());
-    },
-    onRedoAct: function onRedoAct() {
-      return dispatch(_reduxUndo.ActionCreators.redo());
-    }
-  };
-};
+const canUndoFunc = state => state.editPeak.past.length > 0 || state.integration.past.length > 0 || state.multiplicity.past.length > 0;
+const canRedoFunc = state => state.editPeak.future.length > 0 || state.integration.future.length > 0 || state.multiplicity.future.length > 0;
+const mapStateToProps = (state, _) => (
+// eslint-disable-line
+{
+  canUndo: canUndoFunc(state),
+  canRedo: canRedoFunc(state)
+});
+const mapDispatchToProps = dispatch => ({
+  onUndoAct: () => dispatch(_reduxUndo.ActionCreators.undo()),
+  onRedoAct: () => dispatch(_reduxUndo.ActionCreators.redo())
+});
 UndoRedo.propTypes = {
   classes: _propTypes.default.object.isRequired,
   canUndo: _propTypes.default.bool.isRequired,
@@ -85,5 +72,4 @@ UndoRedo.propTypes = {
   onUndoAct: _propTypes.default.func.isRequired,
   onRedoAct: _propTypes.default.func.isRequired
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(UndoRedo);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(UndoRedo);

package/dist/components/cmd_bar/07_pecker.js

@@ -20,22 +20,18 @@ var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 react/function-component-definition, react/require-default-props, max-len,
 react/no-unused-prop-types */
 
-var styles = function styles() {
-  return Object.assign({}, _common.commonStyle);
-};
-var Pecker = function Pecker(_ref) {
-  var classes = _ref.classes,
-    layoutSt = _ref.layoutSt,
-    isFocusAddPeckerSt = _ref.isFocusAddPeckerSt,
-    isFocusRmPeckerSt = _ref.isFocusRmPeckerSt,
-    setUiSweepTypeAct = _ref.setUiSweepTypeAct,
-    jcampIdx = _ref.jcampIdx;
-  var onSweepPeckerAdd = function onSweepPeckerAdd() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_PECKER, jcampIdx);
-  };
-  var onSweepPeckerDELETE = function onSweepPeckerDELETE() {
-    return setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER, jcampIdx);
-  };
+const styles = () => Object.assign({}, _common.commonStyle);
+const Pecker = _ref => {
+  let {
+    classes,
+    layoutSt,
+    isFocusAddPeckerSt,
+    isFocusRmPeckerSt,
+    setUiSweepTypeAct,
+    jcampIdx
+  } = _ref;
+  const onSweepPeckerAdd = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_PECKER, jcampIdx);
+  const onSweepPeckerDELETE = () => setUiSweepTypeAct(_list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER, jcampIdx);
   return !_cfg.default.hidePanelCyclicVolta(layoutSt) ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: /*#__PURE__*/_react.default.createElement("span", {
       className: "txt-sv-tp"
@@ -56,22 +52,17 @@ var Pecker = function Pecker(_ref) {
     className: (0, _classnames.default)(classes.txt, 'txt-sv-bar-rmpeak')
   }, "Pe-"))))) : /*#__PURE__*/_react.default.createElement("span", null);
 };
-var mapStateToProps = function mapStateToProps(state, _) {
-  return (
-    // eslint-disable-line
-    {
-      layoutSt: state.layout,
-      isFocusAddPeckerSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_PECKER,
-      isFocusRmPeckerSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER,
-      cyclicVotaSt: state.cyclicvolta
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({
-    setUiSweepTypeAct: _ui.setUiSweepType
-  }, dispatch);
-};
+const mapStateToProps = (state, _) => (
+// eslint-disable-line
+{
+  layoutSt: state.layout,
+  isFocusAddPeckerSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_ADD_PECKER,
+  isFocusRmPeckerSt: state.ui.sweepType === _list_ui.LIST_UI_SWEEP_TYPE.CYCLIC_VOLTA_RM_PECKER,
+  cyclicVotaSt: state.cyclicvolta
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({
+  setUiSweepTypeAct: _ui.setUiSweepType
+}, dispatch);
 Pecker.propTypes = {
   classes: _propTypes.default.object.isRequired,
   layoutSt: _propTypes.default.string.isRequired,
@@ -81,5 +72,4 @@ Pecker.propTypes = {
   cyclicVotaSt: _propTypes.default.object.isRequired,
   jcampIdx: _propTypes.default.any
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Pecker);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(Pecker);

package/dist/components/cmd_bar/common.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.focusStyle = exports.commonStyle = exports.MuButton = void 0;
 var _styles = require("@material-ui/core/styles");
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var MuButton = (0, _styles.withStyles)({
+const MuButton = exports.MuButton = (0, _styles.withStyles)({
   root: {
     border: '1px solid #ccc',
     borderRadius: 4,
@@ -20,8 +20,7 @@ var MuButton = (0, _styles.withStyles)({
     width: 30
   }
 })(_Button.default);
-exports.MuButton = MuButton;
-var commonStyle = {
+const commonStyle = exports.commonStyle = {
   card: {
     margin: '0 0 5px 52px',
     border: '1px solid white',
@@ -86,12 +85,17 @@ var commonStyle = {
   },
   selectInput: {
     height: 30
+  },
+  txtLabelBottomInput: {
+    fontFamily: 'Helvetica',
+    backgroundColor: 'white',
+    fontSize: 12,
+    margin: '22% 0 0 7px',
+    padding: '0 10px 0 10px',
+    transform: 'scale(0.75)'
   }
 };
-exports.commonStyle = commonStyle;
-var focusStyle = function focusStyle(criteria, cls) {
-  return criteria ? [cls.btnHt] : [];
-};
+const focusStyle = (criteria, cls) => criteria ? [cls.btnHt] : [];
 
 // eslint-disable-line
 exports.focusStyle = focusStyle;

package/dist/components/cmd_bar/index.js

@@ -25,18 +25,18 @@ var _pecker = _interopRequireDefault(require("./07_pecker"));
 /* eslint-disable prefer-object-spread, function-paren-newline,
 react/function-component-definition, react/require-default-props */
 
-var styles = function styles() {
-  return Object.assign({}, {}, _common.commonStyle);
-};
-var CmdBar = function CmdBar(_ref) {
-  var classes = _ref.classes,
-    feature = _ref.feature,
-    hasEdit = _ref.hasEdit,
-    forecast = _ref.forecast,
-    operations = _ref.operations,
-    editorOnly = _ref.editorOnly,
-    jcampIdx = _ref.jcampIdx,
-    hideThreshold = _ref.hideThreshold;
+const styles = () => Object.assign({}, {}, _common.commonStyle);
+const CmdBar = _ref => {
+  let {
+    classes,
+    feature,
+    hasEdit,
+    forecast,
+    operations,
+    editorOnly,
+    jcampIdx,
+    hideThreshold
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.card
   }, /*#__PURE__*/_react.default.createElement(_viewer.default, {
@@ -60,15 +60,10 @@ var CmdBar = function CmdBar(_ref) {
     hasEdit: hasEdit
   }), /*#__PURE__*/_react.default.createElement(_r07_wavelength_btn.default, null));
 };
-var mapStateToProps = function mapStateToProps(state, _) {
-  return (
-    // eslint-disable-line
-    {}
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({}, dispatch);
-};
+const mapStateToProps = (state, _) => (
+// eslint-disable-line
+{});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({}, dispatch);
 CmdBar.propTypes = {
   classes: _propTypes.default.object.isRequired,
   feature: _propTypes.default.object.isRequired,
@@ -79,5 +74,4 @@ CmdBar.propTypes = {
   jcampIdx: _propTypes.default.any,
   hideThreshold: _propTypes.default.bool
 };
-var _default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(CmdBar);
-exports.default = _default;
+var _default = exports.default = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), (0, _styles.withStyles)(styles))(CmdBar);