lhcb-ntuple-wizard 2.0.0 → 2.0.2

package/README.md

@@ -53,11 +53,10 @@ const App = () => {
     return (
         <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={true} // Can be overridden by submitLocation
+            submitLocation="" // Some endpoint to submit the request to
+            requestReasonMessage="Please provide a reason for your request."
+            requestSubmittedMessage={<>Some message to display when the request is submitted</>}
         />
     );
 };

package/dist/App.js

@@ -16,7 +16,5 @@ 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." }) }) }) })] }));
+    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, {}) }) })] }));
 }

package/dist/components/BookkeepingPathDropdown.d.ts

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

package/dist/components/BookkeepingPathDropdown.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Creatable from "react-select/creatable";
+import { useRow } from "../providers/RowProvider";
+import { useCallback, useMemo } from "react";
+import { useRows } from "../providers/RowsProvider";
+import { useMetadata } from "../providers/MetadataProvider";
+import { DatasetInfo } from "./DatasetInfo";
+export function BookkeepingPathDropdown() {
+    const metadata = useMetadata();
+    const { row, validateBkPath, updateBkPaths } = useRow();
+    const { updateRow } = useRows();
+    if (!metadata) {
+        return null;
+    }
+    const getOptionFromPath = useCallback((path) => ({
+        value: path,
+        label: _jsx(DatasetInfo, { pathString: path }),
+    }), []);
+    const defaultPaths = useMemo(() => {
+        const defaults = metadata.dataset.filter((path) => validateBkPath(path)).map(getOptionFromPath);
+        return [...defaults, ...row.pathOptions.map(getOptionFromPath)];
+    }, [metadata.dataset, row.pathOptions, validateBkPath, getOptionFromPath]);
+    const handleCreatePath = useCallback((path) => {
+        if (!validateBkPath(path)) {
+            alert(`The path '${path}' is not valid for the selected stripping line.`);
+            return;
+        }
+        updateRow(row.id, (r) => ({
+            ...r,
+            paths: [...r.paths, path],
+            pathOptions: [...r.pathOptions, path],
+        }));
+    }, [row.id, validateBkPath, updateRow]);
+    return (_jsx(Creatable, { isMulti: true, options: defaultPaths, value: row.paths.map(getOptionFromPath), isDisabled: !row.lines.length, placeholder: "Bookkeeping path", onChange: (v) => updateBkPaths(v.map((i) => i.value)), onCreateOption: handleCreatePath, closeMenuOnSelect: false }));
+}

package/dist/components/DatasetInfo.d.ts

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

package/dist/components/DatasetInfo.js

@@ -14,8 +14,14 @@ import { YearBadge } from "./YearBadge.js";
 import { PolarityBadge } from "./PolarityBadge.js";
 import { StrippingLineBadge } from "./StrippingLineBadge";
 import { DatasetEventTypeBadge } from "./DatasetEventTypeBadge";
-import BkPath from "../models/bkPath.js";
+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() })] })] }));
+    try {
+        const path = new BkPath(pathString);
+        return (_jsxs("span", { children: [path.fileName, _jsx("br", {}), _jsxs(Stack, { direction: "horizontal", style: { flexWrap: "wrap" }, gap: 1, children: [_jsx(DatasetEventTypeBadge, { eventType: path.eventType }), _jsx(YearBadge, { year: path.year }), _jsx(PolarityBadge, { polarity: path.polarity || "?" }), _jsx(StrippingLineBadge, { version: path.strippingVersion })] })] }));
+    }
+    catch (e) {
+        console.error("Error parsing bookkeeping path:", e);
+        return null;
+    }
 }

package/dist/components/DttNameInput.js

@@ -9,10 +9,10 @@ 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";
+import { UploadDttConfigModal } from "./modals/UploadDttConfigModal";
 export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, variablesPath }) {
-    const { rows, setRows } = useRows();
+    const { rows, updateRow } = useRows();
     const navigate = useNavigate();
     const metadata = useMetadata();
     const [showUploadModal, setShowUploadModal] = useState(false);
@@ -38,26 +38,25 @@ export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, vari
     }
     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));
-        });
+        updateRow(row.id, (r) => ({
+            ...r,
+            dtt: dtt.withInputsFromLines(row.lines),
+        }));
         setAutoFocus(true);
     };
