lhcb-ntuple-wizard-test 2.0.0 → 2.0.1

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

@@ -0,0 +1,19 @@
+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.                                       *
+ \*****************************************************************************/
+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 (_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] }) }));
+}

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 {};

package/dist/components/DttNameInput.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ButtonGroup, Card, FormControl, InputGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
+import { useState } from "react";
+import { Download, ExclamationCircle, GearWideConnected, PlusLg, Upload } from "react-bootstrap-icons";
+import { DeleteButton } from "./DeleteButton";
+import { DecayLatex } from "./DecayLatex";
+import Dtt from "../models/dtt";
+import { useRows } from "../providers/RowsProvider";
+import { useNavigate } from "react-router-dom";
+import { useMetadata } from "../providers/MetadataProvider";
+import { downloadText } from "../utils/utils";
+import { UploadDttConfigModal } from "./modals/UploadDttConfigModal";
+import { YamlFile } from "../models/yamlFile";
+export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, variablesPath }) {
+    const { rows, setRows } = useRows();
+    const navigate = useNavigate();
+    const metadata = useMetadata();
+    const [showUploadModal, setShowUploadModal] = useState(false);
+    const [dttName, setDttName] = useState(row.dtt?.getName() || "");
+    const [dttNameValid, setDttNameValid] = useState(true);
+    const [autoFocus, setAutoFocus] = useState(false);
+    if (!metadata) {
+        return null;
+    }
+    function allNameCharsValid(name) {
+        const pattern = /^[a-zA-Z0-9_:-]+$/;
+        return pattern.test(name);
+    }
+    function validateName() {
+        const trimmedName = dttName.trim();
+        const isNameEmpty = trimmedName === "";
+        const areCharsValid = allNameCharsValid(trimmedName);
+        const otherRowNames = rows.filter((r) => r.id !== row.id).map((row) => row.dtt?.getName() || "");
+        const isNameDuplicate = otherRowNames.includes(trimmedName);
+        const valid = !isNameEmpty && areCharsValid && !isNameDuplicate;
+        setDttNameValid(valid);
+        return valid;
+    }
+    const handleCreateDTT = () => {
+        const dtt = Dtt.create(row.decay.descriptors.template, row.decay.descriptors.mapped_list.flatMap((item) => (Array.isArray(item) ? item : [item])), [], "", metadata.tupleTools.tupleTools);
+        setRows((prev) => {
+            return prev.map((r) => (r.id === row.id ? { ...r, dtt: dtt.withInputsFromLines(row.lines) } : r));
+        });
+        setAutoFocus(true);
+    };
+    const handleConfigureDtt = (id) => {
+        setRows(rows.map((row) => ({ ...row, editTree: row.id === id })));
+        void navigate(variablesPath);
+    };
+    const handleDeleteDtt = (id) => {
+        setRows((prev) => prev.map((r) => (r.id === id ? { ...r, dtt: null } : r)));
+        setDttName("");
+    };
+    return (_jsxs(Card, { children: [_jsxs(Card.Header, { className: "d-flex justify-content-between align-items-start gap-2", children: [row.dtt && (_jsxs(InputGroup, { hasValidation: true, children: [_jsx(FormControl, { autoFocus: autoFocus, placeholder: "DecayTree", value: dttName, onBlur: () => {
+                                    if (!validateName()) {
+                                        return;
+                                    }
+                                    setRows((prev) => {
+                                        return prev.map((r) => r.id === row.id ? { ...r, dtt: r.dtt.withName(dttName) } : r);
+                                    });
+                                }, onChange: (event) => {
+                                    setDttName(event.target.value);
+                                    setDttNameValid(true);
+                                }, isInvalid: !dttNameValid }), _jsx(FormControl.Feedback, { type: "invalid", children: dttName.trim() === ""
+                                    ? "Name cannot be empty"
+                                    : !allNameCharsValid(dttName.trim())
+                                        ? "Name contains invalid characters"
+                                        : "Must give a unique name" })] })), _jsx(ButtonGroup, { children: row.dtt ? (_jsxs(_Fragment, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Configure this DecayTreeTuple" }), children: _jsx(Button, { type: "submit", variant: "secondary", onClick: () => {
+                                            handleConfigureDtt(row.id);
+                                        }, disabled: !dttNameValid, className: "align-items-center d-flex", children: _jsx(GearWideConnected, {}) }) }), !hideDownloadButtons && (_jsx(_Fragment, { children: _jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Download DecayTreeTuple YAML configuration file" }), children: _jsx(Button, { className: "align-items-center d-flex ms-auto", type: "button", onClick: () => {
+                                                downloadText(YamlFile.fromDtt(row.dtt));
+                                            }, disabled: !dttNameValid, children: _jsx(Download, {}) }) }) })), _jsx(DeleteButton, { action: () => handleDeleteDtt(row.id) })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex align-items-center gap-2", children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Please add a DecayTreeTuple in order to complete the production configuration" }), children: _jsx(ExclamationCircle, { width: 20, height: 20, className: "text-danger me-2" }) }), _jsxs(ButtonGroup, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Add a DecayTreeTuple" }), children: _jsx(Button, { type: "submit", variant: "success", onClick: handleCreateDTT, disabled: !metadata, children: _jsx(PlusLg, {}) }) }), !hideUploadButtons && (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Upload DecayTreeTuple configuration file" }), children: _jsx(Button, { className: "ms-auto", type: "button", onClick: () => setShowUploadModal(true), children: _jsx(Upload, {}) }) }))] })] }), showUploadModal && (_jsx(UploadDttConfigModal, { row: row, onClose: () => setShowUploadModal(false) }))] })) })] }), _jsx(Card.Body, { children: _jsx(DecayLatex, { decay: row.decay }) })] }));
+}