lhcb-ntuple-wizard-test 1.3.3 → 2.0.1

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 }) })] }));
+}

package/dist/components/LineTableRow.d.ts

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

package/dist/components/LineTableRow.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Col, OverlayTrigger, Popover, Row } from "react-bootstrap";
+import { StrippingLineInfo } from "./StrippingLineInfo";
+import { useMetadata } from "../providers/MetadataProvider";
+import { useRows } from "../providers/RowsProvider";
+import { DatasetInfo } from "./DatasetInfo";
+import BkPath from "../models/bkPath";
+import { QuestionCircle } from "react-bootstrap-icons";
+import { DeleteButton } from "./DeleteButton";
+import Select from "react-select";
+import Creatable from "react-select/creatable";
+import { DttNameInput } from "./DttNameInput";
+export function LineTableRow({ row, hideDownloadButtons, hideUploadButtons, variablesPath }) {
+    const metadata = useMetadata();
+    const { rows, setRows } = useRows();
+    if (!metadata) {
+        return null;
+    }
+    function getStrippingLineOptions() {
+        let opts = {};
+        let streams = [];
+        let lines = [];
+        let groups = [];
+        Object.keys(row.decay.lines).forEach((streamLine) => {
+            const [stream, line] = streamLine.split("/");
+            streams.push(stream);
+            lines.push(line);
+        });
+        const uniqueStreams = [...new Set(streams)];
+        uniqueStreams.forEach((uniqueStream) => {
+            opts[uniqueStream] = [];
+            lines.forEach((line, i) => {
+                if (streams[i] === uniqueStream) {
+                    let duplicate = false;
+                    const option = {
+                        value: line,
+                        label: (_jsx(StrippingLineInfo, { line: line, stream: uniqueStream, versions: row.decay.lines[uniqueStream + "/" + line] })),
+                        group: uniqueStream,
+                    };
+                    // Check for duplicates
+                    for (const option of opts[uniqueStream]) {
+                        if (option.label === line) {
+                            duplicate = true;
+                        }
+                    }
+                    if (!duplicate) {
+                        opts[uniqueStream].push(option);
+                    }
+                }
+            });
+            groups.push({ label: uniqueStream, options: opts[uniqueStream] });
+        });
+        return groups;
+    }
+    function getOptionFromPath(path) {
+        return {
+            value: path,
+            label: _jsx(DatasetInfo, { pathString: path }),
+        };
+    }
+    const validatePath = (choice) => {
+        const path = new BkPath(choice);
+        if (!path.isValid()) {
+            return false;
+        }
+        return row.lines.every((line) => {
+            const streamName = line.stream.toLowerCase();
+            const fileName = path.getFilename().split(".")[0].toLowerCase();
+            const matchingVersion = line.versions.some((version) => path.getStrippingVersion() === version);
+            return ["allstreams", streamName].includes(fileName) && matchingVersion;
+        });
+    };
+    const handlePathChoice = (choices) => {
+        const validPaths = choices.filter((choice) => validatePath(choice)).map((choice) => choice);
+        const validPathOptions = row.pathOptions.filter((choice) => validatePath(choice));
+        setRows((prev) => {
+            return prev.map((r) => (r.id === row.id ? { ...r, paths: validPaths, pathOptions: validPathOptions } : r));
+        });
+    };
+    const handleRemoveRow = () => {
+        setRows(rows.filter((r) => r.id !== row.id));
+    };
+    const changeSelStrLines = (choices) => {
+        if (choices.length > 1) {
+            alert("Choosing multiple stripping lines per row can result in duplication of candidates within a given event and is therefore forbidden. To choose a different stripping line, remove the current selection.");
+            choices.pop();
+        }
+        const lines = choices.map((choice) => ({
+            stream: choice.group,
+            line: choice.value,
+            versions: row.decay.lines[choice.group + "/" + choice.value],
+        }));
+        setRows((prev) => {
+            return prev.map((r) => r.id === row.id ? { ...r, lines, dtt: r.dtt ? r.dtt.withInputsFromLines(lines) : null } : r);
+        });
+        handlePathChoice(row.paths);
+    };
+    const handleCreatePath = (choice) => {
+        if (!validatePath(choice)) {
+            return;
+        }
+        const paths = [...row.paths, choice];
+        const pathOptions = [...row.pathOptions, choice];
+        setRows((prev) => {
+            return prev.map((r) => (r.id === row.id ? { ...r, paths, pathOptions } : r));
+        });
+    };
+    const getDefaultBkPaths = () => {
+        const defaultOptions = metadata.dataset
+            .filter((path) => validatePath(path))
+            .map((path) => getOptionFromPath(path));
+        return [...defaultOptions, ...row.pathOptions.map(getOptionFromPath)];
+    };
+    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(Select, { isMulti: true, options: getStrippingLineOptions(), defaultValue: row.lines.map((lineInfo) => ({
+                        value: lineInfo.line,
+                        label: (_jsx(StrippingLineInfo, { line: lineInfo.line, stream: lineInfo.stream, versions: lineInfo.versions, showLink: false })),
+                        group: lineInfo.stream,
+                    })), placeholder: "Stripping line", onChange: (newValue) => changeSelStrLines(newValue), 
+                    // Display the dropdown above text inputs and other elements
+                    menuPortalTarget: document.body, menuPosition: "fixed", styles: {
+                        menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+                    } }) }), _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, { className: "ms-auto", type: "button", disabled: row.lines.length === 0, children: _jsx(QuestionCircle, {}) }) }) }), _jsx(Col, { children: _jsx(Creatable, { isMulti: true, options: getDefaultBkPaths() /*TODO: use ODP records when ready*/, value: row.paths.map(getOptionFromPath), isDisabled: row.lines.length === 0, placeholder: "Bookkeeping path", onChange: (newValue) => handlePathChoice(newValue.map((item) => item.value)), onCreateOption: (inputValue) => handleCreatePath(inputValue), closeMenuOnSelect: false }) }), _jsx(Col, { xs: "auto", children: _jsx(DeleteButton, { action: handleRemoveRow }) })] }, row.id));
+}

