lhcb-ntuple-wizard-test 1.1.14 → 1.2.0

package/dist/components/DecayItem.js

@@ -12,7 +12,9 @@ var _Decay = _interopRequireDefault(require("./Decay"));
 var _DecayTag = _interopRequireDefault(require("./DecayTag"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*****************************************************************************\
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -22,53 +24,55 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 * granted to it by virtue of its status as an Intergovernmental Organization  *
 * or submit itself to any jurisdiction.                                       *
 \*****************************************************************************/
-
 class DecayItem extends _react.default.Component {
-  state = {
-    selected: this.props.selected,
-    decay: this.props.decay
-  };
-  sendData = () => {
-    this.props.parentCallback(this.state);
-  };
-  select = () => {
-    this.setState({
-      selected: this.state.selected ? false : true
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
+      selected: this.props.selected,
+      decay: this.props.decay
+    });
+    _defineProperty(this, "sendData", () => {
+      this.props.parentCallback(this.state);
     });
-    this.sendData();
-  };
-  getExtraInfo = () => {
-    const nLines = Object.keys(this.props.decay.lines).length;
-    const nTags = this.props.decay.tags.length;
-    const tagInfo = this.props.decay.tags.map(tag => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DecayTag.default, {
-      tag: tag
-    }, tag));
-    const strippingInfo = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-        placement: "right",
-        overlay: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Popover, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Header, {
-            children: "Stripping lines"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Body, {
-            children: Object.keys(this.props.decay.lines).map(line => {
-              const [stream, name] = line.split("/");
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StrippingLine.default, {
-                line: name,
-                stream: stream,
-                versions: this.props.decay.lines[line]
-              }, line);
-            })
-          })]
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Badge, {
-          pill: true,
-          bg: this.state.selected ? "primary" : "secondary",
-          children: [nLines, " Stripping line", nLines === 1 ? "" : "s"]
-        })
-      }), nTags > 0 ? tagInfo : ""]
+    _defineProperty(this, "select", () => {
+      this.setState({
+        selected: this.state.selected ? false : true
+      });
+      this.sendData();
     });
-    return strippingInfo;
-  };
+    _defineProperty(this, "getExtraInfo", () => {
+      const nLines = Object.keys(this.props.decay.lines).length;
+      const nTags = this.props.decay.tags.length;
+      const tagInfo = this.props.decay.tags.map(tag => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DecayTag.default, {
+        tag: tag
+      }, tag));
+      const strippingInfo = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+          placement: "right",
+          overlay: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Popover, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Header, {
+              children: "Stripping lines"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Body, {
+              children: Object.keys(this.props.decay.lines).map(line => {
+                const [stream, name] = line.split("/");
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StrippingLine.default, {
+                  line: name,
+                  stream: stream,
+                  versions: this.props.decay.lines[line]
+                }, line);
+              })
+            })]
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Badge, {
+            pill: true,
+            bg: this.state.selected ? "primary" : "secondary",
+            children: [nLines, " Stripping line", nLines === 1 ? "" : "s"]
+          })
+        }), nTags > 0 ? tagInfo : ""]
+      });
+      return strippingInfo;
+    });
+  }
   render() {
     const extraInfo = this.getExtraInfo();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {

package/dist/components/DecayTag.js

@@ -10,7 +10,11 @@ var _reactBootstrap = require("react-bootstrap");
 var _MetadataContext = _interopRequireDefault(require("../contexts/MetadataContext"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*****************************************************************************\
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -20,9 +24,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 * granted to it by virtue of its status as an Intergovernmental Organization  *
 * or submit itself to any jurisdiction.                                       *
 \*****************************************************************************/
-
 class DecayTag extends _react.default.Component {
-  static contextType = (() => _MetadataContext.default)();
   render() {
     const background = this.context.loaded.userHints && this.context.metadata.userHints.decayTags[this.props.tag].warn ? "danger" : "warning";
     const foreground = this.context.loaded.userHints && this.context.metadata.userHints.decayTags[this.props.tag].warn ? "light" : "dark";
@@ -33,16 +35,17 @@ class DecayTag extends _react.default.Component {
       overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
         children: description
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Badge, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Badge, _objectSpread(_objectSpread({
         pill: true,
         bg: background,
-        text: foreground,
-        ...this.props,
+        text: foreground
+      }, this.props), {}, {
         children: this.props.tag
-      })
+      }))
     });
   }
 }
