lhcb-ntuple-wizard-test 1.0.5 → 1.0.7

package/dist/components/DecayItem.js

@@ -11,10 +11,8 @@ var _StrippingLine = _interopRequireDefault(require("./StrippingLine"));
 var _Decay = _interopRequireDefault(require("./Decay"));
 var _DecayTag = _interopRequireDefault(require("./DecayTag"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); } /*****************************************************************************\
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -24,55 +22,53 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var 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 {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      selected: this.props.selected,
-      decay: this.props.decay
-    });
-    _defineProperty(this, "sendData", () => {
-      this.props.parentCallback(this.state);
+  state = {
+    selected: this.props.selected,
+    decay: this.props.decay
+  };
+  sendData = () => {
+    this.props.parentCallback(this.state);
+  };
+  select = () => {
+    this.setState({
+      selected: this.state.selected ? false : true
     });
-    _defineProperty(this, "select", () => {
-      this.setState({
-        selected: this.state.selected ? false : true
-      });
-      this.sendData();
+    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, "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;
-    });
-  }
+    return strippingInfo;
+  };
   render() {
     const extraInfo = this.getExtraInfo();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {

package/dist/components/DecayTag.js

@@ -9,10 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactBootstrap = require("react-bootstrap");
 var _MetadataContext = _interopRequireDefault(require("../contexts/MetadataContext"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); } /*****************************************************************************\
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -22,7 +20,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var 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";
@@ -43,7 +43,6 @@ class DecayTag extends _react.default.Component {
     });
   }
 }
-_defineProperty(DecayTag, "contextType", _MetadataContext.default);
 DecayTag.propTypes = {
   tag: _propTypes.default.string
 };

package/dist/components/DecayTree.js

@@ -19,11 +19,10 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); } /*****************************************************************************\
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -33,6 +32,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var 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;
@@ -41,7 +41,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)("".concat(pipes).concat(text).concat(pipes)).innerHTML.replaceAll("currentColor", colour);
+  const texSVG = (0, _mathjax.default)(`${pipes}${text}${pipes}`).innerHTML.replaceAll("currentColor", colour);
   return "data:image/svg+xml;charset=utf-8," + encodeURIComponent(texSVG);
 }
 function buildDecayGraph(decay, metadata) {
@@ -90,149 +90,162 @@ function buildDecayGraph(decay, metadata) {
   return graph;
 }
 class DecayTree extends _react.default.Component {
-  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
-    });
-    _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);
+  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
     });
-    _defineProperty(this, "selectGroup", group => () => {
-      const selection = group.split(",");
-      this.setState({
-        selectedParticleId: selection
-      });
-      this.network.selectNodes(selection);
+    this.network.selectNodes(matchingParticles);
+  };
+  selectGroup = group => () => {
+    const selection = group.split(",");
+    this.setState({
+      selectedParticleId: 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"]
+    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))
         })
-      });
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [nTools, " TupleTool", nTools === 1 ? "" : "s"]
+      })
     });
-    _defineProperty(this, "callbackCloseNodeConf", () => {
-      this.setState({
-        showNodeModal: false
-      });
+  };
+  callbackCloseNodeConf = () => {
+    this.setState({
+      showNodeModal: false
     });
-    _defineProperty(this, "callbackSignalUpdated", () => {
-      this.setState({
-        updated: true
-      });
+  };
+  callbackSignalUpdated = () => {
+    this.setState({
+      updated: true
     });
-    _defineProperty(this, "sendData", () => {
-      const dttConfig = _lodash.default.cloneDeep(this.state.dtt.config);
-      this.setState({
-        updated: false,
-        lastSave: dttConfig
-      });
-      this.props.parentCallback(dttConfig);
+  };
+  sendData = () => {
+    const dttConfig = _lodash.default.cloneDeep(this.state.dtt.config);
+    this.setState({
+      updated: false,
+      lastSave: dttConfig
     });
-    _defineProperty(this, "revertDTT", () => {
-      let dtt = this.state.dtt;
-      dtt.config = _lodash.default.cloneDeep(this.state.lastSave);
-      this.setState({
-        dtt: dtt,
-        updated: false
-      });
+    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, "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]);
+  };
+  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]);
         }
-      });
-      return texArray.join(" ");
+        // 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}}`;
+        }
+        // remember to put the braces back
+        return `${braces[0]}${latex}${braces[1]}`;
+      }
     });
-    _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
+    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
           })
+        })]
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mathjaxReact.MathComponent, {
+          tex: `${latex}`,
+          display: false
         })
-      });
+      })
     });
-    _defineProperty(this, "toggleZoomLock", () => {
-      this.network.setOptions({
-        interaction: {
-          zoomView: this.state.lockGraphZoom
-        }
-      });
-      this.setState({
-        lockGraphZoom: !this.state.lockGraphZoom
-      });
+  };
+  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;
@@ -296,7 +309,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/".concat(dttName)
+                children: `DecayTreeTuple/${dttName}`
               }), "."]
             })
           }),
@@ -379,6 +392,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,
@@ -428,22 +444,6 @@ class DecayTree extends _react.default.Component {
     });
   }
 }
-_defineProperty(DecayTree, "contextType", _MetadataContext.default);
-_defineProperty(DecayTree, "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";
-        }
-      }
-    }
-  }
-});
 DecayTree.propTypes = {
   decay: _propTypes.default.object,
   dttConfig: _propTypes.default.object,

package/dist/components/DecaysList.js

@@ -12,12 +12,10 @@ var _DecayItem = _interopRequireDefault(require("./DecayItem"));
 var _reactBootstrap = require("react-bootstrap");
 var _config = _interopRequireDefault(require("../config"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(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); } /*****************************************************************************\
+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; }
+/*****************************************************************************\
 * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
 *                                                                             *
 * This software is distributed under the terms of the GNU General Public      *
@@ -27,42 +25,40 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 * granted to it by virtue of its status as an Intergovernmental Organization  *
 * or submit itself to any jurisdiction.                                       *
 \*****************************************************************************/
+
 class DecaysList extends React.Component {
-  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);
+  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);
       }
-      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.includes(decay),
-        parentCallback: this.callbackFunction
-      }, decay.descriptors.plain));
-      return strippingDecayItem;
-    });
-  }
+    } 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;
+  };
   render() {
     const decayItem = this.getDecayItem();
     const nShown = this.state.items.length;

package/dist/components/DeleteButton.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactBootstrap = require("react-bootstrap");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*****************************************************************************\
 * (c) Copyright 2021-2022 CERN for the benefit of the LHCb Collaboration      *
 *                                                                             *