-    const handleConfigureDtt = (id) => {
-        setRows(rows.map((row) => ({ ...row, editTree: row.id === id })));
+    const handleConfigureDtt = () => {
+        updateRow(row.id, (r) => ({ ...r, editTree: true }));
         void navigate(variablesPath);
     };
-    const handleDeleteDtt = (id) => {
-        setRows((prev) => prev.map((r) => (r.id === id ? { ...r, dtt: null } : r)));
+    const handleDeleteDtt = () => {
+        updateRow(row.id, (r) => ({ ...r, dtt: null }));
         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);
-                                    });
+                                    updateRow(row.id, (r) => ({ ...r, dtt: r.dtt.withName(dttName) }));
                                 }, onChange: (event) => {
                                     setDttName(event.target.value);
                                     setDttNameValid(true);
@@ -65,9 +64,7 @@ export function DttNameInput({ row, hideDownloadButtons, hideUploadButtons, vari
                                     ? "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: () => {
+                                        : "Name is already taken" })] })), _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, 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 }) })] }));
+                                            }, disabled: !dttNameValid, children: _jsx(Download, {}) }) }) })), _jsx(DeleteButton, { action: handleDeleteDtt })] })) : (_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, { currentRow: row, onClose: () => setShowUploadModal(false) }))] })) })] }), _jsx(Card.Body, { children: _jsx(DecayLatex, { decay: row.decay }) })] }));
 }

package/dist/components/NtupleWizard.d.ts

@@ -11,16 +11,11 @@
 import "bootstrap/dist/css/bootstrap.css";
 import { ReactNode } from "react";
 interface Props {
-    basePath: string;
-    decaysPath: string;
-    variablesPath: string;
+    basePath?: string;
     contactEmail?: string;
     submitLocation?: string;
-    hideDownloadButtons?: boolean;
-    hideUploadButtons?: boolean;
     requestReasonMessage?: string;
     requestSubmittedMessage?: ReactNode;
-    csrfToken?: string;
 }