+_defineProperty(DecayTag, "contextType", _MetadataContext.default);
 DecayTag.propTypes = {
   tag: _propTypes.default.string
 };

package/dist/components/DecayTree.js

@@ -19,9 +19,14 @@ var _mathjax = _interopRequireDefault(require("../lib/mathjax"));
 var _config = _interopRequireDefault(require("../config.json"));
 var _DTTConfig = _interopRequireDefault(require("../lib/DTTConfig"));
 var _lodash = _interopRequireDefault(require("lodash"));
+var _semform = _interopRequireDefault(require("./semform"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*****************************************************************************\
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -31,7 +36,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 * granted to it by virtue of its status as an Intergovernmental Organization  *
 * or submit itself to any jurisdiction.                                       *
 \*****************************************************************************/
-
 function htmlTitle(text) {
   const container = document.createElement("span");
   container.innerText = text;
@@ -40,7 +44,7 @@ function htmlTitle(text) {
 function makeSVG(text) {
   let colour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "black";
   const pipes = "\\phantom{{}^{|-}_{|-}}"; // looks weird but helps ensure uniform text scaling
-  const texSVG = (0, _mathjax.default)(`${pipes}${text}${pipes}`).innerHTML.replaceAll("currentColor", colour);
+  const texSVG = (0, _mathjax.default)("".concat(pipes).concat(text).concat(pipes)).innerHTML.replaceAll("currentColor", colour);
   return "data:image/svg+xml;charset=utf-8," + encodeURIComponent(texSVG);
 }
 function buildDecayGraph(decay, metadata) {
@@ -89,162 +93,149 @@ function buildDecayGraph(decay, metadata) {
   return graph;
 }
 class DecayTree extends _react.default.Component {
-  static contextType = (() => _MetadataContext.default)();
-  static options = {
-    ..._config.default.dttGraphOptions,
-    nodes: {
-      // need to add a lambda to set the label hover-style
-      ..._config.default.dttGraphOptions.nodes,
-      chosen: {
-        label: (values, id, selected, _hovering) => {
-          if (selected) {
-            values.mod = "bold";
-            values.color = "#0d6efd";
-          }
-        }
-      }
-    }
-  };
-  state = (() => ({
-    graph: buildDecayGraph(this.props.decay.descriptors.mapped_list, this.context.metadata.particleProperties),
-    dtt: new _DTTConfig.default(_lodash.default.cloneDeep(this.props.dttConfig), this.context.metadata.tupleTools.tupleTools),
-    lastSave: _lodash.default.cloneDeep(this.props.dttConfig),
-    selectedParticleId: [],
-    updated: false,
-    lockGraphZoom: !_config.default.dttGraphOptions.interaction.zoomView,
-    showNodeModal: false
-  }))();
-  network = null;
-  selectAllByTag = tag => () => {
-    const allBranches = this.state.dtt.config.branches;
-    const matchingParticles = Object.keys(allBranches).filter(branch => {
-      const particle = allBranches[branch].particle;
-      const allTags = this.context.metadata.particleProperties[particle].tags;
-      return allTags.includes(tag);
-    }).sort();
-    this.setState({
-      selectedParticleId: matchingParticles
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
+      graph: buildDecayGraph(this.props.decay.descriptors.mapped_list, this.context.metadata.particleProperties),
+      dtt: new _DTTConfig.default(_lodash.default.cloneDeep(this.props.dttConfig), this.context.metadata.tupleTools.tupleTools),
+      lastSave: _lodash.default.cloneDeep(this.props.dttConfig),
+      selectedParticleId: [],
+      updated: false,
+      lockGraphZoom: !_config.default.dttGraphOptions.interaction.zoomView,
+      showNodeModal: false
     });
-    this.network.selectNodes(matchingParticles);
-  };
-  selectGroup = group => () => {
-    const selection = group.split(",");
-    this.setState({
-      selectedParticleId: selection
+    _defineProperty(this, "network", null);
+    _defineProperty(this, "selectAllByTag", tag => () => {
+      const allBranches = this.state.dtt.config.branches;
+      const matchingParticles = Object.keys(allBranches).filter(branch => {
+        const particle = allBranches[branch].particle;
+        const allTags = this.context.metadata.particleProperties[particle].tags;
+        return allTags.includes(tag);
+      }).sort();
+      this.setState({
+        selectedParticleId: matchingParticles
+      });
+      this.network.selectNodes(matchingParticles);
     });
-    this.network.selectNodes(selection);
-  };
-  countGroupTools = group => {
-    const toolList = this.state.dtt.listTools(group);
-    const nTools = toolList.length;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup, {
-          children: toolList.map(tool => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
-            children: tool
-          }, tool))
+    _defineProperty(this, "selectGroup", group => () => {
+      const selection = group.split(",");
+      this.setState({
+        selectedParticleId: selection
+      });
+      this.network.selectNodes(selection);
+    });
+    _defineProperty(this, "countGroupTools", group => {
+      const toolList = this.state.dtt.listTools(group);
+      const nTools = toolList.length;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+        overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup, {
+            children: toolList.map(tool => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
+              children: tool
+            }, tool))
+          })
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [nTools, " TupleTool", nTools === 1 ? "" : "s"]
         })
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [nTools, " TupleTool", nTools === 1 ? "" : "s"]
-      })
+      });
     });
