lhcb-ntuple-wizard-test 1.3.3 → 2.0.1

package/README.md

@@ -47,14 +47,13 @@ npm install lhcb-ntuple-wizard
 ### Usage
 
 ```jsx
-import React from "react";
 import NtupleWizard from "lhcb-ntuple-wizard";
 
 const App = () => {
     return (
         <NtupleWizard
             basePath="/"
-            decaysPath="/decays"
+            decaysPath="/select-decays"
             variablesPath="/variables"
             submitLocation="" // Leave empty to hide the submit button -> overrides hideDownloadButtons to false
             contactEmail="" // Leave empty to let the user fill in their email address

package/dist/App.d.ts

@@ -0,0 +1,12 @@
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import "bootstrap/dist/css/bootstrap.css";
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/dist/App.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import "bootstrap/dist/css/bootstrap.css";
+import { Container, Nav, Navbar, NavDropdown } from "react-bootstrap";
+import { Archive, CodeSlash, House } from "react-bootstrap-icons";
+import { config } from "./config";
+import { NtupleWizard } from "./components/NtupleWizard";
+import { BrowserRouter } from "react-router-dom";
+export function App() {
+    return (_jsxs(_Fragment, { children: [_jsx(Navbar, { collapseOnSelect: true, expand: "lg", bg: "dark", variant: "dark", children: _jsxs(Container, { children: [_jsxs(Navbar.Brand, { href: "/", children: [_jsx("img", { src: "/logo.svg", height: "30", className: "d-inline-block align-top", alt: "LHCb logo" }), " LHCb NTuple Wizard"] }), _jsx(Navbar.Toggle, { "aria-controls": "responsive-navbar-nav" }), _jsx(Navbar.Collapse, { className: "justify-content-end", children: _jsxs(Nav, { children: [_jsxs(NavDropdown, { title: "About", id: "about-dropdown", menuVariant: "dark", children: [_jsxs(NavDropdown.Item, { href: "https://lhcb-dpa.web.cern.ch/lhcb-dpa/wp6/ntupling-wizard.html", target: "_blank", children: [_jsx(House, {}), " Project home"] }), _jsxs(NavDropdown.Item, { href: "https://gitlab.cern.ch/lhcb-dpa/wp6-analysis-preservation-and-open-data/lhcb-ntuple-wizard-frontend", target: "_blank", children: [_jsx(CodeSlash, {}), " Source code"] }), _jsxs(NavDropdown.Item, { href: config.metadata_baseurl, target: "_blank", children: [_jsx(Archive, {}), " Metadata files"] })] }), _jsx(Nav.Link, { href: "https://opendata.cern.ch/", target: "_blank", children: _jsx("img", { src: "/open_data_portal.png", height: "30", alt: "CERN Open Data Portal" }) })] }) })] }) }), _jsx(Container, { className: "mt-4", children: _jsx(BrowserRouter, { children: _jsx(NtupleWizard, { basePath: "/", decaysPath: "/select-decays", variablesPath: "/variables", submitLocation: "" // Leave empty to hide the submit button -> overrides hideDownloadButtons to false
+                        , contactEmail: "" // Leave empty to let the user fill in their email address
+                        , hideDownloadButtons: false, hideUploadButtons: false, requestReasonMessage: "Please provide a reason for your request.", requestSubmittedMessage: _jsx(_Fragment, { children: "Your request has been submitted." }) }) }) })] }));
+}

package/dist/components/ConfigFilesUploadingAlert.d.ts

@@ -0,0 +1 @@
+export declare function ConfigFilesUploadingAlert(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ConfigFilesUploadingAlert.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Col, Row, Spinner } from "react-bootstrap";
+export function ConfigFilesUploadingAlert() {
+    return (_jsx(Alert, { variant: "primary", children: _jsxs(Row, { children: [_jsx(Col, { xs: 1, style: { width: "50px", verticalAlign: "middle" }, children: _jsx(Spinner, { animation: "border", role: "status", className: "mt-1 mb-2" }) }), _jsxs(Col, { children: [_jsx(Alert.Heading, { children: "Uploading configuration files..." }), "Please wait while the cloned configuration files are being uploaded."] })] }) }));
+}

package/dist/components/DatasetEventTypeBadge.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    eventType: string;
+}
+export declare function DatasetEventTypeBadge({ eventType }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatasetEventTypeBadge.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import { Badge } from "react-bootstrap";
+export function DatasetEventTypeBadge({ eventType }) {
+    const content = "" + eventType === "90000000" ? "Data" : "" + eventType;
+    const linkProps = content === "Data"
+        ? {}
+        : {
+            as: "a",
+            href: "http://lhcbdoc.web.cern.ch/lhcbdoc/decfiles/",
+            target: "_blank",
+        };
+    return (_jsx(Badge, { pill: true, ...linkProps, bg: "primary", children: content }));
+}

package/dist/components/DatasetInfo.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    pathString: string;
+}
+export declare function DatasetInfo({ pathString }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatasetInfo.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import { Stack } from "react-bootstrap";
+import { YearBadge } from "./YearBadge.js";
+import { PolarityBadge } from "./PolarityBadge.js";
+import { StrippingLineBadge } from "./StrippingLineBadge";
+import { DatasetEventTypeBadge } from "./DatasetEventTypeBadge";
+import BkPath from "../models/bkPath.js";
+export function DatasetInfo({ pathString }) {
+    const path = new BkPath(pathString);
+    return (_jsxs("span", { children: [path.getFilename(), _jsx("br", {}), _jsxs(Stack, { direction: "horizontal", style: { flexWrap: "wrap" }, gap: 1, children: [_jsx(DatasetEventTypeBadge, { eventType: path.getEventType() }), _jsx(YearBadge, { year: path.getYear() }), _jsx(PolarityBadge, { polarity: path.getPolarity() || "?" }), _jsx(StrippingLineBadge, { version: path.getStrippingVersion() })] })] }));
+}

package/dist/components/DecayLatex.d.ts

@@ -0,0 +1,7 @@
+import { DecayData } from "../models/decayData";
+interface Props {
+    decay: DecayData;
+    selection?: string[];
+}
+export declare function DecayLatex({ decay, selection }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/DecayLatex.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import { MathJax } from "better-react-mathjax";
+import { OverlayTrigger, Popover } from "react-bootstrap";
+import { useMetadata } from "../providers/MetadataProvider";
+export function DecayLatex({ decay, selection }) {
+    const metadata = useMetadata();
+    if (!metadata) {
+        return null;
+    }
+    const LOKI_MARKERS = {
+        SELECTION_PREFIX: "^",
+        ARROW: "->",
+    };
+    const LATEX_COMMANDS = {
+        ARROW: "\\to",
+        TEXT: (content) => `\\text{${content}}`,
+        COLOR: (color, content) => `\\textcolor{${color}}{${content}}`,
+    };
+    /**
+     * Removes leading and trailing braces from LoKi selector string
+     */
+    const cleanLoKiSelector = (selector) => {
+        return selector.replace(/^\[/, "").replace(/^\^\[/, "^").replace(/\]CC$/, "");
+    };
+    /**
+     * Counts occurrences of a pattern in a string
+     */
+    const countMatches = (text, pattern) => {
+        return (text.match(pattern) || []).length;
+    };
+    /**
+     * Extracts and processes braces from particle names for sub-decay handling
+     */
+    const extractBraces = (name) => {
+        const openCount = countMatches(name, /\(/g);
+        const closeCount = countMatches(name, /\)/g);
+        if (name.startsWith("(")) {
+            return {
+                cleanName: name.replace(/^\(/, ""),
+                openBrace: "(",
+                closeBrace: "",
+            };
+        }
+        if (name.endsWith(")") && closeCount > openCount) {
+            const extraClosingBraces = closeCount - openCount;
+            return {
+                cleanName: name.replace(/\)+$/, ""),
+                openBrace: "",
+                closeBrace: ")".repeat(extraClosingBraces),
+            };
+        }
+        return { cleanName: name, openBrace: "", closeBrace: "" };
+    };
+    /**
+     * Converts a LoKi decay selector string to LaTeX representation
+     */
+    const displaySelectionDescriptor = (selection) => {
+        // Generate LoKi selector by marking selected particles with '^'
+        const decaySelector = decay.descriptors.template.replace(/\${(\w+)}/g, (_, variableName) => {
+            return selection.includes(variableName) ? LOKI_MARKERS.SELECTION_PREFIX : "";
+        });
+        const cleanedSelector = cleanLoKiSelector(decaySelector);
+        const particles = cleanedSelector.split(" ");
+        const latexTokens = particles.map((particle) => convertParticleToLatex(particle));
+        return latexTokens.join(" ");
+    };
+    /**
+     * Converts a single particle token to LaTeX representation
+     */
+    const convertParticleToLatex = (particle) => {
+        // Handle arrow tokens
+        if (particle === LOKI_MARKERS.ARROW) {
+            return LATEX_COMMANDS.ARROW;
+        }
+        const isMarked = particle.startsWith(LOKI_MARKERS.SELECTION_PREFIX);
+        const particleName = particle.replace(/^\^/, "");
+        // Handle sub-decay braces
+        const { cleanName, openBrace, closeBrace } = extractBraces(particleName);
+        // Validate particle exists in metadata
+        if (!metadata.particleProperties[cleanName]) {
+            console.error(`${cleanName} not found in particle property metadata!`);
+            return LATEX_COMMANDS.TEXT(particle);
+        }
+        // Get base LaTeX representation
+        let latex = metadata.particleProperties[cleanName].latex;
+        // Underline marked particles
+        if (isMarked) {
+            latex = LATEX_COMMANDS.COLOR("RoyalBlue", latex);
+        }
+        return `${openBrace}${latex}${closeBrace}`;
+    };
+    return (_jsx(OverlayTrigger, { overlay: _jsxs(Popover, { children: [_jsx(Popover.Header, { children: "LoKi descriptor" }), _jsx(Popover.Body, { children: _jsx("code", { children: decay.descriptors.plain }) })] }), children: _jsx("span", { children: _jsx(MathJax, { inline: true, children: `\\(${selection && selection.length > 0 ? displaySelectionDescriptor(selection) : decay.descriptors.latex}\\)` }) }) }));
+}

package/dist/components/DecayList.d.ts

@@ -0,0 +1,8 @@
+import { DecayData } from "../models/decayData";
+interface Props {
+    decays: DecayData[];
+    selectedDecays: DecayData[];
+    onItemSelected: (decays: DecayData[]) => void;
+}
+export declare function DecayList({ decays, selectedDecays, onItemSelected }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DecayList.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import InfiniteScroll from "react-infinite-scroll-component";
+import { DecayListItem } from "./DecayListItem";
+import { Alert, ListGroup, Spinner } from "react-bootstrap";
+import { config } from "../config.js";
+import { useState } from "react";
+export function DecayList({ decays, selectedDecays, onItemSelected }) {
+    const [items, setItems] = useState(decays.length > config.batch_size ? decays.slice(0, config.batch_size) : decays);
+    const [index, setIndex] = useState(decays.length > config.batch_size ? config.batch_size - 1 : decays.length);
+    const fetchMoreData = () => {
+        setItems((prev) => prev.concat(decays.slice(index + 1, index + 1 + config.batch_size)));
+        setIndex((prev) => (prev + config.batch_size < decays.length ? prev + config.batch_size : decays.length));
+    };
+    const decaysShown = items.length;
+    if (decaysShown === 0) {
+        return _jsx(Alert, { variant: "danger", children: "No matching decays" });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(ListGroup, { variant: "flush", id: "scrollableDiv", style: { height: "50vh", overflowY: "scroll" }, children: _jsx(InfiniteScroll, { dataLength: decaysShown, next: fetchMoreData, hasMore: decaysShown < decays.length, loader: _jsxs(Alert, { variant: "warning", children: [_jsx(Spinner, { size: "sm", animation: "border" }), " Loading next", " ", Math.min(config.batch_size, decays.length - decaysShown), " decays..."] }), scrollableTarget: "scrollableDiv", children: items.map((decay) => (_jsx(DecayListItem, { decay: decay, initiallySelected: selectedDecays.some((selected) => selected.descriptors.plain === decay.descriptors.plain), onItemSelected: (decayItem) => {
+                            if (decayItem.selected) {
+                                const newSelectedDecays = selectedDecays.filter((decay) => decay.descriptors.plain !== decayItem.decay.descriptors.plain);
+                                onItemSelected(newSelectedDecays);
+                            }
+                            else {
+                                onItemSelected([...selectedDecays, decayItem.decay]);
+                            }
+                        } }, decay.descriptors.plain))) }) }), _jsxs(Alert, { variant: "light", children: ["Showing ", decaysShown, " of ", decays.length, " matching decays"] })] }));
+}

package/dist/components/DecayListItem.d.ts

@@ -0,0 +1,11 @@
+import { DecayData } from "../models/decayData";
+interface Props {
+    decay: DecayData;
+    initiallySelected?: boolean;
+    onItemSelected: (arg: {
+        selected: boolean;
+        decay: DecayData;
+    }) => void;
+}
+export declare function DecayListItem({ decay, initiallySelected, onItemSelected }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DecayListItem.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import { useState } from "react";
+import { InputGroup, ListGroup } from "react-bootstrap";
+import { DecayLatex } from "./DecayLatex";
+import { DecayTagBadge } from "./DecayTagBadge.js";
+import { NumStrippingLinesBadge } from "./NumStrippingLinesBadge.js";
+export function DecayListItem({ decay, initiallySelected = false, onItemSelected }) {
+    const [selected, setSelected] = useState(initiallySelected);
+    return (_jsx(ListGroup.Item, { as: "li", style: { cursor: "pointer" }, onClick: () => {
+            setSelected(!selected);
+            onItemSelected({ selected, decay: decay });
+        }, children: _jsxs(InputGroup, { children: [_jsx(InputGroup.Checkbox, { checked: selected, readOnly: true }), _jsxs("div", { className: `react-select form-control p-2 d-flex flex-column align-items-start gap-1 ${selected ? "list-group-item-primary" : "list-group-item-light"}`, children: [_jsx(DecayLatex, { decay: decay }), _jsxs("div", { className: "d-flex flex-row flex-wrap gap-1", children: [_jsx(NumStrippingLinesBadge, { strippingLines: decay.lines, selected: selected }), decay.tags.map((tag) => (_jsx(DecayTagBadge, { tag: tag }, tag)))] })] })] }) }));
+}

package/dist/components/DecayTagBadge.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    tag: string;
+}
+export declare function DecayTagBadge({ tag, ...props }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/DecayTagBadge.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*****************************************************************************\
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import { Badge, OverlayTrigger, Tooltip } from "react-bootstrap";
+import { useMetadata } from "../providers/MetadataProvider.js";
+export function DecayTagBadge({ tag, ...props }) {
+    const metadata = useMetadata();
+    if (!metadata) {
+        return null;
+    }
+    const tagInfo = metadata.userHints.decayTags[tag];
+    return (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: tagInfo.description }), children: _jsx(Badge, { pill: true, bg: tagInfo.warn ? "danger" : "warning", text: tagInfo.warn ? "light" : "dark", ...props, children: tag }) }));
+}

package/dist/components/DecayTreeCard.d.ts

@@ -0,0 +1,7 @@
+import { DttConfig } from "../models/dtt.js";
+interface Props {
+    onConfigSaved: (config: DttConfig) => void;
+    onDirtyUpdated: (dttId: string, dirty: boolean) => void;
+}
+export declare function DecayTreeCard({ onConfigSaved, onDirtyUpdated }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/DecayTreeCard.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*****************************************************************************
+ * (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ *****************************************************************************/
+import { DecayTagBadge } from "./DecayTagBadge.js";
+import { DecayLatex } from "./DecayLatex";
+import { TupleToolList } from "./TupleToolList";
+import { useMetadata } from "../providers/MetadataProvider.js";
+import { Button, Card, OverlayTrigger, Stack, Tooltip } from "react-bootstrap";
+import { Lock, QuestionCircle, Search, Unlock } from "react-bootstrap-icons";
+import { config } from "../config.js";
+import { useEffect, useState } from "react";
+import { DecayTreeGraph } from "./DecayTreeGraph";
+import { DecayTreeCardHeader } from "./DecayTreeCardHeader";
+import { ParticleTagFilters } from "./ParticleTagFilters";
+import { useDtt } from "../providers/DttProvider";
+export function DecayTreeCard({ onConfigSaved, onDirtyUpdated }) {
+    const metadata = useMetadata();
+    const { dtt, decay, dirty } = useDtt();
+    const [selectedBranch, setSelectedBranch] = useState([]);
+    const [lockGraphZoom, setLockGraphZoom] = useState(!config.dttGraphOptions.interaction.zoomView);
+    useEffect(() => {
+        onDirtyUpdated(dtt.getName(), dirty);
+    }, [dtt, dirty]);
+    if (!metadata) {
+        return null;
+    }
+    return (_jsxs(Card, { children: [_jsx(DecayTreeCardHeader, { dttName: dtt.getName(), inputs: dtt.config.inputs }), _jsxs(Card.Body, { children: [_jsxs(Card.Title, { className: "d-flex justify-content-between align-items-start", children: [_jsxs("span", { children: [_jsx(OverlayTrigger, { placement: "bottom", overlay: _jsx(Tooltip, { children: "Click to select particles to configure. Hold ctrl to select multiple. Clear the selection to configure the entire decay." }), children: _jsx(QuestionCircle, {}) }), " ", "Configure ", _jsx(DecayLatex, { decay: decay })] }), _jsx(OverlayTrigger, { placement: "bottom", overlay: _jsxs(Tooltip, { children: ["Click to ", lockGraphZoom ? "unlock" : "lock", " scroll-to-zoom."] }), children: _jsxs(Button, { onClick: () => setLockGraphZoom(!lockGraphZoom), variant: "secondary-outline", children: [lockGraphZoom ? _jsx(Lock, {}) : _jsx(Unlock, {}), _jsx(Search, {})] }) })] }), _jsx(Stack, { direction: "horizontal", style: { flexWrap: "wrap", justifyContent: "center" }, gap: 2, children: decay.tags
+                            .filter((tag) => metadata.userHints.decayTags[tag].warn)
+                            .map((tag) => (_jsx(DecayTagBadge, { tag: tag }, tag))) }), _jsx(DecayTreeGraph, { decay: decay, lockGraphZoom: lockGraphZoom, selectedParticlesIds: selectedBranch, onNodeSelectionChanged: (nodeIds) => {
+                            setSelectedBranch([...nodeIds].sort());
+                        } }), _jsx(ParticleTagFilters, { branch: selectedBranch, onSelectTag: setSelectedBranch }), _jsxs(Card.Title, { className: "mt-4", children: ["Current selection: ", _jsx(DecayLatex, { decay: decay, selection: selectedBranch })] }), _jsx(TupleToolList, { branch: selectedBranch, onGroupSelected: (group) => {
+                            const selection = group.split(",");
+                            setSelectedBranch(selection);
+                        }, onSave: () => onConfigSaved(dtt.config) })] })] }));
+}

package/dist/components/DecayTreeCardHeader.d.ts

@@ -0,0 +1,7 @@
+import { DttConfig } from "../models/dtt.js";
+interface Props {
+    dttName: string;
+    inputs: DttConfig["inputs"];
+}
+export declare function DecayTreeCardHeader({ dttName, inputs }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DecayTreeCardHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion, Card, ListGroup, OverlayTrigger, Popover } from "react-bootstrap";
+export function DecayTreeCardHeader({ dttName, inputs }) {
+    return (_jsxs(Card.Header, { className: "d-flex flex-column align-items-start", children: [_jsx(OverlayTrigger, { placement: "bottom", overlay: _jsx(Popover, { children: _jsxs(Popover.Body, { children: ["The ROOT TTree will be found under ", _jsx("code", { children: `DecayTreeTuple/${dttName}` }), "."] }) }), children: _jsxs(Card.Title, { children: ["Tree name: ", _jsx("code", { children: dttName })] }) }), _jsx(Accordion, { style: { width: "100%" }, children: _jsxs(Accordion.Item, { eventKey: "0", children: [_jsxs(Accordion.Header, { children: [(inputs || []).length, " input location", (inputs || []).length === 1 ? "" : "s"] }), _jsx(Accordion.Body, { children: _jsx(ListGroup, { variant: "flush", children: !inputs || inputs.length === 0 ? (_jsx(ListGroup.Item, { children: "Choose at least one Stripping line, otherwise no decay candidates will be selected" })) : (inputs.map((location, i) => (_jsx(ListGroup.Item, { children: _jsx("code", { children: location }) }, i)))) }) })] }) })] }));
+}

package/dist/components/DecayTreeGraph.d.ts

@@ -0,0 +1,9 @@
+import { DecayData } from "../models/decayData";
+interface Props {
+    decay: DecayData;
+    lockGraphZoom: boolean;
+    selectedParticlesIds: string[];
+    onNodeSelectionChanged: (nodeIds: string[]) => void;
+}
+export declare function DecayTreeGraph({ decay, lockGraphZoom, selectedParticlesIds, onNodeSelectionChanged }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DecayTreeGraph.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-expect-error The react-graph-vis package does not have types
+import Graph from "react-graph-vis";
+import { config } from "../config";
+import { tex2svg } from "../utils/mathjaxUtils";
+import { useMetadata } from "../providers/MetadataProvider";
+import { useEffect, useState } from "react";
+export function DecayTreeGraph({ decay, lockGraphZoom, selectedParticlesIds, onNodeSelectionChanged }) {
+    const metadata = useMetadata();
+    // eslint-disable-next-line
+    const [network, setNetwork] = useState(null);
+    useEffect(() => {
+        // eslint-disable-next-line
+        network?.selectNodes(selectedParticlesIds);
+    }, [selectedParticlesIds]);
+    useEffect(() => {
+        // eslint-disable-next-line
+        network?.setOptions({ interaction: { zoomView: lockGraphZoom } });
+    }, [lockGraphZoom]);
+    function htmlTitle(text) {
+        const container = document.createElement("span");
+        container.innerText = text;
+        return container;
+    }
+    function makeSVG(text, colour = "black") {
+        const pipes = "\\phantom{{}^{|-}_{|-}}"; // looks weird but helps ensure uniform text scaling
+        const texSVG = tex2svg(`${pipes}${text}${pipes}`).innerHTML.replaceAll("currentColor", colour);
+        return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(texSVG)}`;
+    }
+    function buildGraph() {
+        const graph = { nodes: [], edges: [] };
+        if (!metadata) {
+            return graph;
+        }
+        const addNodeAndEdge = (item, parentId) => {
+            const { branch, particle } = item;
+            const particleProperties = metadata.particleProperties[particle];
+            graph.nodes.push({
+                id: branch,
+                label: branch,
+                title: htmlTitle(particleProperties.html),
+                shape: "image",
+                image: {
+                    selected: makeSVG(particleProperties.latex, "#0d6efd"),
+                    unselected: makeSVG(particleProperties.latex, "black"),
+                },
+            });
+            if (parentId !== null) {
+                graph.edges.push({ from: parentId, to: branch });
+            }
+            return branch;
+        };
+        const walk = (term, parentId) => {
+            if (!Array.isArray(term)) {
+                return addNodeAndEdge(term, parentId);
+            }
+            let lastParentId = parentId;
+            for (const element of term) {
+                if (Array.isArray(element)) {
+                    if (lastParentId == null) {
+                        throw new Error("Nested decay without parent node");
+                    }
+                    walk(element, lastParentId);
+                }
+                else {
+                    lastParentId = addNodeAndEdge(element, parentId);
+                }
+            }
+        };
+        walk(decay.descriptors.mapped_list, null);
+        return graph;
+    }
+    return (_jsx(Graph, { graph: buildGraph(), options: config.dttGraphOptions, events: {
+            // @ts-expect-error The react-graph-vis package does not have types
+            selectNode: (event) => {
+                // eslint-disable-next-line
+                onNodeSelectionChanged(event.nodes);
+            },
+            // @ts-expect-error The react-graph-vis package does not have types
+            deselectNode: (event) => {
+                // eslint-disable-next-line
+                onNodeSelectionChanged(event.nodes);
+            },
+        }, 
+        // @ts-expect-error The react-graph-vis package does not have types
+        getNetwork: (n) => {
+            setNetwork(n);
+        } }));
+}