-export declare function NtupleWizard({ basePath, decaysPath, variablesPath, submitLocation, hideDownloadButtons, hideUploadButtons, requestReasonMessage, requestSubmittedMessage, csrfToken, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function NtupleWizard({ basePath, contactEmail, submitLocation, requestReasonMessage, requestSubmittedMessage, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/NtupleWizard.js

@@ -14,20 +14,15 @@ import { useLocation } from "react-router-dom";
 import { MetadataProvider } from "../providers/MetadataProvider.js";
 import { DecaySearchPage } from "../pages/DecaySearchPage";
 import { DecayTreeConfigPage } from "../pages/DecayTreeConfigPage";
-import { LinesTablePage } from "../pages/LinesTablePage";
+import { RequestPage } from "../pages/RequestPage";
 import { MathJaxContext } from "better-react-mathjax";
 import { RowsProvider } from "../providers/RowsProvider.js";
 import { RequestProvider } from "../providers/RequestProvider";
-import { ProductionConfigProvider } from "../providers/ProductionConfigProvider";
-export function NtupleWizard({ basePath, decaysPath, variablesPath, submitLocation, hideDownloadButtons, hideUploadButtons, requestReasonMessage, requestSubmittedMessage, csrfToken = "", ...props }) {
+import { SELECT_DECAYS_PATH, VARIABLES_PATH } from "../constants";
+export function NtupleWizard({ basePath = "", contactEmail, submitLocation, requestReasonMessage, requestSubmittedMessage, }) {
     const { pathname } = useLocation();
-    let emailIsKnown = false;
-    if (props.contactEmail) {
-        localStorage.setItem("email", props.contactEmail);
-        emailIsKnown = true;
+    if (contactEmail) {
+        localStorage.setItem("email", contactEmail);
     }
-    if (!submitLocation) {
-        hideDownloadButtons = false;
-    }
-    return (_jsx(MetadataProvider, { children: _jsx(ProductionConfigProvider, { children: _jsx(RowsProvider, { children: _jsx(RequestProvider, { children: _jsx(MathJaxContext, { children: pathname.endsWith("/select-decays") ? (_jsx(DecaySearchPage, { basePath: basePath })) : pathname.endsWith("/variables") ? (_jsx(DecayTreeConfigPage, { basePath: basePath })) : (_jsx(LinesTablePage, { decaysPath: decaysPath, variablesPath: variablesPath, submitLocation: submitLocation, hideDownloadButtons: hideDownloadButtons, hideUploadButtons: hideUploadButtons, emailIsKnown: emailIsKnown, requestReasonMessage: requestReasonMessage, requestSubmittedMessage: requestSubmittedMessage, csrfToken: csrfToken })) }) }) }) }) }));
+    return (_jsx(MetadataProvider, { children: _jsx(RowsProvider, { children: _jsx(RequestProvider, { emailIsKnown: !!contactEmail, children: _jsx(MathJaxContext, { children: pathname.endsWith(SELECT_DECAYS_PATH) ? (_jsx(DecaySearchPage, { basePath: basePath })) : pathname.endsWith(VARIABLES_PATH) ? (_jsx(DecayTreeConfigPage, { basePath: basePath })) : (_jsx(RequestPage, { basePath: basePath, submitLocation: submitLocation, requestReasonMessage: requestReasonMessage, requestSubmittedMessage: requestSubmittedMessage })) }) }) }) }));
 }

package/dist/components/ProductionNameInput.d.ts

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

package/dist/components/ProductionNameInput.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, InputGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
+import { useRequest } from "../providers/RequestProvider";
+export function ProductionNameInput() {
+    const { productionName, setProductionName, showErrors } = useRequest();
+    return (_jsxs(InputGroup, { hasValidation: true, children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Name of this production. This will become the subdirectory in AnalysisProductions" }), children: _jsx(InputGroup.Text, { children: "Production name" }) }), _jsx(FormControl, { value: productionName, onChange: (event) => setProductionName(event.target.value.replaceAll(/[^\w]/g, "")), isInvalid: showErrors && !productionName, placeholder: "MyAnalysis" }), _jsx(FormControl.Feedback, { type: "invalid", children: "Please enter a production name" })] }));
+}

package/dist/components/RequestButtonGroup.d.ts

@@ -0,0 +1,7 @@
+import { NtupleWizardVariant } from "../pages/RequestPage";
+interface Props {
+    variant: NtupleWizardVariant;
+    basePath: string;
+}
+export declare function RequestButtonGroup({ variant, basePath }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/RequestButtonGroup.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, ButtonGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
+import { SELECT_DECAYS_PATH, VARIABLES_PATH } from "../constants";
+import { useNavigate } from "react-router-dom";
+import { Download, GearWideConnected, PlusLg, Upload } from "react-bootstrap-icons";
+import { UploadDttConfigModal } from "./modals/UploadDttConfigModal";
+import { downloadText } from "../utils/utils";
+import { YamlFile } from "../models/yamlFile";
+import { useRows } from "../providers/RowsProvider";
+import { useMetadata } from "../providers/MetadataProvider";
+import { useRequest } from "../providers/RequestProvider";
+import { useState } from "react";
+export function RequestButtonGroup({ variant, basePath }) {
+    const metadata = useMetadata();
+    const { validation } = useRequest();
+    const { rows, configuredRows, setRows } = useRows();
+    const navigate = useNavigate();
+    const [showProdUploadModal, setShowProdUploadModal] = useState(false);
+    const handleSubmitRows = async () => {
+        setRows((prev) => prev.map((r) => ({ ...r, editTree: true })));
+        await navigate(`${basePath}${VARIABLES_PATH}`);
+    };
+    if (!metadata) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [showProdUploadModal && _jsx(UploadDttConfigModal, { onClose: () => setShowProdUploadModal(false) }), _jsxs(ButtonGroup, { children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Select decays" }), children: _jsxs(Button, { type: "submit", variant: "success", onClick: () => void navigate(`${basePath}${SELECT_DECAYS_PATH}`), className: "align-items-center d-flex gap-1", children: [_jsx(PlusLg, {}), " Select decays"] }) }), variant === "standalone" && (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Upload Production configuration file" }), children: _jsx(Button, { className: "ms-auto align-items-center d-flex", type: "button", onClick: () => setShowProdUploadModal(true), children: _jsx(Upload, {}) }) })), _jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Configure all DecayTreeTuples" }), children: _jsxs(Button, { type: "submit", variant: "secondary", onClick: () => {
+                                handleSubmitRows().catch(console.error);
+                            }, disabled: !validation.allRowsHaveDtt, className: "align-items-center d-flex gap-1", children: [_jsx(GearWideConnected, {}), " ", _jsx(Badge, { pill: true, bg: "primary", children: configuredRows.length })] }) }), variant === "standalone" && (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Download Analysis Production configuration file (info.yaml)" }), children: _jsx(Button, { variant: "primary", type: "button", onClick: () => downloadText(YamlFile.createInfoYaml(rows, metadata)), disabled: !validation.allRowsHaveDtt || !validation.allRowsHavePaths || !validation.isEmailValid, className: "align-items-center d-flex", children: _jsx(Download, {}) }) }))] })] }));
+}

package/dist/components/RequestEmailInput.d.ts

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

package/dist/components/RequestEmailInput.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, InputGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
+import { useRequest } from "../providers/RequestProvider";
+export function RequestEmailInput() {
+    const { contactEmails, setContactEmails, showErrors, validation } = useRequest();
+    return (_jsxs(InputGroup, { hasValidation: true, className: "mt-1", children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Email address(es) to notify (comma-separated)" }), children: _jsx(InputGroup.Text, { children: "Email(s)" }) }), _jsx(FormControl, { value: contactEmails.join(", "), onChange: (event) => setContactEmails(event.target.value.split(/[\s,]+/).filter(Boolean)), isInvalid: showErrors && !validation.isEmailValid, placeholder: "name@example.com" }), _jsx(FormControl.Feedback, { type: "invalid", children: "Please enter valid email addresses" })] }));
+}

package/dist/components/RequestRow.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    hideDownloadButtons: boolean;
+    hideUploadButtons: boolean;
+    variablesPath: string;
+}
+export declare function RequestRow({ hideDownloadButtons, hideUploadButtons, variablesPath }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/RequestRow.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Col, OverlayTrigger, Popover, Row } from "react-bootstrap";
+import { InfoCircle } from "react-bootstrap-icons";
+import { StrippingLineInfo } from "./StrippingLineInfo";
+import { DeleteButton } from "./DeleteButton";
+import { DttNameInput } from "./DttNameInput";
+import { useMetadata } from "../providers/MetadataProvider";
+import { useRows } from "../providers/RowsProvider";
+import { BookkeepingPathDropdown } from "./BookkeepingPathDropdown";
+import { StrippingLineDropdown } from "./StrippingLineDropdown";
+import { useRow } from "../providers/RowProvider";
+export function RequestRow({ hideDownloadButtons, hideUploadButtons, variablesPath }) {
+    const metadata = useMetadata();
+    const { row } = useRow();
+    const { removeRow } = useRows();
+    if (!metadata) {
+        return null;
+    }
+    return (_jsxs(Row, { className: "align-items-center", children: [_jsx(Col, { lg: true, children: _jsx(DttNameInput, { row: row, hideDownloadButtons: hideDownloadButtons, hideUploadButtons: hideUploadButtons, variablesPath: variablesPath }) }), _jsx(Col, { lg: true, children: _jsx(StrippingLineDropdown, {}) }), _jsx(Col, { xs: "auto", children: _jsx(OverlayTrigger, { trigger: "click", placement: "right", rootClose: true, overlay: _jsx(Popover, { children: _jsx(Popover.Body, { children: row.lines.map((line) => (_jsx(StrippingLineInfo, { line: line.line, stream: line.stream, versions: line.versions, showLink: true }, line.line))) }) }), children: _jsx(Button, { disabled: row.lines.length === 0, children: _jsx(InfoCircle, {}) }) }) }), _jsx(Col, { children: _jsx(BookkeepingPathDropdown, {}) }), _jsx(Col, { xs: "auto", children: _jsx(DeleteButton, { action: () => removeRow(row.id) }) })] }));
+}

package/dist/components/StrippingLineBadge.js

@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * granted to it by virtue of its status as an Intergovernmental Organization  *
  * or submit itself to any jurisdiction.                                       *
  \*****************************************************************************/
-import { Badge, OverlayTrigger, Spinner, Tooltip } from "react-bootstrap";
+import { Badge, OverlayTrigger, Tooltip } from "react-bootstrap";
 import { useMetadata } from "../providers/MetadataProvider.js";
 export function StrippingLineBadge({ version, line, stream, showLink }) {
     const metadata = useMetadata();
@@ -17,7 +17,6 @@ export function StrippingLineBadge({ version, line, stream, showLink }) {
     const url = line && metadata && stream
         ? metadata.stripping[version][line].url[stream]
         : `http://lhcbdoc.web.cern.ch/lhcbdoc/stripping/config/stripping${version}/index.html`;
-    const { description } = metadata ? metadata.strippingHints[version] : { description: _jsx(Spinner, { animation: "border" }) };
     const badgeProps = showLink
         ? {
             as: "a",
@@ -25,5 +24,5 @@ export function StrippingLineBadge({ version, line, stream, showLink }) {
             target: "_blank",
         }
         : {};
-    return (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: description }), children: _jsx(Badge, { pill: true, bg: "info", ...badgeProps, children: "S" + version }) }));
+    return (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: metadata ? metadata.strippingHints[version].description : "..." }), children: _jsx(Badge, { pill: true, bg: "info", ...badgeProps, children: "S" + version }) }));
 }

