lhcb-ntuple-wizard-test 0.0.1

package/dist/components/LinesTable.js

@@ -0,0 +1,1111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _emailValidator = _interopRequireDefault(require("email-validator"));
+var _jsYaml = _interopRequireDefault(require("js-yaml"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _reactRouterDom = require("react-router-dom");
+var _reactSelect = _interopRequireDefault(require("react-select"));
+var _creatable = _interopRequireDefault(require("react-select/creatable"));
+var _MetadataContext = _interopRequireDefault(require("../contexts/MetadataContext"));
+var _BKPath = _interopRequireDefault(require("../lib/BKPath"));
+var _DTTConfig = _interopRequireDefault(require("../lib/DTTConfig"));
+var _analysisHelpers = _interopRequireDefault(require("../lib/analysisHelpers"));
+var _utils = require("../lib/utils");
+var _Dataset = _interopRequireDefault(require("./Dataset"));
+var _Decay = _interopRequireDefault(require("./Decay"));
+var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
+var _StrippingLine = _interopRequireDefault(require("./StrippingLine"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*****************************************************************************\
+* (c) Copyright 2021-2024 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.                                       *
+\*****************************************************************************/
+function streamLinesToOption(row) {
+  let opts = {};
+  let streamArr = [];
+  let lineArr = [];
+  let groups = [];
+  Object.keys(row.decay.lines).forEach(streamLine => {
+    const [stream, line] = streamLine.split("/");
+    streamArr.push(stream);
+    lineArr.push(line);
+  });
+  const uniqStreamArr = [...new Set(streamArr)];
+  uniqStreamArr.forEach(uniq => {
+    opts[uniq] = [];
+    lineArr.forEach((element, index) => {
+      if (streamArr[index] === uniq) {
+        let dup = false;
+        const opt = {
+          value: element,
+          label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StrippingLine.default, {
+            line: element,
+            stream: uniq,
+            versions: row.decay.lines[uniq + "/" + element]
+          }),
+          group: uniq
+        };
+        opts[uniq].forEach(obj => {
+          if (obj["label"] === element) {
+            dup = true;
+          }
+        });
+        if (!dup) {
+          opts[uniq].push(opt);
+        }
+      }
+    });
+    groups.push({
+      label: uniq,
+      options: opts[uniq]
+    });
+  });
+  return groups;
+}
+function pathToOption(path) {
+  return Object({
+    value: path,
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dataset.default, {
+      path: path
+    })
+  });
+}
+class LinesTable extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "state", {
+      rows: this.props.rows.map(row => ({
+        ...row,
+        dtt: row.dtt ? new _DTTConfig.default(row.dtt, []) : false
+      })),
+      showUploadModal: false,
+      showProdUploadModal: false,
+      prodUploadLoading: false,
+      modalID: -99,
+      productionName: this.props.name,
+      contactEmail: this.props.email,
+      reasonForRequest: this.props.reasonForRequest,
+      submitLocation: this.props.submitLocation,
+      hideDownloadButtons: this.props.hideDownloadButtons,
+      hideUploadButtons: this.props.hideUploadButtons,
+      requestLoading: false,
+      requestSubmitted: false,
+      emailIsKnown: this.props.emailIsKnown,
+      csrfToken: this.props.csrfToken,
+      showReasonForRequestModal: false,
+      requestReasonMessage: this.props.requestReasonMessage,
+      requestSubmittedMessage: this.props.requestSubmittedMessage
+    });
+    _defineProperty(this, "handleSubmitRows", history => {
+      let rows = [...this.state.rows];
+      rows.forEach(row => {
+        row.editTree = true;
+      });
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      history.push(this.propsVar.variablesPath);
+    });
+    _defineProperty(this, "handleSubmitSpecificRow", (history, idx) => {
+      let rows = [...this.state.rows];
+      rows.forEach(row => {
+        row.editTree = row.id === idx;
+      });
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      history.push(this.propsVar.variablesPath);
+    });
+    _defineProperty(this, "handleAddRow", history => {
+      let rows = [...this.state.rows];
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      history.push(this.propsVar.decaysPath);
+    });
+    _defineProperty(this, "handleRemoveSpecificRow", id => () => {
+      let rows = [...this.state.rows];
+      rows = rows.filter(row => row.id !== id);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "handleRemoveSpecificRowDTT", id => () => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      rows[index].dtt = false;
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "handleCreateDTT", id => () => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      rows[index].dtt = _DTTConfig.default.createDTT(rows[index].decay.descriptors.template, rows[index].decay.descriptors.mapped_list.flat(Infinity), [], "", this.context.metadata.tupleTools.tupleTools);
+      this.setInputs(id, rows[index].lines);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "validateDTTIsSetForAllRows", () => {
+      return this.state.rows.every(row => row.dtt);
+    });
+    _defineProperty(this, "setInputs", (id, lines) => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      const inputs = lines.map(_ref => {
+        let {
+          stream,
+          line
+        } = _ref;
+        const lineLocation = String(line).replace("Stripping", "");
+        return "/Event/".concat(stream, "/Phys/").concat(lineLocation, "/Particles");
+      });
+      rows[index].dtt.setInputs(inputs);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "changeSelStrLines", id => choices => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
+
+      rows[index].lines = choices.map(choice => Object({
+        stream: choice.group,
+        line: choice.value,
+        versions: this.state.rows[index].decay.lines[choice.group + "/" + choice.value]
+      }));
+      this.setState({
+        rows
+      });
+      this.pathChoiceHandler(id)(rows[index].paths.map(path => ({
+        value: path
+      })));
+      if (rows[index].dtt) {
+        this.setInputs(id, rows[index].lines);
+      }
+    });
+    _defineProperty(this, "validatePath", (choice, lines) => {
+      const path = new _BKPath.default(choice);
+      if (!path.isValid()) {
+        return false;
+      }
+      return 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;
+      });
+    });
+    _defineProperty(this, "pathChoiceHandler", id => choices => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
+      const validPaths = choices.filter(choice => this.validatePath(choice.value, this.state.rows[index].lines)).map(choice => choice.value);
+      const validPathOptions = rows[index].pathOptions.filter(choice => this.validatePath(choice, this.state.rows[index].lines));
+      rows[index].paths = validPaths;
+      rows[index].pathOptions = validPathOptions;
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "pathCreateHandler", id => choice => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id); // All choices have the same value (row.id)
+      if (this.validatePath(choice.value, this.state.rows[index].lines)) {
+        rows[index].paths.push(choice.value);
+        rows[index].pathOptions.push(choice.value);
+      }
+      this.setState({
+        rows
+      });
+    });
+    _defineProperty(this, "setRowName", id => _ref2 => {
+      let {
+        target
+      } = _ref2;
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      rows[index].dtt.setName(target.value);
+      this.setState({
+        rows
+      });
+      this.props.parentCallbackRows(rows);
+    });
+    _defineProperty(this, "setProductionName", _ref3 => {
+      let {
+        target
+      } = _ref3;
+      const safeName = target.value.replaceAll(/[^\w]/g, "");
+      this.setState({
+        productionName: safeName
+      });
+      this.props.parentCallbackInfo(safeName, this.state.contactEmail, this.state.reasonForRequest);
+    });
+    _defineProperty(this, "setContactEmail", _ref4 => {
+      let {
+        target
+      } = _ref4;
+      const emails = target.value.split(/[\s,]+/);
+      this.setState({
+        contactEmail: emails
+      });
+      const validEmails = emails.filter(email => _emailValidator.default.validate(email));
+      this.props.parentCallbackInfo(this.state.productionName, validEmails, this.state.reasonForRequest);
+    });
+    _defineProperty(this, "setReasonForRequest", _ref5 => {
+      let {
+        target
+      } = _ref5;
+      const reasonForRequest = target.value;
+      this.setState({
+        reasonForRequest: reasonForRequest
+      });
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, reasonForRequest);
+    });
+    _defineProperty(this, "clearAll", () => {
+      this.setState({
+        productionName: "",
+        contactEmail: [],
+        rows: [],
+        reasonForRequest: ""
+      });
+      this.props.parentCallbackRows([]);
+      this.props.parentCallbackInfo("", [], "");
+    });
+    _defineProperty(this, "getBKPaths", id => {
+      const index = this.state.rows.findIndex(item => item.id === id);
+      const row = this.state.rows[index];
+      const options = row.paths.map(path => pathToOption(path));
+      return options;
+    });
+    _defineProperty(this, "defaultBKPaths", id => {
+      const index = this.state.rows.findIndex(item => item.id === id);
+      const row = this.state.rows[index];
+      const defaultOptions = this.context.loaded.dataset ? this.context.metadata.dataset.filter(path => this.validatePath(path, row.lines)).map(path => pathToOption(path)) : [];
+      const options = row.pathOptions.map(path => pathToOption(path));
+      return [].concat(defaultOptions, options);
+    });
+    _defineProperty(this, "createInfoYaml", () => {
+      const rows = [...this.state.rows];
+      const uniquePaths = new Set([].concat(...rows.map(row => row.paths)));
+      let email = this.state.contactEmail;
+      if (this.state.emailIsKnown) {
+        email = [localStorage.getItem("email")] || [];
+      }
+      const uniquePathList = [...uniquePaths].sort();
+      let info = {
+        defaults: {
+          application: "DaVinci/" + this.context.metadata.tupleTools.applicationInfo["DaVinci"],
+          wg: "OpenData",
+          // TODO: get input from (LHCb) user. keep "OpenData" if open data
+          automatically_configure: true,
+          inform: email,
+          output: "DVNtuple.root" // Probably okay to leave this as the default
+        }
+      };
+      rows.forEach(row => {
+        row.paths.forEach((path, _index) => {
+          const jobID = uniquePathList.findIndex(otherPath => otherPath === path);
+          const key = "job".concat(jobID);
+          const dttFile = "".concat(row.dtt.getSafeName(), ".py");
+          if (key in info) {
+            info[key].options.push(dttFile);
+          } else {
+            info[key] = {
+              input: {
+                bk_query: path
+              },
+              options: [dttFile] // TODO: figure out the actual syntax that AnaProd needs to indicate that this is to be parsed into a DecayTreeTuple
+            };
+            if (path.includes("MDST")) {
+              const stream = row.lines[0].stream; // XXX: in the validation we enforce that each BK location be compatible with every line, so effectively forcing one stream per row
+              info[key].root_in_tes = "/Event/".concat(stream);
+            }
+          }
+        });
+      });
+      return info;
+    });
+    _defineProperty(this, "uploadConfig", (e, id) => {
+      let rows = [...this.state.rows];
+      const index = this.state.rows.findIndex(item => item.id === id);
+      e.preventDefault();
+      const reader = new FileReader();
+      reader.onload = async e => {
+        const text = e.target.result;
+        const config = _jsYaml.default.load(text);
+        if (config.descriptorTemplate === rows[index].decay.descriptors.template) {
+          rows[index].dtt = new _DTTConfig.default(config, []);
+          this.setInputs(id, rows[index].lines);
+          this.setState({
+            rows,
+            showUploadModal: false
+          });
+          this.props.parentCallbackRows(rows);
+        } else {
+          alert("Make sure to upload a previously downloaded configuration file for the same decay.");
+        }
+      };
+      reader.readAsText(e.target.files[0]);
+    });
+    _defineProperty(this, "uploadProductionConfig", async (e, isClone) => {
+      let rows = [];
+      let decays = Object.values(this.context.metadata.decays);
+      let email = [];
+      //let descriptorTemplates = decays.descriptors.template
+
+      let filelist = e.target.files || [];
+      let files = [].slice.call(filelist);
+      if (files.length) {
+        for (let index = 0; index < files.length; index++) {
+          if (files[index].name === "info.yaml") {
+            files.push(files.splice(index, 1)[0]);
+            break;
+          }
+        }
+        for (let index = 0; index < files.length; index++) {
+          let text;
+          if (isClone) {
+            text = await this.readFileAsync(files[index].blob);
+          } else {
+            text = await this.readFileAsync(files[index]);
+          }
+          const config = _jsYaml.default.load(text);
+          if (files[index].name !== "info.yaml") {
+            decays.forEach(decay => {
+              if (config.descriptorTemplate === decay.descriptors.template) {
+                let row = Object({
+                  id: index,
+                  decay: decay,
+                  lines: config.inputs.map(input => Object({
+                    stream: input.split("/")[2],
+                    line: "Stripping" + input.split("/")[4],
+                    versions: decay.lines[input.split("/")[2] + "/" + "Stripping" + input.split("/")[4]]
+                  })),
+                  paths: [],
+                  // Currently-selected paths
+                  pathOptions: [],
+                  // Keep a history of valid paths
+                  dtt: new _DTTConfig.default(config, [])
+                });
+                rows.push(row);
+              }
+            });
+          } else {
+            email.push(config.defaults.inform[0]);
+            rows.forEach(row => {
+              Object.keys(config).forEach(job => {
+                if (job !== "defaults" && job !== "name" && job !== "blob") {
+                  config[job].options.forEach(option => {
+                    let optionName = option.split(".")[0];
+                    let dttname = row.dtt.config.name.split("/")[1];
+                    if (optionName === dttname) {
+                      row.paths.push(config[job].input.bk_query);
+                    }
+                  });
+                }
+              });
+            });
+          }
+        }
+      }
+      this.setState({
+        rows: rows
+      });
+      if (!isClone) {
+        this.setState({
+          contactEmail: email
+        });
+      }
+      this.props.parentCallbackRows(rows);
+      this.props.parentCallbackInfo(this.state.productionName, this.state.contactEmail, this.state.reasonForRequest);
+      // this.handleCloseProdUploadModal();
+    });
+    _defineProperty(this, "readFileAsync", file => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = function () {
+          resolve(reader.result);
+        };
+        reader.onerror = function (error) {
+          reject(error);
+        };
+        reader.readAsText(file);
+      });
+    });
+    _defineProperty(this, "handleShowUploadModal", id => {
+      this.setState({
+        showUploadModal: true,
+        modalID: id
+      });
+    });
+    _defineProperty(this, "handleCloseUploadModal", () => {
+      this.setState({
+        showUploadModal: false
+      });
+    });
+    _defineProperty(this, "handleShowProdUploadModal", () => {
+      this.setState({
+        showProdUploadModal: true
+      });
+    });
+    _defineProperty(this, "handleCloseProdUploadModal", () => {
+      this.setState({
+        showProdUploadModal: false
+      });
+    });
+    _defineProperty(this, "processSubmission", () => {
+      if (this.state.submitLocation) {
+        this.setState({
+          showReasonForRequestModal: true
+        });
+      } else {
+        this.downloadAll();
+      }
+    });
+    _defineProperty(this, "downloadAll", () => {
+      const allFiles = this.generateAllFiles();
+      return (0, _utils.downloadZip)(allFiles, "".concat(this.state.productionName, ".zip"));
+    });
+    _defineProperty(this, "generateAllFiles", () => {
+      return [...this.state.rows.map(row => ["".concat(row.dtt.getSafeName(), ".yaml"), _jsYaml.default.dump(row.dtt.config)]), ["info.yaml", _jsYaml.default.dump(this.createInfoYaml())]];
+    });
+    _defineProperty(this, "submitRequest", url => {
+      this.setState({
+        requestLoading: true,
+        showReasonForRequestModal: false,
+        requestError: "",
+        requestSubmitted: false
+      });
+      const allFiles = this.generateAllFiles();
+      const formData = new FormData();
+      _analysisHelpers.default.forEach(file => {
+        formData.append("analysisHelpersFiles[]", new Blob([file.content], {
+          type: "text/plain"
+        }), file.name);
+      });
+      allFiles.forEach(file => {
+        formData.append("generatedFiles[]", new Blob([file[1]], {
+          type: "text/plain"
+        }), file[0]);
+      });
+      formData.append("email", localStorage.getItem("email") || "");
+      formData.append("name", this.state.productionName);
+      formData.append("reasonForRequest", this.state.reasonForRequest);
+      let headers = {};
+      if (this.state.csrfToken !== "") {
+        headers = {
+          "X-Csrf-Token": this.state.csrfToken
+        };
+      }
+      fetch(url, {
+        method: "POST",
+        body: formData,
+        credentials: "include",
+        headers: headers
+      }).then(response => {
+        if (!response.ok) {
+          throw new Error("HTTP error! Status: ".concat(response.status));
+        }
+        this.setState({
+          requestLoading: false,
+          requestSubmitted: true
+        });
+      }).catch(error => {
+        console.error("Fetch error:", error);
+        this.setState({
+          requestLoading: false,
+          requestError: "Something went wrong while submitting your request. Please try again later or contact support."
+        });
+      });
+    });
+    _defineProperty(this, "handleShowReasonForRequestModal", () => {
+      this.setState({
+        showReasonForRequestModal: true
+      });
+    });
+    _defineProperty(this, "handleCloseReasonForRequestModal", () => {
+      this.setState({
+        showReasonForRequestModal: false
+      });
+    });
+    _defineProperty(this, "dismissSubmitSuccess", () => {
+      this.setState({
+        requestSubmitted: false
+      });
+    });
+    _defineProperty(this, "dismissSubmitError", () => {
+      this.setState({
+        requestError: ""
+      });
+    });
+    this.propsVar = this.props;
+  }
+  componentDidMount() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const isCloneParam = urlParams.get("clone");
+    if (isCloneParam === "1") {
+      if (!localStorage.getItem("yamlFilesToClone")) {
+        window.history.replaceState({}, document.title, window.location.pathname);
+        return;
+      }
+      this.setState({
+        prodUploadLoading: true,
+        rows: []
+      });
+      let files = JSON.parse(localStorage.getItem("yamlFilesToClone"));
+      for (let i = 0; i < files.length; i++) {
+        if (files[i].defaults) {
+          files[i].name = "info.yaml";
+        }
+        files[i].blob = new Blob([_jsYaml.default.dump(files[i])]);
+      }
+      this.uploadProductionConfig({
+        target: {
+          files
+        }
+      }, true);
+      setTimeout(() => {
+        this.uploadProductionConfig({
+          target: {
+            files
+          }
+        }, true);
+        this.setState({
+          prodUploadLoading: false
+        });
+        localStorage.removeItem("yamlFilesToClone");
+      }, 5000);
+    }
+  }
+  render() {
+    const emptySession = !this.state.productionName && this.state.contactEmail.length === 0 && this.state.rows.length === 0;
+    const validEmail = this.state.contactEmail.length > 0 && this.state.contactEmail.every(email => _emailValidator.default.validate(email));
+    const nRows = this.state.rows.filter(row => row.dtt).length;
+    const ready = nRows > 0 && nRows === this.state.rows.length;
+    const readyPaths = this.state.rows.every(row => row.paths.length > 0);
+
+    // add a check for each row to see if it has an empty name or if it has a name that is not unique
+    const hasValidNames = this.state.rows.every(row => {
+      const safeName = row.dtt ? row.dtt.getSafeName() : "";
+      const allSafeNames = this.state.rows.filter(otherRow => otherRow.dtt).map(otherRow => otherRow.dtt.getSafeName());
+      return safeName.trim().length > 0 && allSafeNames.filter(name => name === safeName).length === 1;
+    });
+    const tableContent = this.state.rows.map(row => {
+      const safeName = row.dtt ? row.dtt.getSafeName() : "";
+      const allSafeNames = this.state.rows.filter(otherRow => otherRow.dtt).map(otherRow => otherRow.dtt.getSafeName());
+      const hasValidName = safeName.trim().length > 0 && allSafeNames.filter(name => name === safeName).length === 1;
+      const urls = row.lines.map(strline => /*#__PURE__*/(0, _jsxRuntime.jsx)(_StrippingLine.default, {
+        line: strline.line,
+        stream: strline.stream,
+        versions: strline.versions,
+        showlink: true
+      }, "".concat(strline.line)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Row, {
+        className: "align-items-center",
+        style: {
+          marginBottom: 10
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          lg: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Card, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Card.Header, {
+              className: "d-flex justify-content-between align-items-start",
+              children: [row.dtt ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
+                hasValidation: true,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.FormControl, {
+                  placeholder: "DecayTree",
+                  value: row.dtt.getName(),
+                  onChange: this.setRowName(row.id),
+                  isInvalid: !hasValidName
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.FormControl.Feedback, {
+                  type: "invalid",
+                  children: row.dtt.getName().trim() === "" ? "Name cannot be empty" : "Must give a unique name"
+                })]
+              }) : "", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
+                children: row.dtt ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+                    render: _ref6 => {
+                      let {
+                        history
+                      } = _ref6;
+                      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                        overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                          children: "Configure this DecayTreeTuple"
+                        }),
+                        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                          type: "submit",
+                          variant: "secondary",
+                          onClick: () => {
+                            this.handleSubmitSpecificRow(history, row.id);
+                          },
+                          disabled: !hasValidName && !this.context.loaded.tupleTools,
+                          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.PencilSquare, {})
+                        })
+                      });
+                    }
+                  }), this.state.hideDownloadButtons ? "" : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                        children: "Download DecayTreeTuple YAML configuration file"
+                      }),
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                        className: "ms-auto",
+                        type: "button",
+                        onClick: () => {
+                          (0, _utils.download)(_jsYaml.default.dump(row.dtt.config), "".concat(row.dtt.getSafeName(), ".yaml"));
+                        },
+                        disabled: !hasValidName,
+                        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Download, {})
+                      })
+                    })
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteButton.default, {
+                    action: this.handleRemoveSpecificRowDTT(row.id)
+                  })]
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                        children: "Please add a DecayTreeTuple in order to complete the production configuration"
+                      }),
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.ExclamationCircle, {
+                        width: 20,
+                        height: 20,
+                        style: {
+                          verticalAlign: "middle"
+                        },
+                        className: "text-danger me-2"
+                      })
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                        children: "Add a DecayTreeTuple"
+                      }),
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                        type: "submit",
+                        variant: "success",
+                        onClick: this.handleCreateDTT(row.id),
+                        disabled: !this.context.loaded.tupleTools,
+                        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.PlusLg, {})
+                      })
+                    }), !this.state.hideUploadButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                        children: "Upload DecayTreeTuple configuration file"
+                      }),
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                        className: "ms-auto",
+                        type: "button",
+                        onClick: () => {
+                          this.handleShowUploadModal(row.id);
+                        },
+                        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Upload, {})
+                      })
+                    })]
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal, {
+                    show: this.state.showUploadModal,
+                    animation: false,
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Header, {
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Title, {
+                        children: " Upload configuration file "
+                      })
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Body, {
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Group, {
+                        controlId: "formFile1",
+                        className: "mb-3",
+                        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
+                          type: "file",
+                          onChange: event => {
+                            this.uploadConfig(event, this.state.modalID);
+                          }
+                          //onClick={(event) => {
+                          //    event.target.value = null;
+                          //}}
+                        })
+                      })
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Footer, {
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                        variant: "secondary",
+                        onClick: this.handleCloseUploadModal,
+                        children: "Close"
+                      })
+                    })]
+                  })]
+                })
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Card.Body, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Decay.default, {
+                decay: row.decay,
+                display: false
+              })
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          lg: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.default, {
+            isMulti: true,
+            options: streamLinesToOption(row),
+            defaultValue: row.lines.map(lineInfo => Object({
+              value: lineInfo.line,
+              label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StrippingLine.default, {
+                line: lineInfo.line,
+                stream: lineInfo.stream,
+                versions: lineInfo.versions,
+                showlink: false
+              }),
+              group: lineInfo.stream
+            })),
+            placeholder: "Stripping line",
+            onChange: this.changeSelStrLines(row.id)
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          xs: "auto",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+            trigger: "click",
+            placement: "right",
+            rootClose: true,
+            overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Popover.Body, {
+                children: urls
+              })
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+              className: "ms-auto",
+              type: "button",
+              disabled: urls.length === 0,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.QuestionCircle, {})
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_creatable.default, {
+            isMulti: true,
+            options: this.defaultBKPaths(row.id) /*TODO: use ODP records when ready*/,
+            value: this.getBKPaths(row.id),
+            isDisabled: row.lines.length === 0,
+            placeholder: "Bookkeeping path",
+            onChange: this.pathChoiceHandler(row.id),
+            onCreateOption: this.pathCreateHandler(row.id),
+            closeMenuOnSelect: false
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          xs: "auto",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteButton.default, {
+            action: this.handleRemoveSpecificRow(row.id)
+          })
+        })]
+      }, row.id);
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [tableContent, this.state.requestLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
+        animation: "border",
+        role: "status",
+        className: "mt-1 mb-2"
+      }) : "", this.state.prodUploadLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Row, {
+        className: "mt-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+            variant: "primary",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Row, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+                xs: 1,
+                style: {
+                  width: "50px",
+                  verticalAlign: "middle"
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
+                  animation: "border",
+                  role: "status",
+                  className: "mt-1 mb-2"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Col, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert.Heading, {
+                  children: "Uploading configuration files..."
+                }), "Please wait while the cloned configuration files are being uploaded."]
+              })]
+            })
+          })
+        })
+      }) : "", this.state.requestSubmitted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Row, {
+        className: "mt-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Alert, {
+            variant: "success",
+            dismissible: true,
+            onClose: this.dismissSubmitSuccess,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert.Heading, {
+              children: "Request submitted!"
+            }), this.state.requestSubmittedMessage]
+          })
+        })
+      }) : "", this.state.requestError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Row, {
+        className: "mt-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Alert, {
+            variant: "danger",
+            dismissible: true,
+            onClose: this.dismissSubmitError,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert.Heading, {
+              children: "An error occurred!"
+            }), this.state.requestError]
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Row, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Col, {
+          xs: "auto",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.ButtonGroup, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+              render: _ref7 => {
+                let {
+                  history
+                } = _ref7;
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                  overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                    children: "Select decays"
+                  }),
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                    type: "submit",
+                    variant: "success",
+                    onClick: () => this.handleAddRow(history),
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                      style: {
+                        verticalAlign: "middle"
+                      },
+                      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.PlusLg, {}), " Select decays"]
+                    })
+                  })
+                });
+              }
+            }), !this.state.hideUploadButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+              overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                children: "Upload Production configuration file"
+              }),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                className: "ms-auto",
+                type: "button",
+                onClick: () => {
+                  this.handleShowProdUploadModal();
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Upload, {})
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal, {
+              show: this.state.showProdUploadModal,
+              animation: false,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Header, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Title, {
+                  children: " Upload configuration file "
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Body, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Group, {
+                  controlId: "formFile2",
+                  className: "mb-3",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
+                    type: "file",
+                    multiple: true,
+                    onChange: event => {
+                      this.uploadProductionConfig(event);
+                    }
+                    //onClick={(event) => {
+                    //    event.target.value = null;
+                    //}}
+                  })
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Footer, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                  variant: "secondary",
+                  onClick: this.handleCloseProdUploadModal,
+                  children: "Close"
+                })
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+              render: _ref8 => {
+                let {
+                  history
+                } = _ref8;
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                  overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                    children: "Configure all DecayTreeTuples"
+                  }),
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
+                    type: "submit",
+                    variant: "secondary",
+                    onClick: () => this.handleSubmitRows(history),
+                    disabled: !ready,
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.PencilSquare, {}), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Badge, {
+                      pill: true,
+                      bg: "primary",
+                      children: nRows
+                    })]
+                  })
+                });
+              }
+            }), this.state.hideDownloadButtons ? "" : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Download Analysis Production configuration file (info.yaml)"
+                }),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                  type: "download",
+                  onClick: () => (0, _utils.download)(_jsYaml.default.dump(this.createInfoYaml()), "info.yaml"),
+                  disabled: !ready || !readyPaths || !validEmail,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Download, {})
+                })
+              })
+            })]
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Row, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Col, {
+          xs: 4,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
+            hasValidation: true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+              overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                children: "Name of this production. This will become the subdirectory in AnalysisProductions"
+              }),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
+                children: "Production name"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.FormControl, {
+              value: this.state.productionName,
+              onChange: this.setProductionName,
+              isValid: this.state.productionName,
+              placeholder: "MyAnalysis"
+            })]
+          }), this.state.emailIsKnown ? "" : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
+            hasValidation: true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+              overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                children: "Email addresses to notify (comma-separated)"
+              }),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
+                children: "Email"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.FormControl, {
+              type: "email",
+              value: this.state.contactEmail.join(","),
+              onChange: this.setContactEmail,
+              isValid: validEmail,
+              placeholder: "name@example.com"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.ButtonGroup, {
+            children: [this.state.hideDownloadButtons ? "" : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                overlay: this.validateDTTIsSetForAllRows() ? !ready || !readyPaths || !this.state.productionName || !(this.state.emailIsKnown ? true : validEmail) || !hasValidNames ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Please make sure all fields are filled in before downloading"
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Download all DecayTreeTuple configurations"
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Please configure a DecayTreeTuple for each selected decay before downloading"
+                }),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
+                    disabled: !ready || !readyPaths || !this.state.productionName || !(this.state.emailIsKnown ? true : validEmail) || !hasValidNames,
+                    onClick: this.downloadAll,
+                    type: "info",
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Download, {}), " Download"]
+                  })
+                })
+              })
+            }), this.state.submitLocation ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                overlay: this.validateDTTIsSetForAllRows() ? !ready || !readyPaths || !this.state.productionName || !(this.state.emailIsKnown ? true : validEmail) || !hasValidNames ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Please make sure all fields are filled in before submitting"
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Submit a request with the chosen configuration"
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                  children: "Please configure a DecayTreeTuple for each selected decay before submitting"
+                }),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
+                    disabled: !ready || !readyPaths || !this.state.productionName || !(this.state.emailIsKnown ? true : validEmail) || !hasValidNames,
+                    onClick: this.handleShowReasonForRequestModal,
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.Send, {}), " Submit"]
+                  })
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal, {
+                show: this.state.showReasonForRequestModal,
+                onHide: this.handleCloseReasonForRequestModal,
+                size: "lg",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Header, {
+                  closeButton: true,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Title, {
+                    children: "Reason for request"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal.Body, {
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+                    children: this.state.requestReasonMessage
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
+                    hasValidation: true,
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+                      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+                        children: "Reason for requesting the chosen ntuples"
+                      }),
+                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
+                        children: "Reason for request"
+                      })
+                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.FormControl, {
+                      as: "textarea",
+                      rows: 3,
+                      value: this.state.reasonForRequest,
+                      onChange: this.setReasonForRequest,
+                      isValid: this.state.reasonForRequest,
+                      placeholder: "I need these ntuples for..."
+                    })]
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Footer, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                    variant: "primary",
+                    onClick: () => this.submitRequest(this.state.submitLocation),
+                    disabled: !ready || !readyPaths || !this.state.productionName || !this.state.reasonForRequest || !(this.state.emailIsKnown ? true : validEmail) || !hasValidNames,
+                    children: "Submit request"
+                  })
+                })]
+              })]
+            }) : "", /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteButton.default, {
+              action: this.clearAll,
+              disabled: emptySession,
+              children: "Clear"
+            })]
+          })]
+        })
+      })]
+    });
+  }
+}
+_defineProperty(LinesTable, "contextType", _MetadataContext.default);
+LinesTable.propTypes = {
+  rows: _propTypes.default.arrayOf(_propTypes.default.object),
+  name: _propTypes.default.string,
+  email: _propTypes.default.arrayOf(_propTypes.default.string),
+  reasonForRequest: _propTypes.default.string,
+  parentCallbackInfo: _propTypes.default.func,
+  parentCallbackRows: _propTypes.default.func,
+  decaysPath: _propTypes.default.string.isRequired,
+  submitLocation: _propTypes.default.string,
+  hideDownloadButtons: _propTypes.default.bool,
+  hideUploadButtons: _propTypes.default.bool,
+  emailIsKnown: _propTypes.default.bool,
+  requestReasonMessage: _propTypes.default.string,
+  requestSubmittedMessage: _propTypes.default.object,
+  csrfToken: _propTypes.default.string
+};
+LinesTable.defaultProps = {
+  csrfToken: ""
+};
+var _default = exports.default = LinesTable;