-  };
-  callbackCloseNodeConf = () => {
-    this.setState({
-      showNodeModal: false
+    _defineProperty(this, "callbackCloseNodeConf", () => {
+      this.setState({
+        showNodeModal: false
+      });
     });
-  };
-  callbackSignalUpdated = () => {
-    this.setState({
-      updated: true
+    _defineProperty(this, "callbackSignalUpdated", () => {
+      this.setState({
+        updated: true
+      });
     });
-  };
-  sendData = () => {
-    const dttConfig = _lodash.default.cloneDeep(this.state.dtt.config);
-    this.setState({
-      updated: false,
-      lastSave: dttConfig
+    _defineProperty(this, "sendData", () => {
+      const dttConfig = _lodash.default.cloneDeep(this.state.dtt.config);
+      this.setState({
+        updated: false,
+        lastSave: dttConfig
+      });
+      this.props.parentCallback(dttConfig);
     });
-    this.props.parentCallback(dttConfig);
-  };
-  revertDTT = () => {
-    let dtt = this.state.dtt;
-    dtt.config = _lodash.default.cloneDeep(this.state.lastSave);
-    this.setState({
-      dtt: dtt,
-      updated: false
+    _defineProperty(this, "revertDTT", () => {
+      let dtt = this.state.dtt;
+      dtt.config = _lodash.default.cloneDeep(this.state.lastSave);
+      this.setState({
+        dtt: dtt,
+        updated: false
+      });
     });
-  };
-  displaySelectionDescriptor = decaySelector => {
-    // split into an array for easier looping
-    // XXX: we could probably use descriptors.list in conjunction with descriptors.mapped_list here...
-    const lokiArray = decaySelector.replace(/^\[/, "").replace(/^\^\[/, "^").replace(/\]CC$/, "").split(" ");
-    const texArray = lokiArray.map(particle => {
-      if (particle === "->") {
-        return "\\to";
-      } else {
-        let name = particle.replace(/^\^/, ""); // name will be used to look up the particle in metadata
-        // detect and handle sub-decays (marked with round braces)
-        // A -> (B -> C D) E
-        // A -> (B -> C (D -> E F)) G
-        let braces = ["", ""];
-        const numBraces = [/\(/g, /\)/g].map(pattern => (name.match(pattern) || []).length);
-        if (name.startsWith("(")) {
-          name = name.replace(/^\(/, "");
-          braces[0] = "(";
-        } else if (name.endsWith(")") && numBraces[1] > numBraces[0]) {
-          name = name.replace(/\)+$/, "");
-          braces[1] = ")".repeat(numBraces[1] - numBraces[0]);
-        }
-        // spit edge-cases to the console and handle them somewhat gracefully
-        if (!Object.keys(this.context.metadata.particleProperties).includes(name)) {
-          console.error(`${name} not found in particle property metadata!`);
-          return `\\text{${particle}}`;
-        }
-        let latex = this.context.metadata.particleProperties[name].latex;
-        // mark particles by underlining them
-        // TODO: if we can figure out colour with mathjax-react, turn them blue instead
-        if (particle.startsWith("^")) {
-          latex = `\\underline{${latex}}`;
+    _defineProperty(this, "displaySelectionDescriptor", decaySelector => {
+      // split into an array for easier looping
+      // XXX: we could probably use descriptors.list in conjunction with descriptors.mapped_list here...
+      const lokiArray = decaySelector.replace(/^\[/, "").replace(/^\^\[/, "^").replace(/\]CC$/, "").split(" ");
+      const texArray = lokiArray.map(particle => {
+        if (particle === "->") {
+          return "\\to";
+        } else {
+          let name = particle.replace(/^\^/, ""); // name will be used to look up the particle in metadata
+          // detect and handle sub-decays (marked with round braces)
+          // A -> (B -> C D) E
+          // A -> (B -> C (D -> E F)) G
+          let braces = ["", ""];
+          const numBraces = [/\(/g, /\)/g].map(pattern => (name.match(pattern) || []).length);
+          if (name.startsWith("(")) {
+            name = name.replace(/^\(/, "");
+            braces[0] = "(";
+          } else if (name.endsWith(")") && numBraces[1] > numBraces[0]) {
+            name = name.replace(/\)+$/, "");
+            braces[1] = ")".repeat(numBraces[1] - numBraces[0]);
+          }
+          // spit edge-cases to the console and handle them somewhat gracefully
+          if (!Object.keys(this.context.metadata.particleProperties).includes(name)) {
+            console.error("".concat(name, " not found in particle property metadata!"));
+            return "\\text{".concat(particle, "}");
+          }
+          let latex = this.context.metadata.particleProperties[name].latex;
+          // mark particles by underlining them
+          // TODO: if we can figure out colour with mathjax-react, turn them blue instead
+          if (particle.startsWith("^")) {
+            latex = "\\underline{".concat(latex, "}");
+          }
+          // remember to put the braces back
+          return "".concat(braces[0]).concat(latex).concat(braces[1]);
         }
-        // remember to put the braces back
-        return `${braces[0]}${latex}${braces[1]}`;
-      }
+      });
+      return texArray.join(" ");
     });
-    return texArray.join(" ");
-  };
-  displaySelection = selection => {
-    const decaySelector = this.props.decay.descriptors.template.replace(/\${(\w+)}/g, (_, v) => selection.includes(v) ? "^" : "");
-    const latex = this.displaySelectionDescriptor(decaySelector);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-      overlay: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Popover, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Header, {
-          children: "LoKi selector"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Body, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
-            children: decaySelector
+    _defineProperty(this, "displaySelection", selection => {
+      const decaySelector = this.props.decay.descriptors.template.replace(/\${(\w+)}/g, (_, v) => selection.includes(v) ? "^" : "");
+      const latex = this.displaySelectionDescriptor(decaySelector);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+        overlay: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Popover, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Header, {
+            children: "LoKi selector"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Body, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
+              children: decaySelector
+            })
+          })]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mathjaxReact.MathComponent, {
+            tex: "".concat(latex),
+            display: false
           })
-        })]
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mathjaxReact.MathComponent, {
-          tex: `${latex}`,
-          display: false
         })
-      })
-    });
-  };
-  toggleZoomLock = () => {
-    this.network.setOptions({
-      interaction: {
-        zoomView: this.state.lockGraphZoom
-      }
+      });
     });
-    this.setState({
-      lockGraphZoom: !this.state.lockGraphZoom
+    _defineProperty(this, "toggleZoomLock", () => {
+      this.network.setOptions({
+        interaction: {
+          zoomView: this.state.lockGraphZoom
+        }
+      });
+      this.setState({
+        lockGraphZoom: !this.state.lockGraphZoom
+      });
     });
-  };
+  }
   render() {
     this.state.dtt.pruneGroups(); // Make sure no empty groups
     const selection = this.state.selectedParticleId;
@@ -308,7 +299,7 @@ class DecayTree extends _react.default.Component {
           overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Popover.Body, {
               children: ["The ROOT TTree will be found under ", /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
-                children: `DecayTreeTuple/${dttName}`
+                children: "DecayTreeTuple/".concat(dttName)
               }), "."]
             })
           }),