package/dist/components/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    message?: string;
+    height?: string;
+}
+export declare function LoadingIndicator({ message, height }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LoadingIndicator.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner } from "react-bootstrap";
+export function LoadingIndicator({ message, height }) {
+    return (_jsx("div", { className: "d-flex justify-content-center align-items-center", style: { height: height || "auto" }, children: _jsxs("div", { className: "d-flex flex-column align-items-center", children: [_jsx(Spinner, { "data-testid": "loading-spinner", animation: "border", role: "status" }), message && _jsx("p", { className: "mt-2", children: message })] }) }));
+}

package/dist/components/NtupleWizard.d.ts

@@ -0,0 +1,26 @@
+/*****************************************************************************\
+ * (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 { ReactNode } from "react";
+interface Props {
+    basePath: string;
+    decaysPath: string;
+    variablesPath: 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 {};

package/dist/components/NtupleWizard.js

@@ -1,142 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("bootstrap/dist/css/bootstrap.css");
-var _lodash = _interopRequireDefault(require("lodash"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _MetadataContext = require("../contexts/MetadataContext");
-var _DescriptorsSearch = _interopRequireDefault(require("./DescriptorsSearch"));
-var _LinesTable = _interopRequireDefault(require("./LinesTable"));
-var _SelectVariables = _interopRequireDefault(require("./SelectVariables"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
-* (c) Copyright 2021 CERN for the benefit of the LHCb Collaboration           *
-*                                                                             *
-* This software is distributed under the terms of the GNU General Public      *
-* 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 NtupleWizard extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      rows: JSON.parse(localStorage.getItem("rows") || "[]"),
-      productionName: localStorage.getItem("name") || "",
-      contactEmail: (localStorage.getItem("email") || "").split(/,/).filter(s => s),
-      reasonForRequest: localStorage.getItem("reasonForRequest") || ""
-    });
-    _defineProperty(this, "callbackUpdateRows", rows => {
-      const newRows = rows.map(row => _objectSpread(_objectSpread({}, row), {}, {
-        dtt: row.dtt ? _lodash.default.cloneDeep(row.dtt.config) : false
-      }));
-      this.setState({
-        rows: newRows
-      });
-      const rowString = JSON.stringify(newRows);
-      localStorage.setItem("rows", rowString);
-    });
-    _defineProperty(this, "callbackUpdateInfo", (name, email, reasonForRequest) => {
-      this.setState({
-        productionName: name,
-        contactEmail: email,
-        reasonForRequest: reasonForRequest
-      });
-      localStorage.setItem("name", name);
-      localStorage.setItem("email", email.join(","));
-      localStorage.setItem("reasonForRequest", reasonForRequest);
-    });
-  }
-  render() {
-    let {
-      basePath,
-      decaysPath,
-      variablesPath,
-      contactEmail,
-      submitLocation,
-      hideDownloadButtons,
-      hideUploadButtons,
-      requestReasonMessage,
-      requestSubmittedMessage
-    } = this.props;
+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 "bootstrap/dist/css/bootstrap.css";
+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 { 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 }) {
+    const { pathname } = useLocation();
     let emailIsKnown = false;
-    if (contactEmail) {
-      localStorage.setItem("email", contactEmail);
-      emailIsKnown = true;
+    if (props.contactEmail) {
+        localStorage.setItem("email", props.contactEmail);
+        emailIsKnown = true;
     }
     if (!submitLocation) {
-      hideDownloadButtons = false;
+        hideDownloadButtons = false;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetadataContext.MetadataProvider, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.BrowserRouter, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Switch, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-            exact: true,
-            path: basePath,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinesTable.default, {
-              parentCallbackRows: this.callbackUpdateRows,
-              parentCallbackInfo: this.callbackUpdateInfo,
-              rows: this.state.rows,
-              name: this.state.productionName,
-              email: this.state.contactEmail,
-              reasonForRequest: this.state.reasonForRequest,
-              decaysPath: decaysPath,
-              variablesPath: variablesPath,
-              submitLocation: submitLocation,
-              hideDownloadButtons: hideDownloadButtons,
-              hideUploadButtons: hideUploadButtons,
-              emailIsKnown: emailIsKnown,
-              requestReasonMessage: requestReasonMessage,
-              requestSubmittedMessage: requestSubmittedMessage,
-              csrfToken: this.props.csrfToken
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-            exact: true,
-            path: decaysPath,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DescriptorsSearch.default, {
-              parentCallback: this.callbackUpdateRows,
-              rows: this.state.rows,
-              basePath: basePath
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-            exact: true,
-            path: variablesPath,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectVariables.default, {
-              parentCallback: this.callbackUpdateRows,
-              rows: this.state.rows,
-              basePath: basePath
-            })
-          })]
-        })
-      })
-    });
-  }
+    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 })) }) }) }) }) }));
 }
-NtupleWizard.propTypes = {
-  basePath: _propTypes.default.string.isRequired,
-  decaysPath: _propTypes.default.string.isRequired,
-  variablesPath: _propTypes.default.string.isRequired,
-  contactEmail: _propTypes.default.string,
-  submitLocation: _propTypes.default.string,
-  hideDownloadButtons: _propTypes.default.bool,
-  hideUploadButtons: _propTypes.default.bool,
-  requestReasonMessage: _propTypes.default.string,
-  requestSubmittedMessage: _propTypes.default.object,
-  csrfToken: _propTypes.default.string
-};
-NtupleWizard.defaultProps = {
-  csrfToken: ""
-};
-var _default = exports.default = NtupleWizard;

package/dist/components/NumStrippingLinesBadge.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    strippingLines: {
+        [key: string]: string[];
+    };
+    selected: boolean;
+}
+export declare function NumStrippingLinesBadge({ strippingLines, selected }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/NumStrippingLinesBadge.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Badge, OverlayTrigger, Popover } from "react-bootstrap";
+import { StrippingLineInfo } from "./StrippingLineInfo.js";
+export function NumStrippingLinesBadge({ strippingLines, selected }) {
+    const numStrippingLines = Object.keys(strippingLines).length;
+    return (_jsx(OverlayTrigger, { placement: "right", overlay: _jsxs(Popover, { children: [_jsx(Popover.Header, { children: "Stripping lines" }), _jsx(Popover.Body, { children: Object.keys(strippingLines).map((line) => {
+                        const [stream, name] = line.split("/");
+                        return (_jsx(StrippingLineInfo, { line: name, stream: stream, versions: strippingLines[line] }, line));
+                    }) })] }), children: _jsxs(Badge, { pill: true, bg: selected ? "primary" : "secondary", children: [numStrippingLines, " stripping line", numStrippingLines === 1 ? "" : "s"] }) }));
+}

package/dist/components/ParticleDropdown.d.ts

@@ -0,0 +1,8 @@
+import { Props as SelectProps } from "react-select";
+import { DropdownOption } from "../models/dropdownOption";
+interface Props extends SelectProps<DropdownOption> {
+    onlyHeads?: boolean;
+    onlyKnown?: boolean;
+}
+export declare function ParticleDropdown({ onlyHeads, onlyKnown, ...props }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ParticleDropdown.js

@@ -0,0 +1,33 @@
+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 { MathJax } from "better-react-mathjax";
+import Select from "react-select";
+import { useMetadata } from "../providers/MetadataProvider.js";
+export function ParticleDropdown({ onlyHeads, onlyKnown, ...props }) {
+    const metadata = useMetadata();
+    if (!metadata) {
+        return null;
+    }
+    const allowedParticles = () => onlyHeads
+        ? [...new Set(Object.values(metadata.decays).map((decay) => decay.descriptors.list[0]))]
+        : onlyKnown
+            ? Object.keys(metadata.particleProperties).filter((key) => !metadata.particleProperties[key].hide)
+            : Object.keys(metadata.particleProperties);
+    const loaded = metadata && (!onlyHeads || metadata.decays);
+    const options = loaded
+        ? allowedParticles().map((key) => ({
+            value: key,
+            label: _jsx(MathJax, { inline: true, children: `\\(${metadata.particleProperties[key]["latex"]}\\)` }),
+        }))
+        : [];
+    return (_jsx("div", { className: "react-select form-control p-0", children: _jsx(Select, { options: options, isLoading: !loaded, filterOption: (candidate, input) => candidate.value.toLowerCase().startsWith(input.toLowerCase()), ...props }) }));
+}

package/dist/components/ParticleTagBadge.d.ts

@@ -0,0 +1,9 @@
+import { ElementType } from "react";
+import { ParticleTag } from "../models/particleTag";
+interface Props {
+    tag: ParticleTag;
+    as?: ElementType;
+    onClick?: () => void;
+}
+export declare function ParticleTagBadge({ tag, as, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ParticleTagBadge.js

@@ -0,0 +1,22 @@
+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, Spinner, Tooltip } from "react-bootstrap";
+import { useMetadata } from "../providers/MetadataProvider.js";
+import { config } from "../config.js";
+export function ParticleTagBadge({ tag, as, onClick }) {
+    const metadata = useMetadata();
+    const background = metadata
+        ? config.particleTagGroupStyles[tag.group]
+        : "dark";
+    const description = metadata ? (metadata.userHints.particleTags[tag.label].description) : (_jsx(Spinner, { animation: "border" }));
+    return (_jsx(OverlayTrigger, { overlay: _jsx(Tooltip, { children: description }), children: _jsx(Badge, { pill: true, bg: background, text: "light", as: as, onClick: onClick, children: tag.label }) }));
+}

package/dist/components/ParticleTagFilters.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    branch: string[];
+    onSelectTag: (branches: string[]) => void;
+}
+export declare function ParticleTagFilters({ branch, onSelectTag }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ParticleTagFilters.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Stack } from "react-bootstrap";
+import { ParticleTagBadge } from "./ParticleTagBadge";
+import { useMetadata } from "../providers/MetadataProvider";
+import { useDtt } from "../providers/DttProvider";
+import { useCallback, useMemo } from "react";
+export function ParticleTagFilters({ branch, onSelectTag }) {
+    const metadata = useMetadata();
+    const { dtt } = useDtt();
+    if (!metadata) {
+        return null;
+    }
+    const selectAllByTag = useCallback((tag) => {
+        if (!metadata)
+            return;
+        const allBranches = dtt.config.branches;
+        const matchingBranches = Object.keys(allBranches)
+            .filter((branch) => {
+            const particle = allBranches[branch].particle;
+            const particleTags = metadata.particleProperties[particle].tags;
+            return particleTags.includes(tag.label);
+        })
+            .sort();
+        onSelectTag(matchingBranches);
+    }, [dtt, metadata]);
+    const particleTags = useMemo(() => {
+        const tagInfo = metadata.userHints.particleTags;
+        let particleTags;
+        if (branch.length > 0) {
+            const allParticles = dtt
+                .getParticlesByBranchId(branch)
+                .map((particle) => metadata.particleProperties[particle]);
+            const allTags = new Set(allParticles.map((particle) => particle.tags.filter((tag) => !tagInfo[tag].hide)).flat());
+            particleTags = Array.from(allTags)
+                .map((tag) => ({ label: tag, group: tagInfo[tag].group }))
+                .filter((tag) => allParticles.every((particle) => particle.tags.includes(tag.label)));
+        }
+        else {
+            const allBranches = dtt.config.branches;
+            const allParticles = Object.keys(allBranches).map((branch) => metadata.particleProperties[allBranches[branch].particle]);
+            const uniqueTags = new Set(allParticles.map((particle) => particle.tags.filter((tag) => !tagInfo[tag].hide)).flat());
+            particleTags = Array.from(uniqueTags).map((tag) => ({ label: tag, group: tagInfo[tag].group }));
+        }
+        return particleTags;
+    }, [dtt, metadata, branch]);
+    if (particleTags.length === 0) {
+        return null;
+    }
+    const groupedTags = Object.groupBy([...particleTags].sort((a, b) => a.group.localeCompare(b.group)), (tag) => tag.group);
+    return (_jsxs(_Fragment, { children: [_jsx(Card.Title, { children: "Select by category" }), _jsx(Stack, { className: "mt-1", direction: "horizontal", style: { flexWrap: "wrap", justifyContent: "center" }, gap: 2, children: Object.entries(groupedTags).map(([group, tags]) => (_jsx(Stack, { direction: "horizontal", style: { flexWrap: "wrap" }, gap: 1, children: tags.map((tag) => (_jsx(ParticleTagBadge, { as: "button", tag: tag, onClick: () => selectAllByTag(tag) }, tag.label))) }, group))) })] }));
+}

package/dist/components/PolarityBadge.d.ts

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