package/dist/components/StrippingLineDropdown.d.ts

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

package/dist/components/StrippingLineDropdown.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Select from "react-select";
+import { useRow } from "../providers/RowProvider";
+import { StrippingLineInfo } from "./StrippingLineInfo";
+import { useRows } from "../providers/RowsProvider";
+import { useCallback, useMemo } from "react";
+export function StrippingLineDropdown() {
+    const { row, updateBkPaths } = useRow();
+    const { updateRow } = useRows();
+    const handleStrippingLineChanged = useCallback((lineOption) => {
+        const lines = [
+            {
+                stream: lineOption.group,
+                line: lineOption.value,
+                versions: row.decay.lines[`${lineOption.group}/${lineOption.value}`],
+            },
+        ];
+        updateBkPaths(row.paths, lines);
+        updateRow(row.id, (r) => ({
+            ...r,
+            lines,
+            dtt: r.dtt ? r.dtt.withInputsFromLines(lines) : null,
+        }));
+    }, [row, updateBkPaths, updateRow]);
+    const strippingLineOptions = useMemo(() => {
+        const grouped = {};
+        Object.entries(row.decay.lines).forEach(([streamLine, versions]) => {
+            const [stream, line] = streamLine.split("/");
+            grouped[stream] ??= [];
+            if (grouped[stream].some((o) => o.value === line))
+                return;
+            grouped[stream].push({
+                value: line,
+                group: stream,
+                label: _jsx(StrippingLineInfo, { line: line, stream: stream, versions: versions }),
+            });
+        });
+        return Object.entries(grouped).map(([label, options]) => ({
+            label,
+            options,
+        }));
+    }, [row.decay.lines]);
+    return (_jsx(Select, { options: strippingLineOptions, value: row.lines.map((l) => ({
+            value: l.line,
+            group: l.stream,
+            label: _jsx(StrippingLineInfo, { line: l.line, stream: l.stream, versions: l.versions, showLink: false }),
+        })), placeholder: "Stripping line", onChange: (v) => handleStrippingLineChanged(v), menuPortalTarget: document.body, menuPosition: "fixed", styles: { menuPortal: (b) => ({ ...b, zIndex: 9999 }) } }));
+}