package/dist/components/DeleteButton.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface Props {
+    action: () => void;
+    outline?: boolean;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare function DeleteButton({ action, outline, disabled, children }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/DeleteButton.js

@@ -1,56 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-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(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*****************************************************************************\
-* (c) Copyright 2021-2022 CERN for the benefit of the LHCb Collaboration      *
-*                                                                             *
-* This software is distributed under the terms of the GNU General Public      *
-* Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
-*                                                                             *
-* In applying this licence, CERN does not waive the privileges and immunities *
-* granted to it by virtue of its status as an Intergovernmental Organization  *
-* or submit itself to any jurisdiction.                                       *
-\*****************************************************************************/
-
-class DeleteButton extends _react.default.Component {
-  render() {
-    if (this.props.disabled) {
-      return null;
+ * (c) Copyright 2021-2022 CERN for the benefit of the LHCb Collaboration      *
+ *                                                                             *
+ * This software is distributed under the terms of the GNU General Public      *
+ * Licence version 3 (GPL Version 3), copied verbatim in the file "COPYING".   *
+ *                                                                             *
+ * In applying this licence, CERN does not waive the privileges and immunities *
+ * granted to it by virtue of its status as an Intergovernmental Organization  *
+ * or submit itself to any jurisdiction.                                       *
+ \*****************************************************************************/
+import { Button, OverlayTrigger, Popover } from "react-bootstrap";
+import { Trash } from "react-bootstrap-icons";
+export function DeleteButton({ action, outline, disabled, children }) {
+    if (disabled) {
+        return null;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-      trigger: "click",
-      placement: "right",
-      rootClose: true,
-      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Body, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-            variant: "danger",
-            onClick: this.props.action,
-            children: "Confirm"
-          })
-        })
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
-        variant: this.props.outline ? "outline-danger" : "danger",
-        disabled: this.props.disabled,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Trash, {}), " ", this.props.children]
-      })
-    });
-  }
+    return (_jsx(OverlayTrigger, { trigger: "click", placement: "auto", rootClose: true, overlay: _jsx(Popover, { children: _jsx(Popover.Body, { children: _jsx(Button, { variant: "danger", onClick: action, children: "Confirm" }) }) }), children: _jsxs(Button, { variant: outline ? "outline-danger" : "danger", disabled: disabled, children: [_jsx(Trash, {}), " ", children] }) }));
 }
-DeleteButton.propTypes = {
-  action: _propTypes.default.func,
-  outline: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  children: _propTypes.default.node
-};
-var _default = exports.default = DeleteButton;

package/dist/components/DttNameInput.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from "../models/rowData";
+interface Props {
+    row: RowData;
+    hideDownloadButtons: boolean;
+    hideUploadButtons: boolean;
+    variablesPath: string;
+}
+export declare function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, variablesPath }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};