lhcb-ntuple-wizard-test 1.0.6 → 1.0.7

package/dist/components/loki/LokiDict.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LokiEditor = _interopRequireDefault(require("./LokiEditor.jsx"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactBootstrap = require("react-bootstrap");
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _LokiForm = _interopRequireDefault(require("./LokiForm.jsx"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
+* (c) Copyright 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.                                       *
+\*****************************************************************************/
+
+class LokiDict extends _react.default.Component {
+  state = {
+    lines: this.props.value,
+    error: "",
+    add: false,
+    currentKey: "",
+    currentValue: ""
+  };
+  handleClose = () => {
+    this.setState({
+      add: false
+    });
+  };
+  handleAdd = () => {
+    var lines = this.state.lines;
+    const key = this.state.currentKey;
+    const value = this.state.currentValue;
+    lines[key] = value;
+    this.setState({
+      lines: lines
+    });
+    this.setState({
+      currentKey: ""
+    });
+    this.setState({
+      currentValue: ""
+    });
+    this.props.callback(this.state.lines);
+  };
+  handleRemove = key => {
+    var lines = this.state.lines;
+    delete lines[key];
+    this.setState({
+      lines: lines
+    });
+    this.props.callback(this.state.lines);
+  };
+  setValueByKey = (key, value) => {
+    var lines = this.state.lines;
+    lines[key] = value;
+    this.setState({
+      lines: lines
+    });
+    this.props.callback(this.state.lines);
+  };
+  setAddLine = () => {
+    this.setState({
+      add: true
+    });
+  };
+  changeKey = value => {
+    this.setState({
+      currentKey: value
+    });
+  };
+  validKey = value => {
+    if (value in this.state.lines) {
+      return false;
+    }
+    return true;
+  };
+  changeValue = value => {
+    this.setState({
+      currentValue: value
+    });
+  };
+  render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Card, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Card.Header, {
+        className: "d-flex justify-content-between align-items-start",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Card.Title, {
+          children: "Loki Lines"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+          variant: "success",
+          size: "sm",
+          onClick: this.setAddLine,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrapIcons.PlusLg, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup, {
+        variant: "flush",
+        children: Object.keys(this.state.lines).map(key => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
+            className: "d-flex justify-content-between align-items-start",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+              container: true,
+              spacing: 1,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+                className: "d-flex",
+                item: true,
+                form: "maincomponent",
+                xs: true,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                  children: [key, ": "]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LokiEditor.default, {
+                  callback: value => {
+                    this.setValueByKey(key, value);
+                  },
+                  value: this.state.lines[key],
+                  lokiVars: this.props.lokiVars,
+                  oneLine: true,
+                  height: "24px",
+                  width: "40dvw"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+                  variant: "danger",
+                  size: "sm",
+                  onClick: () => this.handleRemove(key),
+                  children: "Remove"
+                })]
+              })
+            })
+          }, key);
+        })
+      }), this.state.add ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal, {
+        show: true,
+        onHide: this.handleClose,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Header, {
+          closeButton: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Title, {
+            children: "Add Dict Item"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Body, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LokiForm.default, {
+            value: "",
+            keyCallback: this.changeKey,
+            valueCallback: this.changeValue,
+            lokiVars: this.props.lokiVars,
+            validateKey: this.validKey
+          }, "")
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal.Footer, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+            variant: "secondary",
+            onClick: this.handleClose,
+            children: "Close"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+            variant: "primary",
+            onClick: () => {
+              this.handleAdd();
+              this.handleClose();
+            },
+            disabled: this.state.currentKey === "" || this.state.currentValue === "" || !this.validKey(this.state.currentKey),
+            children: "Save Changes"
+          })]
+        })]
+      }) : ""]
+    });
+  }
+}
+LokiDict.propTypes = {
+  callback: _propTypes.default.func,
+  defaulValue: _propTypes.default.string,
+  value: _propTypes.default.object,
+  lokiVars: _propTypes.default.object
+};
+var _default = exports.default = LokiDict;