@@ -391,6 +382,9 @@ class DecayTree extends _react.default.Component {
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Card.Title, {
           children: ["Current selection: ", selectedName]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Card.Title, {
+          className: "d-flex justify-content-between align-items-center flex-column",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_semform.default, {})
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConfigNode.default, {
           dtt: this.state.dtt,
           particleID: selection,
@@ -440,6 +434,19 @@ class DecayTree extends _react.default.Component {
     });
   }
 }
+_defineProperty(DecayTree, "contextType", _MetadataContext.default);
+_defineProperty(DecayTree, "options", _objectSpread(_objectSpread({}, _config.default.dttGraphOptions), {}, {
+  nodes: _objectSpread(_objectSpread({}, _config.default.dttGraphOptions.nodes), {}, {
+    chosen: {
+      label: (values, id, selected, _hovering) => {
+        if (selected) {
+          values.mod = "bold";
+          values.color = "#0d6efd";
+        }
+      }
+    }
+  })
+}));
 DecayTree.propTypes = {
   decay: _propTypes.default.object,
   dttConfig: _propTypes.default.object,

package/dist/components/DecaysList.js

@@ -13,9 +13,10 @@ var _reactBootstrap = require("react-bootstrap");
 var _config = _interopRequireDefault(require("../config"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*****************************************************************************\
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -25,40 +26,42 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 * granted to it by virtue of its status as an Intergovernmental Organization  *
 * or submit itself to any jurisdiction.                                       *
 \*****************************************************************************/
-
 class DecaysList extends React.Component {
-  state = (() => ({
-    items: this.props.decays.length > _config.default.batch_size ? this.props.decays.slice(0, _config.default.batch_size) : this.props.decays,
-    index: this.props.decays.length > _config.default.batch_size ? _config.default.batch_size - 1 : this.props.decays.length,
-    selectedDecays: this.props.selectedDecays
-  }))();
-  fetchMoreData = () => {
-    setTimeout(() => {
-      this.setState({
-        items: this.state.items.concat(this.props.decays.slice(this.state.index + 1, this.state.index + 1 + _config.default.batch_size)),
-        index: this.state.index + _config.default.batch_size < this.props.decays.length ? this.state.index + _config.default.batch_size : this.props.decays.length
-      });
-    }, 1000);
-  };
-  callbackFunction = childData => {
-    if (childData.selected) {
-      const index = this.state.selectedDecays.indexOf(childData.decay);
-      if (index > -1) {
-        this.state.selectedDecays.splice(index, 1);
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
+      items: this.props.decays.length > _config.default.batch_size ? this.props.decays.slice(0, _config.default.batch_size) : this.props.decays,
+      index: this.props.decays.length > _config.default.batch_size ? _config.default.batch_size - 1 : this.props.decays.length,
+      selectedDecays: this.props.selectedDecays
+    });
+    _defineProperty(this, "fetchMoreData", () => {
+      setTimeout(() => {
+        this.setState({
+          items: this.state.items.concat(this.props.decays.slice(this.state.index + 1, this.state.index + 1 + _config.default.batch_size)),
+          index: this.state.index + _config.default.batch_size < this.props.decays.length ? this.state.index + _config.default.batch_size : this.props.decays.length
+        });
+      }, 1000);
+    });
+    _defineProperty(this, "callbackFunction", childData => {
+      if (childData.selected) {
+        const index = this.state.selectedDecays.indexOf(childData.decay);
+        if (index > -1) {
+          this.state.selectedDecays.splice(index, 1);
+        }
+      } else {
+        this.state.selectedDecays.push(childData.decay);
       }
-    } else {
-      this.state.selectedDecays.push(childData.decay);
-    }
-    this.props.parentCallback(this.state.selectedDecays);
-  };
-  getDecayItem = () => {
-    const strippingDecayItem = this.state.items.map(decay => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DecayItem.default, {
-      decay: decay,
-      selected: this.state.selectedDecays.some(selected => selected.descriptors.plain === decay.descriptors.plain),
-      parentCallback: this.callbackFunction
-    }, decay.descriptors.plain));
-    return strippingDecayItem;
-  };
+      this.props.parentCallback(this.state.selectedDecays);
+    });
+    _defineProperty(this, "getDecayItem", () => {
+      const strippingDecayItem = this.state.items.map(decay => /*#__PURE__*/(0, _jsxRuntime.jsx)(_DecayItem.default, {
+        decay: decay,
+        selected: this.state.selectedDecays.some(selected => selected.descriptors.plain === decay.descriptors.plain),
+        parentCallback: this.callbackFunction
+      }, decay.descriptors.plain));
+      return strippingDecayItem;
+    });
+  }
   render() {
     const decayItem = this.getDecayItem();
     const nShown = this.state.items.length;