package/dist/components/modals/ReasonForRequestModal.d.ts

@@ -1,8 +1,7 @@
 interface Props {
     submitLocation: string;
     onClose: (submitted: boolean) => void;
-    requestReasonMessage?: string;
-    csrfToken?: string;
+    requestReasonMessage: string;
 }
-export declare function ReasonForRequestModal({ submitLocation, onClose, requestReasonMessage, csrfToken }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ReasonForRequestModal({ submitLocation, onClose, requestReasonMessage }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/modals/ReasonForRequestModal.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Alert, Button, FormControl, InputGroup, Modal, OverlayTrigger, Spinner, Tooltip } from "react-bootstrap";
 import { useRequest } from "../../providers/RequestProvider";
 import { useState } from "react";
 import { useRows } from "../../providers/RowsProvider";
-export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMessage, csrfToken }) {
+export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMessage }) {
     const { generateAllFiles } = useRows();
     const { productionName, reasonForRequest, setReasonForRequest } = useRequest();
     const [requestLoading, setRequestLoading] = useState(false);
@@ -19,17 +19,10 @@ export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMe
         formData.append("email", localStorage.getItem("email") || "");
         formData.append("name", productionName);
         formData.append("reasonForRequest", reasonForRequest);
-        let headers = {};
-        if (csrfToken) {
-            headers = {
-                "X-Csrf-Token": csrfToken,
-            };
-        }
         fetch(url, {
             method: "POST",
             body: formData,
             credentials: "include",
-            headers: headers,
         })
             .then((response) => {
             if (!response.ok) {
@@ -45,5 +38,5 @@ export function ReasonForRequestModal({ submitLocation, onClose, requestReasonMe
             setRequestLoading(false);
         });
     };
-    return (_jsxs(Modal, { show: true, onHide: () => onClose(false), size: "lg", children: [_jsx(Modal.Header, { closeButton: true, children: _jsx(Modal.Title, { children: "Reason for request" }) }), _jsxs(Modal.Body, { children: [_jsx(Alert, { children: requestReasonMessage }), requestError && _jsx(Alert, { variant: "danger", children: requestError }), _jsxs(InputGroup, { hasValidation: true, children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Reason for requesting the chosen ntuples" }), children: _jsx(InputGroup.Text, { children: "Reason for request" }) }), _jsx(FormControl, { as: "textarea", rows: 3, value: reasonForRequest, onChange: (event) => setReasonForRequest(event.target.value), isValid: !!reasonForRequest, placeholder: "I need these ntuples for..." })] })] }), _jsx(Modal.Footer, { children: _jsx(Button, { variant: "primary", onClick: () => submitRequest(submitLocation), children: requestLoading ? _jsx(Spinner, { animation: "border" }) : "Submit" }) })] }));
+    return (_jsxs(Modal, { show: true, onHide: () => onClose(false), size: "lg", children: [_jsx(Modal.Header, { closeButton: true, children: _jsx(Modal.Title, { children: "Reason for request" }) }), _jsxs(Modal.Body, { children: [_jsx(Alert, { children: requestReasonMessage }), requestError && _jsx(Alert, { variant: "danger", children: requestError }), _jsxs(InputGroup, { hasValidation: true, children: [_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: "Reason for requesting the chosen ntuples" }), children: _jsx(InputGroup.Text, { children: "Reason for request" }) }), _jsx(FormControl, { as: "textarea", rows: 3, value: reasonForRequest, onChange: (event) => setReasonForRequest(event.target.value), isValid: !!reasonForRequest, placeholder: "I need these ntuples for..." })] })] }), _jsx(Modal.Footer, { children: _jsx(Button, { variant: "primary", disabled: !reasonForRequest || requestLoading, onClick: () => submitRequest(submitLocation), children: requestLoading ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { animation: "border", size: "sm" }), " Submitting..."] })) : ("Submit request") }) })] }));
 }

package/dist/components/modals/UploadDttConfigModal.d.ts

@@ -1,7 +1,7 @@
 import { RowData } from "../../models/rowData";
 interface Props {
-    row: RowData;
     onClose: () => void;
+    currentRow?: RowData;
 }
-export declare function UploadDttConfigModal({ row, onClose }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function UploadDttConfigModal({ onClose, currentRow }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/modals/UploadDttConfigModal.js

@@ -1,35 +1,65 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Form, Modal } from "react-bootstrap";
-import yaml from "js-yaml";
-import Dtt from "../../models/dtt";
+import { Button, Form, ListGroup, Modal } from "react-bootstrap";
+import { useState } from "react";
+import { useMetadata } from "../../providers/MetadataProvider";
 import { useRows } from "../../providers/RowsProvider";
-export function UploadDttConfigModal({ row, onClose }) {
-    const { setRows } = useRows();
-    const uploadConfig = (files) => {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            if (!e.target) {
+import { useRequest } from "../../providers/RequestProvider";
+import { parseProductionFiles } from "../../utils/utils";
+export function UploadDttConfigModal({ onClose, currentRow }) {
+    const metadata = useMetadata();
+    const { setRows, updateRow } = useRows();
+    const { setContactEmails } = useRequest();
+    const [files, setFiles] = useState([]);
+    const [loading, setLoading] = useState(false);
+    async function handleImport(metadata) {
+        if (files.length === 0) {
+            return;
+        }
+        setLoading(true);
+        const { rows, emails, errors, warnings } = await parseProductionFiles(Array.from(files), metadata);
+        setLoading(false);
+        if (Object.keys(errors).length > 0) {
+            const errorMessages = Object.entries(errors)
+                .map(([file, error]) => `${file}: ${error}`)
+                .join("\n");
+            alert(`Some errors were found while importing the configuration files:\n\n${errorMessages}`);
+            return;
+        }
+        else if (Object.keys(warnings).length > 0) {
+            const warningMessages = Object.entries(warnings)
+                .map(([file, warning]) => `${file}: ${warning}`)
+                .join("\n");
+            if (!confirm(`Some warnings were found while importing the configuration files:\n\n${warningMessages}\n\nContinue?`)) {
                 return;
             }
-            const text = e.target.result;
-            const config = yaml.load(text);
-            if (config.descriptorTemplate === row.decay.descriptors.template) {
-                const dtt = new Dtt(config, {});
-                setRows((prev) => {
-                    return prev.map((r) => (r.id === row.id ? { ...r, dtt: dtt.withInputsFromLines(row.lines) } : r));
-                });
+        }
+        if (currentRow) {
+            const importedRow = rows[0];
+            const importedConfig = importedRow.dtt.config;
+            if (importedConfig.descriptorTemplate === currentRow.decay.descriptors.template) {
+                updateRow(currentRow.id, (r) => ({
+                    ...r,
+                    dtt: importedRow.dtt.withInputsFromLines(currentRow.lines),
+                }));
                 onClose();
             }
             else {
                 alert("Make sure to upload a previously downloaded configuration file for the same decay.");
             }
-        };
-        reader.readAsText(files[0]);
-    };
-    return (_jsxs(Modal, { show: true, animation: false, children: [_jsx(Modal.Header, { children: _jsx(Modal.Title, { children: " Upload configuration file " }) }), _jsx(Modal.Body, { children: _jsx(Form.Group, { controlId: "formFile1", className: "mb-3", children: _jsx(Form.Control, { type: "file", onChange: (event) => {
-                            if (!event.target.files)
-                                return;
-                            event.preventDefault();
-                            uploadConfig(event.target.files);
-                        } }) }) }), _jsx(Modal.Footer, { children: _jsx(Button, { variant: "secondary", onClick: onClose, children: "Close" }) })] }));
+        }
+        else {
+            setRows(rows);
+            setContactEmails(emails);
+            onClose();
+        }
+    }
+    if (!metadata) {
+        return null;
+    }
+    return (_jsxs(Modal, { show: true, animation: false, children: [_jsx(Modal.Header, { children: _jsx(Modal.Title, { children: " Upload configuration file " }) }), _jsxs(Modal.Body, { children: [_jsx(Form.Group, { controlId: "formFile2", className: "mb-3", children: _jsx(Form.Control, { type: "file", multiple: !currentRow, accept: ".yaml", onChange: (event) => {
+                                const files = event.target.files;
+                                if (files) {
+                                    setFiles(Array.from(files));
+                                }
+                            } }) }), files.length > 0 && (_jsx(ListGroup, { children: files.map((file, i) => (_jsx(ListGroup.Item, { children: file.name }, i))) }))] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { disabled: loading, variant: "primary", onClick: () => void handleImport(metadata), children: loading ? "Importing..." : "Import" })] })] }));
 }

package/dist/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SELECT_DECAYS_PATH = "/select-decays";
+export declare const VARIABLES_PATH = "/variables";

package/dist/constants.js

@@ -0,0 +1,2 @@
+export const SELECT_DECAYS_PATH = "/select-decays";
+export const VARIABLES_PATH = "/variables";

package/dist/models/bkPath.d.ts

@@ -1,11 +1,11 @@
-export default class BkPath {
-    path: string;
-    isMC: boolean;
+export declare class BkPath {
+    year: string;
+    strippingVersion: string;
+    polarity: string | null;
+    eventType: string;
+    fileName: string;
     constructor(path: string);
-    getStrippingVersion(): string;
-    getYear(): string;
-    getPolarity(): string | null;
-    getFilename(): string;
-    getEventType(): string;
-    isValid(): boolean;
+    private static extractMcParts;
+    private static extractLhcbParts;
+    private static isValid;
 }