package/dist/components/loki/LokiEditor.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactMonacoEditor = _interopRequireDefault(require("react-monaco-editor"));
+var monaco = _interopRequireWildcard(require("monaco-editor"));
+var _react2 = require("@monaco-editor/react");
+var _Spinner = _interopRequireDefault(require("react-bootstrap/Spinner"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
+* (c) Copyright 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.                                       *
+\*****************************************************************************/
+
+// import { monaco } from 'react-monaco-editor';
+
+_react2.loader.config({
+  monaco
+});
+let LokiData = {};
+function createDependencyProposals(range) {
+  // returning a static list of proposals, not even looking at the prefix (filtering is done by the Monaco editor),
+  // here you could do a server side lookup
+  let listOfFunctors = [];
+  Object.keys(LokiData).forEach((key, _index) => {
+    listOfFunctors.push({
+      label: key,
+      kind: monaco.languages.CompletionItemKind.Function,
+      documentation: LokiData[key].description,
+      insertText: key,
+      range: range
+    });
+  });
+  return listOfFunctors;
+}
+_react2.loader.init().then(monaco => {
+  monaco.languages.registerCompletionItemProvider("python", {
+    provideCompletionItems: function (model, position) {
+      var word = model.getWordUntilPosition(position);
+      var range = {
+        startLineNumber: position.lineNumber,
+        endLineNumber: position.lineNumber,
+        startColumn: word.startColumn,
+        endColumn: word.endColumn
+      };
+      return {
+        suggestions: createDependencyProposals(range)
+      };
+    }
+  });
+  monaco.languages.registerHoverProvider("python", {
+    provideHover: function (model, position) {
+      let hoverObjects = [];
+      let matches = Object.keys(LokiData).filter(name => {
+        return model.findMatches(name, false, false, true, " (:,)*").length !== 0;
+      });
+      if (matches.length > 0) {
+        matches.forEach(match => model.findMatches(match, false, false, true).forEach(range => hoverObjects.push({
+          match: match,
+          position: position,
+          range: range,
+          contents: [{
+            supportHtml: true,
+            value: LokiData[match].documentation
+          }]
+        })));
+        for (const element of hoverObjects) {
+          if (contains(element.range, position)) {
+            // alert(element.contents[0].value)
+            return element;
+          }
+        }
+      }
+      return {
+        range: new monaco.Range(1, 1, model.getLineCount(), model.getLineMaxColumn(model.getLineCount())),
+        contents: [{
+          supportHtml: true,
+          value: '<span style="color red;">No matches</span>',
+          isTrusted: true
+        }]
+      };
+    }
+  });
+});
+function contains(range, position) {
+  if (range.range.startLineNumber <= position.lineNumber && range.range.endLineNumber >= position.lineNumber) {
+    if (range.range.startColumn <= position.column && range.range.endColumn >= position.column) {
+      return true;
+    }
+  }
+  return false;
+}
+class LokiEditor extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      code: this.props.returnList ? this.props.value.join("\n") : this.props.value,
+      loaded: true
+    };
+  }
+  editorDidMount(editor, _monaco) {
+    editor.focus();
+  }
+  onChange(newValue, _e) {
+    if (this.props.oneLine) {
+      newValue = newValue.replace(/[\n\r]/g, "");
+    }
+    this.setState({
+      code: newValue
+    });
+    if (this.props.returnList) {
+      newValue = newValue.split(/\r?\n/);
+    }
+    this.props.callback(newValue);
+  }
+  render() {
+    const code = this.state.code;
+    const lokiVars = this.props.lokiVars.lokiVariables;
+    Object.keys(lokiVars).forEach(key => {
+      LokiData[key] = lokiVars[key];
+    });
+    const options = {
+      autoIndent: "full",
+      contextmenu: false,
+      fontFamily: "monospace",
+      fontSize: 18,
+      lineHeight: 24,
+      hideCursorInOverviewRuler: true,
+      matchBrackets: "always",
+      lineNumbers: "off",
+      lineDecorationsWidth: 0,
+      lineNumbersMinChars: 0,
+      glyphMargin: false,
+      wordWrap: "on",
+      minimap: {
+        enabled: false
+      },
+      scrollbar: {
+        horizontal: "hidden",
+        vertical: "hidden",
+        horizontalSliderSize: 0,
+        verticalSliderSize: 0,
+        horizontalScrollbarSize: 0,
+        verticalScrollbarSize: 0
+      },
+      scrollBeyondLastLine: false,
+      selectOnLineNumbers: true,
+      roundedSelection: false,
+      readOnly: false,
+      cursorStyle: "line",
+      automaticLayout: true,
+      fixedOverflowWidgets: true,
+      links: true
+    };
+    return this.state.loaded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMonacoEditor.default, {
+      width: this.props.width,
+      height: this.props.height,
+      language: "python",
+      theme: "vs-light",
+      value: code,
+      options: options,
+      onChange: this.onChange.bind(this),
+      editorDidMount: this.editorDidMount.bind(this)
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+      animation: "border",
+      role: "status"
+    });
+  }
+}
+LokiEditor.defaultProps = {
+  value: "",
+  oneLine: false,
+  width: "30vh",
+  height: "10vh",
+  returnList: false
+};
+LokiEditor.propTypes = {
+  callback: _propTypes.default.func,
+  value: _propTypes.default.string,
+  defaultValue: _propTypes.default.string,
+  lokiVars: _propTypes.default.object,
+  oneLine: _propTypes.default.bool,
+  height: _propTypes.default.string,
+  width: _propTypes.default.string,
+  returnList: _propTypes.default.bool
+};
+var _default = exports.default = LokiEditor;

package/dist/components/loki/LokiForm.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LokiEditor = _interopRequireDefault(require("./LokiEditor.jsx"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactBootstrap = require("react-bootstrap");
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*****************************************************************************\
+* (c) Copyright 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.                                       *
+\*****************************************************************************/
+
+class LokiForm extends _react.default.Component {
+  state = {
+    key: this.props.key,
+    value: this.props.value,
+    err: false,
+    errMsg: ""
+  };
+  keyCallback = event => {
+    const key = event.target.value.replaceAll(/[^\w]/g, "");
+    if (!this.props.validateKey(key)) {
+      this.setState({
+        err: true,
+        errMsg: "Key must be unique and not empty!"
+      });
+    } else {
+      this.setState({
+        err: false,
+        errMsg: ""
+      });
+    }
+    this.setState({
+      key: key
+    });
+    this.props.keyCallback(key);
+  };
+  valueCallback = value => {
+    this.setState({
+      value: value
+    });
+    this.props.valueCallback(value);
+  };
+  render() {
+    const errorMessage = this.state.err ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+      variant: "danger",
+      children: this.state.errMsg
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+    const margin = {
+      "margin-left": "7px"
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+        container: true,
+        spacing: 1,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+          className: "d-flex",
+          item: true,
+          form: "maincomponent",
+          xs: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [errorMessage, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.FormControl, {
+              placeholder: "Varibale Name",
+              onChange: this.keyCallback,
+              value: this.state.key
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            style: margin,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LokiEditor.default, {
+              callback: this.valueCallback,
+              value: this.state.value,
+              lokiVars: this.props.lokiVars,
+              oneLine: true,
+              height: "24px",
+              width: "10dvw"
+            })
+          })]
+        })
+      })
+    });
+  }
+}
+LokiForm.defaultProps = {
+  key: "",
+  value: "",
+  validateKey: () => {
+    true;
+  },
+  lokiActive: true
+};
+LokiForm.propTypes = {
+  key: _propTypes.default.string,
+  value: _propTypes.default.string,
+  keyCallback: _propTypes.default.func,
+  valueCallback: _propTypes.default.func,
+  validateKey: _propTypes.default.func,
+  lokiVars: _propTypes.default.object,
+  lokiActive: _propTypes.default.bool
+};
+var _default = exports.default = LokiForm;

package/dist/components/semantic.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.embedCorpus = embedCorpus;
+exports.getSimilarity = getSimilarity;
+exports.loadModel = loadModel;
+var _transformers = require("@xenova/transformers");
+/*****************************************************************************\
+* (c) Copyright 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.                                       *
+\*****************************************************************************/
+
+// To always download the model from huggingface.com
+_transformers.env.allowLocalModels = false;
+_transformers.env.useBrowserCache = false;
+// Create a new worker
+const worker = new Worker(new URL("./worker.jsx", import.meta.url), {
+  type: "module"
+});
+/**
+ * @type {function}
+ * Promise resolve function for loading the model
+ */
+let loadResolve;
+/**
+ * @type {function}
+ */
+let queryResolve;
+worker.onmessage = function (event) {
+  const message = event.data;
+  switch (message.type) {
+    case "progress":
+      if (message.progress.status === "ready") {
+        loadResolve();
+      }
+      break;
+    case "corpus":
+      // the corpus is embedded
+      queryResolve();
+      break;
+    case "result":
+      queryResolve(message.result);
+      break;
+  }
+};
+/**
+ *
+ * @param {string} modelname
+ * Load the model with the provided model name
+ * @returns
+ */
+async function loadModel(modelname) {
+  worker.postMessage({
+    type: "init",
+    model: modelname
+  });
+  return new Promise(resolve => {
+    loadResolve = resolve;
+  });
+}
+/**
+ * Passes corpus embedding from backend to the worker
+ * @returns
+ */
+async function embedCorpus(metadata) {
+  worker.postMessage({
+    type: "corpus",
+    kgdoc: metadata.metadata.kgdoc,
+    emb: metadata.metadata.embedding
+  });
+  return new Promise(resolve => {
+    queryResolve = resolve;
+  });
+}
+/**
+ *
+ * @param {string} query#
+ * Calculate the similarity between the query and the corpus
+ * @returns
+ */
+async function getSimilarity(query) {
+  worker.postMessage({
+    type: "similarity",
+    query: query
+  });
+  return new Promise(resolve => {
+    queryResolve = resolve;
+  });
+}