@pie-element/categorize 11.3.4-next.0 → 12.0.0-beta.0

package/configure/lib/index.js

@@ -1,210 +1,147 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
-
 var _mathRendering = require("@pie-lib/math-rendering");
-
 var _main = _interopRequireDefault(require("./main"));
-
 var _defaults = _interopRequireDefault(require("./defaults"));
-
-var _excluded = ["alternateResponses"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var CategorizeConfigure = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(CategorizeConfigure, _HTMLElement);
-
-  var _super = _createSuper(CategorizeConfigure);
-
-  // PD-2960: make sure we don't have alternates in model or possibility to add them (temporary solution)
-  // this function is used in controller, too
-  function CategorizeConfigure() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, CategorizeConfigure);
-    _this = _super.call(this);
-    _this._model = CategorizeConfigure.createDefaultModel();
-    _this._configuration = _defaults["default"].configuration;
-    return _this;
+class CategorizeConfigure extends HTMLElement {
+  constructor() {
+    super();
+    this._root = null;
+    this._model = CategorizeConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
   }
-
-  (0, _createClass2["default"])(CategorizeConfigure, [{
-    key: "model",
-    set: function set(m) {
-      this._model = CategorizeConfigure.createDefaultModel(m);
-
-      if (m.choices && m.choices.length >= m.maxAnswerChoices) {
-        this._model.maxAnswerChoices = m.choices.length;
-        console.warn("Max Answer Choices can't be less than choices length!");
-      }
-
-      this.render();
+  set model(m) {
+    this._model = CategorizeConfigure.createDefaultModel(m);
+    if (m.choices && m.choices.length >= m.maxAnswerChoices) {
+      this._model.maxAnswerChoices = m.choices.length;
+      console.warn("Max Answer Choices can't be less than choices length!");
     }
-  }, {
-    key: "configuration",
-    set: function set(c) {
-      var _newConfiguration$lan,
-          _this2 = this;
-
-      var newConfiguration = _objectSpread(_objectSpread({}, _defaults["default"].configuration), c);
-
-      this._configuration = newConfiguration; // if language:enabled is true, then the corresponding default item model should include a language value;
-      // if it is false, then the language field should be omitted from the item model.
-      // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
-      // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
-
-      if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan = newConfiguration.language) !== null && _newConfiguration$lan !== void 0 && _newConfiguration$lan.enabled) {
-        var _newConfiguration$lan2, _newConfiguration$lan3;
-
-        if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan2 = newConfiguration.languageChoices) !== null && _newConfiguration$lan2 !== void 0 && (_newConfiguration$lan3 = _newConfiguration$lan2.options) !== null && _newConfiguration$lan3 !== void 0 && _newConfiguration$lan3.length) {
-          this._model.language = newConfiguration === null || newConfiguration === void 0 ? void 0 : newConfiguration.languageChoices.options[0].value;
-        }
-      } else if (newConfiguration.language.settings && this._model.language) {
-        this._configuration.language.enabled = true;
-
-        if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
-          this._configuration.languageChoices.options = [];
-        } // check if the language is already included in the languageChoices.options array
-        // and if not, then add it.
-
-
-        if (!this._configuration.languageChoices.options.find(function (option) {
-          return option.value === _this2._model.language;
-        })) {
-          this._configuration.languageChoices.options.push({
-            value: this._model.language,
-            label: this._model.language
-          });
-        }
-      } else {
-        delete this._model.language;
+    this.render();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
       }
 
-      this.render();
-    }
-  }, {
-    key: "onModelChanged",
-    value: function onModelChanged(m) {
-      this._model = m;
-      this.render();
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
-    }
-  }, {
-    key: "onConfigurationChanged",
-    value: function onConfigurationChanged(c) {
-      this._configuration = c;
-      this.render();
-    }
-  }, {
-    key: "connectedCallback",
-    value: function connectedCallback() {
-      this.render();
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
     }
-    /**
-     *
-     * @param {done, progress, file} handler
-     */
+    this.render();
+  }
+  onModelChanged(m) {
+    this._model = m;
+    this.render();
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, false));
+  }
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
 
-  }, {
-    key: "insertImage",
-    value: function insertImage(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-    }
-  }, {
-    key: "onDeleteImage",
-    value: function onDeleteImage(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-    }
-  }, {
-    key: "insertSound",
-    value: function insertSound(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-    }
-  }, {
-    key: "onDeleteSound",
-    value: function onDeleteSound(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  /**
+   *
+   * @param {done, progress, file} handler
+   */
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  render() {
+    const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      configuration: this._configuration,
+      onModelChanged: this.onModelChanged.bind(this),
+      onConfigurationChanged: this.onConfigurationChanged.bind(this),
+      imageSupport: {
+        add: this.insertImage.bind(this),
+        delete: this.onDeleteImage.bind(this)
+      },
+      uploadSoundSupport: {
+        add: this.insertSound.bind(this),
+        delete: this.onDeleteSound.bind(this)
+      }
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
-        model: this._model,
-        configuration: this._configuration,
-        onModelChanged: this.onModelChanged.bind(this),
-        onConfigurationChanged: this.onConfigurationChanged.bind(this),
-        imageSupport: {
-          add: this.insertImage.bind(this),
-          "delete": this.onDeleteImage.bind(this)
-        },
-        uploadSoundSupport: {
-          add: this.insertSound.bind(this),
-          "delete": this.onDeleteSound.bind(this)
-        }
-      });
-
-      _reactDom["default"].render(el, this, function () {
-        (0, _mathRendering.renderMath)(_this3);
-      });
+    this._root.render(el);
+    setTimeout(() => {
+      (0, _mathRendering.renderMath)(this);
+    }, 0);
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
     }
-  }]);
-  return CategorizeConfigure;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = CategorizeConfigure;
-(0, _defineProperty2["default"])(CategorizeConfigure, "createDefaultModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
-});
-(0, _defineProperty2["default"])(CategorizeConfigure, "disableAlternateResponses", function (m) {
-  var _ref = m || {},
-      correctResponse = _ref.correctResponse;
-
+  }
+}
+exports.default = CategorizeConfigure;
+(0, _defineProperty2.default)(CategorizeConfigure, "createDefaultModel", (model = {}) => ({
+  ..._defaults.default.model,
+  ...model
+}));
+// PD-2960: make sure we don't have alternates in model or possibility to add them (temporary solution)
+// this function is used in controller, too
+(0, _defineProperty2.default)(CategorizeConfigure, "disableAlternateResponses", m => {
+  let {
+    correctResponse
+  } = m || {};
   correctResponse = correctResponse || [];
-  var mappedCorrectResponse = correctResponse.map(function (cr) {
-    var alternateResponses = cr.alternateResponses,
-        response = (0, _objectWithoutProperties2["default"])(cr, _excluded);
+  const mappedCorrectResponse = correctResponse.map(cr => {
+    const {
+      alternateResponses,
+      ...response
+    } = cr;
     return response;
   });
-  return _objectSpread(_objectSpread({}, m), {}, {
+  return {
+    ...m,
     correctResponse: mappedCorrectResponse,
     allowAlternateEnabled: false
-  });
+  };
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["CategorizeConfigure","_model","createDefaultModel","_configuration","defaults","configuration","m","choices","length","maxAnswerChoices","console","warn","render","c","newConfiguration","language","enabled","languageChoices","options","value","settings","find","option","push","label","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Main","model","onModelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement","correctResponse","mappedCorrectResponse","map","cr","alternateResponses","response","allowAlternateEnabled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport Main from './main';\n\nimport defaults from './defaults';\n\nexport default class CategorizeConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaults.model,\n    ...model,\n  });\n\n  // PD-2960: make sure we don't have alternates in model or possibility to add them (temporary solution)\n  // this function is used in controller, too\n  static disableAlternateResponses = (m) => {\n    let { correctResponse } = m || {};\n    correctResponse = correctResponse || [];\n    const mappedCorrectResponse = correctResponse.map((cr) => {\n      const { alternateResponses, ...response } = cr;\n      return response;\n    });\n    return {\n      ...m,\n      correctResponse: mappedCorrectResponse,\n      allowAlternateEnabled: false,\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = CategorizeConfigure.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(m) {\n    this._model = CategorizeConfigure.createDefaultModel(m);\n\n    if (m.choices && m.choices.length >= m.maxAnswerChoices) {\n      this._model.maxAnswerChoices = m.choices.length;\n      console.warn(\"Max Answer Choices can't be less than choices length!\");\n    }\n\n    this.render();\n  }\n\n  set configuration(c) {\n    const newConfiguration = {\n      ...defaults.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this.render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    const el = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged.bind(this),\n      onConfigurationChanged: this.onConfigurationChanged.bind(this),\n      imageSupport: {\n        add: this.insertImage.bind(this),\n        delete: this.onDeleteImage.bind(this),\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_pieConfigureEvents","_mathRendering","_main","_defaults","CategorizeConfigure","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","defaults","configuration","model","m","choices","length","maxAnswerChoices","console","warn","render","c","newConfiguration","language","enabled","languageChoices","options","value","settings","find","option","push","label","onModelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","connectedCallback","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Main","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","setTimeout","renderMath","disconnectedCallback","unmount","exports","default","_defineProperty2","correctResponse","mappedCorrectResponse","map","cr","alternateResponses","response","allowAlternateEnabled"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport Main from './main';\n\nimport defaults from './defaults';\n\nexport default class CategorizeConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaults.model,\n    ...model,\n  });\n\n  // PD-2960: make sure we don't have alternates in model or possibility to add them (temporary solution)\n  // this function is used in controller, too\n  static disableAlternateResponses = (m) => {\n    let { correctResponse } = m || {};\n    correctResponse = correctResponse || [];\n    const mappedCorrectResponse = correctResponse.map((cr) => {\n      const { alternateResponses, ...response } = cr;\n      return response;\n    });\n    return {\n      ...m,\n      correctResponse: mappedCorrectResponse,\n      allowAlternateEnabled: false,\n    };\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = CategorizeConfigure.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(m) {\n    this._model = CategorizeConfigure.createDefaultModel(m);\n\n    if (m.choices && m.choices.length >= m.maxAnswerChoices) {\n      this._model.maxAnswerChoices = m.choices.length;\n      console.warn(\"Max Answer Choices can't be less than choices length!\");\n    }\n\n    this.render();\n  }\n\n  set configuration(c) {\n    const newConfiguration = {\n      ...defaults.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    this.render();\n  }\n\n  onModelChanged(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, false));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  render() {\n    const el = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged.bind(this),\n      onConfigurationChanged: this.onConfigurationChanged.bind(this),\n      imageSupport: {\n        add: this.insertImage.bind(this),\n        delete: this.onDeleteImage.bind(this),\n      },\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n\n    setTimeout(() => {\n      renderMath(this);\n    }, 0);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAOA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEe,MAAMM,mBAAmB,SAASC,WAAW,CAAC;EAsB3DC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,KAAK,GAAG,IAAI;IACjB,IAAI,CAACC,MAAM,GAAGJ,mBAAmB,CAACK,kBAAkB,CAAC,CAAC;IACtD,IAAI,CAACC,cAAc,GAAGC,iBAAQ,CAACC,aAAa;EAC9C;EAEA,IAAIC,KAAKA,CAACC,CAAC,EAAE;IACX,IAAI,CAACN,MAAM,GAAGJ,mBAAmB,CAACK,kBAAkB,CAACK,CAAC,CAAC;IAEvD,IAAIA,CAAC,CAACC,OAAO,IAAID,CAAC,CAACC,OAAO,CAACC,MAAM,IAAIF,CAAC,CAACG,gBAAgB,EAAE;MACvD,IAAI,CAACT,MAAM,CAACS,gBAAgB,GAAGH,CAAC,CAACC,OAAO,CAACC,MAAM;MAC/CE,OAAO,CAACC,IAAI,CAAC,uDAAuD,CAAC;IACvE;IAEA,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;EAEA,IAAIR,aAAaA,CAACS,CAAC,EAAE;IACnB,MAAMC,gBAAgB,GAAG;MACvB,GAAGX,iBAAQ,CAACC,aAAa;MACzB,GAAGS;IACL,CAAC;IAED,IAAI,CAACX,cAAc,GAAGY,gBAAgB;;IAEtC;IACA;IACA;IACA;IACA,IAAIA,gBAAgB,EAAEC,QAAQ,EAAEC,OAAO,EAAE;MACvC,IAAIF,gBAAgB,EAAEG,eAAe,EAAEC,OAAO,EAAEV,MAAM,EAAE;QACtD,IAAI,CAACR,MAAM,CAACe,QAAQ,GAAGD,gBAAgB,EAAEG,eAAe,CAACC,OAAO,CAAC,CAAC,CAAC,CAACC,KAAK;MAC3E;IACF,CAAC,MAAM,IAAIL,gBAAgB,CAACC,QAAQ,CAACK,QAAQ,IAAI,IAAI,CAACpB,MAAM,CAACe,QAAQ,EAAE;MACrE,IAAI,CAACb,cAAc,CAACa,QAAQ,CAACC,OAAO,GAAG,IAAI;MAE3C,IAAI,CAAC,IAAI,CAACd,cAAc,CAACe,eAAe,CAACC,OAAO,IAAI,CAAC,IAAI,CAAChB,cAAc,CAACe,eAAe,CAACC,OAAO,CAACV,MAAM,EAAE;QACvG,IAAI,CAACN,cAAc,CAACe,eAAe,CAACC,OAAO,GAAG,EAAE;MAClD;;MAEA;MACA;MACA,IAAI,CAAC,IAAI,CAAChB,cAAc,CAACe,eAAe,CAACC,OAAO,CAACG,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAK,IAAI,CAACnB,MAAM,CAACe,QAAQ,CAAC,EAAE;QACxG,IAAI,CAACb,cAAc,CAACe,eAAe,CAACC,OAAO,CAACK,IAAI,CAAC;UAC/CJ,KAAK,EAAE,IAAI,CAACnB,MAAM,CAACe,QAAQ;UAC3BS,KAAK,EAAE,IAAI,CAACxB,MAAM,CAACe;QACrB,CAAC,CAAC;MACJ;IACF,CAAC,MAAM;MACL,OAAO,IAAI,CAACf,MAAM,CAACe,QAAQ;IAC7B;IAEA,IAAI,CAACH,MAAM,CAAC,CAAC;EACf;EAEAa,cAAcA,CAACnB,CAAC,EAAE;IAChB,IAAI,CAACN,MAAM,GAAGM,CAAC;IAEf,IAAI,CAACM,MAAM,CAAC,CAAC;IACb,IAAI,CAACc,aAAa,CAAC,IAAIC,qCAAiB,CAAC,IAAI,CAAC3B,MAAM,EAAE,KAAK,CAAC,CAAC;EAC/D;EAEA4B,sBAAsBA,CAACf,CAAC,EAAE;IACxB,IAAI,CAACX,cAAc,GAAGW,CAAC;IACvB,IAAI,CAACD,MAAM,CAAC,CAAC;EACf;EAEAiB,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACjB,MAAM,CAAC,CAAC;EACf;;EAEA;AACF;AACA;AACA;EACEkB,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACL,aAAa,CAAC,IAAIM,oCAAgB,CAACD,OAAO,CAAC,CAAC;EACnD;EAEAE,aAAaA,CAACC,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACT,aAAa,CAAC,IAAIU,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAE,WAAWA,CAACN,OAAO,EAAE;IACnB,IAAI,CAACL,aAAa,CAAC,IAAIY,oCAAgB,CAACP,OAAO,CAAC,CAAC;EACnD;EAEAQ,aAAaA,CAACL,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACT,aAAa,CAAC,IAAIc,oCAAgB,CAACN,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAvB,MAAMA,CAAA,EAAG;IACP,MAAM6B,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,aAAI,EAAE;MACnCvC,KAAK,EAAE,IAAI,CAACL,MAAM;MAClBI,aAAa,EAAE,IAAI,CAACF,cAAc;MAClCuB,cAAc,EAAE,IAAI,CAACA,cAAc,CAACoB,IAAI,CAAC,IAAI,CAAC;MAC9CjB,sBAAsB,EAAE,IAAI,CAACA,sBAAsB,CAACiB,IAAI,CAAC,IAAI,CAAC;MAC9DC,YAAY,EAAE;QACZC,GAAG,EAAE,IAAI,CAACjB,WAAW,CAACe,IAAI,CAAC,IAAI,CAAC;QAChCG,MAAM,EAAE,IAAI,CAACf,aAAa,CAACY,IAAI,CAAC,IAAI;MACtC,CAAC;MACDI,kBAAkB,EAAE;QAClBF,GAAG,EAAE,IAAI,CAACV,WAAW,CAACQ,IAAI,CAAC,IAAI,CAAC;QAChCG,MAAM,EAAE,IAAI,CAACT,aAAa,CAACM,IAAI,CAAC,IAAI;MACtC;IACF,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC9C,KAAK,EAAE;MACf,IAAI,CAACA,KAAK,GAAG,IAAAmD,kBAAU,EAAC,IAAI,CAAC;IAC/B;IACA,IAAI,CAACnD,KAAK,CAACa,MAAM,CAAC6B,EAAE,CAAC;IAErBU,UAAU,CAAC,MAAM;MACf,IAAAC,yBAAU,EAAC,IAAI,CAAC;IAClB,CAAC,EAAE,CAAC,CAAC;EACP;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACtD,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACuD,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAAC,OAAA,GAAA5D,mBAAA;AAAA,IAAA6D,gBAAA,CAAAD,OAAA,EAjJoB5D,mBAAmB,wBACV,CAACS,KAAK,GAAG,CAAC,CAAC,MAAM;EAC3C,GAAGF,iBAAQ,CAACE,KAAK;EACjB,GAAGA;AACL,CAAC,CAAC;AAEF;AACA;AAAA,IAAAoD,gBAAA,CAAAD,OAAA,EAPmB5D,mBAAmB,+BAQFU,CAAC,IAAK;EACxC,IAAI;IAAEoD;EAAgB,CAAC,GAAGpD,CAAC,IAAI,CAAC,CAAC;EACjCoD,eAAe,GAAGA,eAAe,IAAI,EAAE;EACvC,MAAMC,qBAAqB,GAAGD,eAAe,CAACE,GAAG,CAAEC,EAAE,IAAK;IACxD,MAAM;MAAEC,kBAAkB;MAAE,GAAGC;IAAS,CAAC,GAAGF,EAAE;IAC9C,OAAOE,QAAQ;EACjB,CAAC,CAAC;EACF,OAAO;IACL,GAAGzD,CAAC;IACJoD,eAAe,EAAEC,qBAAqB;IACtCK,qBAAqB,EAAE;EACzB,CAAC;AACH,CAAC","ignoreList":[]}

package/configure/lib/main.js

@@ -1,88 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Main = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+exports.default = exports.Main = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
 var _design = _interopRequireDefault(require("./design"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var Main = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Main, _React$Component);
-
-  var _super = _createSuper(Main);
-
-  function Main() {
-    (0, _classCallCheck2["default"])(this, Main);
-    return _super.apply(this, arguments);
+class Main extends _react.default.Component {
+  render() {
+    const {
+      model,
+      onModelChanged,
+      configuration,
+      onConfigurationChanged,
+      imageSupport,
+      uploadSoundSupport
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_design.default, {
+      imageSupport: imageSupport,
+      uploadSoundSupport: uploadSoundSupport,
+      title: "Design",
+      model: model,
+      configuration: configuration,
+      onChange: onModelChanged,
+      onConfigurationChanged: onConfigurationChanged
+    });
   }
-
-  (0, _createClass2["default"])(Main, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          model = _this$props.model,
-          onModelChanged = _this$props.onModelChanged,
-          configuration = _this$props.configuration,
-          onConfigurationChanged = _this$props.onConfigurationChanged,
-          imageSupport = _this$props.imageSupport,
-          uploadSoundSupport = _this$props.uploadSoundSupport;
-      return /*#__PURE__*/_react["default"].createElement(_design["default"], {
-        imageSupport: imageSupport,
-        uploadSoundSupport: uploadSoundSupport,
-        title: "Design",
-        model: model,
-        configuration: configuration,
-        onChange: onModelChanged,
-        onConfigurationChanged: onConfigurationChanged
-      });
-    }
-  }]);
-  return Main;
-}(_react["default"].Component);
-
+}
 exports.Main = Main;
-(0, _defineProperty2["default"])(Main, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  configuration: _propTypes["default"].object,
-  className: _propTypes["default"].string,
-  onConfigurationChanged: _propTypes["default"].func,
-  model: _propTypes["default"].object.isRequired,
-  onModelChanged: _propTypes["default"].func.isRequired,
-  imageSupport: _propTypes["default"].object,
-  uploadSoundSupport: _propTypes["default"].object
+(0, _defineProperty2.default)(Main, "propTypes", {
+  configuration: _propTypes.default.object,
+  onConfigurationChanged: _propTypes.default.func,
+  model: _propTypes.default.object.isRequired,
+  onModelChanged: _propTypes.default.func.isRequired,
+  imageSupport: _propTypes.default.object,
+  uploadSoundSupport: _propTypes.default.object
 });
-(0, _defineProperty2["default"])(Main, "defaultProps", {});
-
-var styles = function styles() {
-  return {};
-};
-
-var _default = (0, _styles.withStyles)(styles)(Main);
-
-exports["default"] = _default;
+(0, _defineProperty2.default)(Main, "defaultProps", {});
+var _default = exports.default = Main;
 //# sourceMappingURL=main.js.map

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","props","model","onModelChanged","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","React","Component","classes","PropTypes","object","isRequired","className","string","func","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEaA,I;;;;;;;;;;;;WAcX,kBAAS;AACP,wBACE,KAAKC,KADP;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,cAAf,eAAeA,cAAf;AAAA,UAA+BC,aAA/B,eAA+BA,aAA/B;AAAA,UAA8CC,sBAA9C,eAA8CA,sBAA9C;AAAA,UAAsEC,YAAtE,eAAsEA,YAAtE;AAAA,UAAoFC,kBAApF,eAAoFA,kBAApF;AAGA,0BACE,gCAAC,kBAAD;AACE,QAAA,YAAY,EAAED,YADhB;AAEE,QAAA,kBAAkB,EAAEC,kBAFtB;AAGE,QAAA,KAAK,EAAC,QAHR;AAIE,QAAA,KAAK,EAAEL,KAJT;AAKE,QAAA,aAAa,EAAEE,aALjB;AAME,QAAA,QAAQ,EAAED,cANZ;AAOE,QAAA,sBAAsB,EAAEE;AAP1B,QADF;AAWD;;;EA7BuBG,kBAAMC,S;;;iCAAnBT,I,eACQ;AACjBU,EAAAA,OAAO,EAAEC,sBAAUC,MAAV,CAAiBC,UADT;AAEjBT,EAAAA,aAAa,EAAEO,sBAAUC,MAFR;AAGjBE,EAAAA,SAAS,EAAEH,sBAAUI,MAHJ;AAIjBV,EAAAA,sBAAsB,EAAEM,sBAAUK,IAJjB;AAKjBd,EAAAA,KAAK,EAAES,sBAAUC,MAAV,CAAiBC,UALP;AAMjBV,EAAAA,cAAc,EAAEQ,sBAAUK,IAAV,CAAeH,UANd;AAOjBP,EAAAA,YAAY,EAAEK,sBAAUC,MAPP;AAQjBL,EAAAA,kBAAkB,EAAEI,sBAAUC;AARb,C;iCADRZ,I,kBAYW,E;;AAmBxB,IAAMiB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO,EAAP;AAAA,CAAf;;eAEe,wBAAWA,MAAX,EAAmBjB,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Design from './design';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    configuration: PropTypes.object,\n    className: PropTypes.string,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { model, onModelChanged, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } =\n      this.props;\n\n    return (\n      <Design\n        imageSupport={imageSupport}\n        uploadSoundSupport={uploadSoundSupport}\n        title=\"Design\"\n        model={model}\n        configuration={configuration}\n        onChange={onModelChanged}\n        onConfigurationChanged={onConfigurationChanged}\n      />\n    );\n  }\n}\nconst styles = () => ({});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_design","Main","React","Component","render","model","onModelChanged","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","props","default","createElement","title","onChange","exports","_defineProperty2","PropTypes","object","func","isRequired","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Design from './design';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    onModelChanged: PropTypes.func.isRequired,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { model, onModelChanged, configuration, onConfigurationChanged, imageSupport, uploadSoundSupport } =\n      this.props;\n\n    return (\n      <Design\n        imageSupport={imageSupport}\n        uploadSoundSupport={uploadSoundSupport}\n        title=\"Design\"\n        model={model}\n        configuration={configuration}\n        onChange={onModelChanged}\n        onConfigurationChanged={onConfigurationChanged}\n      />\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEO,MAAMG,IAAI,SAASC,cAAK,CAACC,SAAS,CAAC;EAYxCC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,cAAc;MAAEC,aAAa;MAAEC,sBAAsB;MAAEC,YAAY;MAAEC;IAAmB,CAAC,GACtG,IAAI,CAACC,KAAK;IAEZ,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAY,OAAM;MACLH,YAAY,EAAEA,YAAa;MAC3BC,kBAAkB,EAAEA,kBAAmB;MACvCI,KAAK,EAAC,QAAQ;MACdT,KAAK,EAAEA,KAAM;MACbE,aAAa,EAAEA,aAAc;MAC7BQ,QAAQ,EAAET,cAAe;MACzBE,sBAAsB,EAAEA;IAAuB,CAChD,CAAC;EAEN;AACF;AAACQ,OAAA,CAAAf,IAAA,GAAAA,IAAA;AAAA,IAAAgB,gBAAA,CAAAL,OAAA,EA5BYX,IAAI,eACI;EACjBM,aAAa,EAAEW,kBAAS,CAACC,MAAM;EAC/BX,sBAAsB,EAAEU,kBAAS,CAACE,IAAI;EACtCf,KAAK,EAAEa,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCf,cAAc,EAAEY,kBAAS,CAACE,IAAI,CAACC,UAAU;EACzCZ,YAAY,EAAES,kBAAS,CAACC,MAAM;EAC9BT,kBAAkB,EAAEQ,kBAAS,CAACC;AAChC,CAAC;AAAA,IAAAF,gBAAA,CAAAL,OAAA,EARUX,IAAI,kBAUO,CAAC,CAAC;AAAA,IAAAqB,QAAA,GAAAN,OAAA,CAAAJ,OAAA,GAoBXX,IAAI","ignoreList":[]}

package/configure/lib/utils.js

@@ -4,50 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.multiplePlacements = exports.maxLength = exports.getMaxCategoryChoices = exports.generateValidationMessage = void 0;
-
-var generateValidationMessage = function generateValidationMessage(config) {
-  var _ref = config || {},
-      minChoices = _ref.minChoices,
-      maxChoices = _ref.maxChoices,
-      maxCategories = _ref.maxCategories;
-
+const generateValidationMessage = config => {
+  let {
+    minChoices,
+    maxChoices,
+    maxCategories
+  } = config || {};
   minChoices = minChoices || 1;
-  var validationMessage = '\nThe choices content should ' + 'not be empty and should be unique.\nThere should be at least 1 ' + (maxCategories ? "and at most ".concat(maxCategories, " ") : '') + 'category' + (maxCategories ? 's' : '') + ' defined.' + (minChoices ? "\nThere should be at least ".concat(minChoices, " choices defined.") : '') + (maxChoices ? "\nNo more than ".concat(maxChoices, " choices should be defined.") : '') + '\nAt least one token should be assigned to at least one category.';
+  const validationMessage = '\nThe choices content should ' + 'not be empty and should be unique.\nThere should be at least 1 ' + (maxCategories ? `and at most ${maxCategories} ` : '') + 'category' + (maxCategories ? 's' : '') + ' defined.' + (minChoices ? `\nThere should be at least ${minChoices} choices defined.` : '') + (maxChoices ? `\nNo more than ${maxChoices} choices should be defined.` : '') + '\nAt least one token should be assigned to at least one category.';
   return 'Validation requirements:' + validationMessage;
-}; // used in controller too, for consistency modify it there too
-
+};
 
+// used in controller too, for consistency modify it there too
 exports.generateValidationMessage = generateValidationMessage;
-var multiplePlacements = {
+const multiplePlacements = exports.multiplePlacements = {
   enabled: 'Yes',
   disabled: 'No',
   perChoice: 'Set Per Choice'
-}; // Find the length of the largest array from an array
-
-exports.multiplePlacements = multiplePlacements;
-
-var maxLength = function maxLength(array) {
-  return (array || []).reduce(function (max, arr) {
-    return Math.max(max, arr.length);
-  }, 0);
 };
 
+// Find the length of the largest array from an array
+const maxLength = array => (array || []).reduce((max, arr) => {
+  return Math.max(max, arr.length);
+}, 0);
 exports.maxLength = maxLength;
-
-var getMaxCategoryChoices = function getMaxCategoryChoices(model) {
-  var _ref2 = model || {},
-      _ref2$correctResponse = _ref2.correctResponse,
-      correctResponse = _ref2$correctResponse === void 0 ? [] : _ref2$correctResponse;
-
-  return correctResponse.reduce(function (max, correctRes) {
-    var _correctRes$choices;
-
-    var correctRespLength = (correctRes === null || correctRes === void 0 ? void 0 : (_correctRes$choices = correctRes.choices) === null || _correctRes$choices === void 0 ? void 0 : _correctRes$choices.length) || 0;
-    var alternates = (correctRes === null || correctRes === void 0 ? void 0 : correctRes.alternateResponses) || [];
-    var maxChoices = Math.max(correctRespLength, maxLength(alternates));
+const getMaxCategoryChoices = model => {
+  const {
+    correctResponse = []
+  } = model || {};
+  return correctResponse.reduce((max, correctRes) => {
+    const correctRespLength = correctRes?.choices?.length || 0;
+    const alternates = correctRes?.alternateResponses || [];
+    const maxChoices = Math.max(correctRespLength, maxLength(alternates));
     return maxChoices > max ? maxChoices : max;
   }, 0);
 };
-
 exports.getMaxCategoryChoices = getMaxCategoryChoices;
 //# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["generateValidationMessage","config","minChoices","maxChoices","maxCategories","validationMessage","multiplePlacements","enabled","disabled","perChoice","maxLength","array","reduce","max","arr","Math","length","getMaxCategoryChoices","model","correctResponse","correctRes","correctRespLength","choices","alternates","alternateResponses"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,MAAD,EAAY;AACnD,aAAgDA,MAAM,IAAI,EAA1D;AAAA,MAAMC,UAAN,QAAMA,UAAN;AAAA,MAAkBC,UAAlB,QAAkBA,UAAlB;AAAA,MAA8BC,aAA9B,QAA8BA,aAA9B;;AACAF,EAAAA,UAAU,GAAGA,UAAU,IAAI,CAA3B;AAEA,MAAMG,iBAAiB,GACrB,kCACA,iEADA,IAECD,aAAa,yBAAkBA,aAAlB,SAAqC,EAFnD,IAGA,UAHA,IAICA,aAAa,GAAG,GAAH,GAAS,EAJvB,IAKA,WALA,IAMCF,UAAU,wCAAiCA,UAAjC,yBAAiE,EAN5E,KAOCC,UAAU,4BAAqBA,UAArB,mCAA+D,EAP1E,IAQA,mEATF;AAWA,SAAO,6BAA6BE,iBAApC;AACD,CAhBM,C,CAkBP;;;;AACO,IAAMC,kBAAkB,GAAG;AAAEC,EAAAA,OAAO,EAAE,KAAX;AAAkBC,EAAAA,QAAQ,EAAE,IAA5B;AAAkCC,EAAAA,SAAS,EAAE;AAA7C,CAA3B,C,CAEP;;;;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,SACvB,CAACA,KAAK,IAAI,EAAV,EAAcC,MAAd,CAAqB,UAACC,GAAD,EAAMC,GAAN,EAAc;AACjC,WAAOC,IAAI,CAACF,GAAL,CAASA,GAAT,EAAcC,GAAG,CAACE,MAAlB,CAAP;AACD,GAFD,EAEG,CAFH,CADuB;AAAA,CAAlB;;;;AAKA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAW;AAC9C,cAAiCA,KAAK,IAAI,EAA1C;AAAA,oCAAQC,eAAR;AAAA,MAAQA,eAAR,sCAA0B,EAA1B;;AACA,SAAOA,eAAe,CAACP,MAAhB,CAAuB,UAACC,GAAD,EAAMO,UAAN,EAAqB;AAAA;;AACjD,QAAMC,iBAAiB,GAAG,CAAAD,UAAU,SAAV,IAAAA,UAAU,WAAV,mCAAAA,UAAU,CAAEE,OAAZ,4EAAqBN,MAArB,KAA+B,CAAzD;AACA,QAAMO,UAAU,GAAG,CAAAH,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEI,kBAAZ,KAAkC,EAArD;AACA,QAAMrB,UAAU,GAAGY,IAAI,CAACF,GAAL,CAASQ,iBAAT,EAA4BX,SAAS,CAACa,UAAD,CAArC,CAAnB;AACA,WAAOpB,UAAU,GAAGU,GAAb,GAAmBV,UAAnB,GAAgCU,GAAvC;AACD,GALM,EAKJ,CALI,CAAP;AAMD,CARM","sourcesContent":["export const generateValidationMessage = (config) => {\n  let { minChoices, maxChoices, maxCategories } = config || {};\n  minChoices = minChoices || 1;\n\n  const validationMessage =\n    '\\nThe choices content should ' +\n    'not be empty and should be unique.\\nThere should be at least 1 ' +\n    (maxCategories ? `and at most ${maxCategories} ` : '') +\n    'category' +\n    (maxCategories ? 's' : '') +\n    ' defined.' +\n    (minChoices ? `\\nThere should be at least ${minChoices} choices defined.` : '') +\n    (maxChoices ? `\\nNo more than ${maxChoices} choices should be defined.` : '') +\n    '\\nAt least one token should be assigned to at least one category.';\n\n  return 'Validation requirements:' + validationMessage;\n};\n\n// used in controller too, for consistency modify it there too\nexport const multiplePlacements = { enabled: 'Yes', disabled: 'No', perChoice: 'Set Per Choice' };\n\n// Find the length of the largest array from an array\nexport const maxLength = (array) =>\n  (array || []).reduce((max, arr) => {\n    return Math.max(max, arr.length);\n  }, 0);\n\nexport const getMaxCategoryChoices = (model) => {\n  const { correctResponse = [] } = model || {};\n  return correctResponse.reduce((max, correctRes) => {\n    const correctRespLength = correctRes?.choices?.length || 0;\n    const alternates = correctRes?.alternateResponses || [];\n    const maxChoices = Math.max(correctRespLength, maxLength(alternates));\n    return maxChoices > max ? maxChoices : max;\n  }, 0);\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["generateValidationMessage","config","minChoices","maxChoices","maxCategories","validationMessage","exports","multiplePlacements","enabled","disabled","perChoice","maxLength","array","reduce","max","arr","Math","length","getMaxCategoryChoices","model","correctResponse","correctRes","correctRespLength","choices","alternates","alternateResponses"],"sources":["../src/utils.js"],"sourcesContent":["export const generateValidationMessage = (config) => {\n  let { minChoices, maxChoices, maxCategories } = config || {};\n  minChoices = minChoices || 1;\n\n  const validationMessage =\n    '\\nThe choices content should ' +\n    'not be empty and should be unique.\\nThere should be at least 1 ' +\n    (maxCategories ? `and at most ${maxCategories} ` : '') +\n    'category' +\n    (maxCategories ? 's' : '') +\n    ' defined.' +\n    (minChoices ? `\\nThere should be at least ${minChoices} choices defined.` : '') +\n    (maxChoices ? `\\nNo more than ${maxChoices} choices should be defined.` : '') +\n    '\\nAt least one token should be assigned to at least one category.';\n\n  return 'Validation requirements:' + validationMessage;\n};\n\n// used in controller too, for consistency modify it there too\nexport const multiplePlacements = { enabled: 'Yes', disabled: 'No', perChoice: 'Set Per Choice' };\n\n// Find the length of the largest array from an array\nexport const maxLength = (array) =>\n  (array || []).reduce((max, arr) => {\n    return Math.max(max, arr.length);\n  }, 0);\n\nexport const getMaxCategoryChoices = (model) => {\n  const { correctResponse = [] } = model || {};\n  return correctResponse.reduce((max, correctRes) => {\n    const correctRespLength = correctRes?.choices?.length || 0;\n    const alternates = correctRes?.alternateResponses || [];\n    const maxChoices = Math.max(correctRespLength, maxLength(alternates));\n    return maxChoices > max ? maxChoices : max;\n  }, 0);\n};\n"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB,GAAIC,MAAM,IAAK;EACnD,IAAI;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGH,MAAM,IAAI,CAAC,CAAC;EAC5DC,UAAU,GAAGA,UAAU,IAAI,CAAC;EAE5B,MAAMG,iBAAiB,GACrB,+BAA+B,GAC/B,iEAAiE,IAChED,aAAa,GAAG,eAAeA,aAAa,GAAG,GAAG,EAAE,CAAC,GACtD,UAAU,IACTA,aAAa,GAAG,GAAG,GAAG,EAAE,CAAC,GAC1B,WAAW,IACVF,UAAU,GAAG,8BAA8BA,UAAU,mBAAmB,GAAG,EAAE,CAAC,IAC9EC,UAAU,GAAG,kBAAkBA,UAAU,6BAA6B,GAAG,EAAE,CAAC,GAC7E,mEAAmE;EAErE,OAAO,0BAA0B,GAAGE,iBAAiB;AACvD,CAAC;;AAED;AAAAC,OAAA,CAAAN,yBAAA,GAAAA,yBAAA;AACO,MAAMO,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG;EAAEC,OAAO,EAAE,KAAK;EAAEC,QAAQ,EAAE,IAAI;EAAEC,SAAS,EAAE;AAAiB,CAAC;;AAEjG;AACO,MAAMC,SAAS,GAAIC,KAAK,IAC7B,CAACA,KAAK,IAAI,EAAE,EAAEC,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;EACjC,OAAOC,IAAI,CAACF,GAAG,CAACA,GAAG,EAAEC,GAAG,CAACE,MAAM,CAAC;AAClC,CAAC,EAAE,CAAC,CAAC;AAACX,OAAA,CAAAK,SAAA,GAAAA,SAAA;AAED,MAAMO,qBAAqB,GAAIC,KAAK,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG;EAAG,CAAC,GAAGD,KAAK,IAAI,CAAC,CAAC;EAC5C,OAAOC,eAAe,CAACP,MAAM,CAAC,CAACC,GAAG,EAAEO,UAAU,KAAK;IACjD,MAAMC,iBAAiB,GAAGD,UAAU,EAAEE,OAAO,EAAEN,MAAM,IAAI,CAAC;IAC1D,MAAMO,UAAU,GAAGH,UAAU,EAAEI,kBAAkB,IAAI,EAAE;IACvD,MAAMtB,UAAU,GAAGa,IAAI,CAACF,GAAG,CAACQ,iBAAiB,EAAEX,SAAS,CAACa,UAAU,CAAC,CAAC;IACrE,OAAOrB,UAAU,GAAGW,GAAG,GAAGX,UAAU,GAAGW,GAAG;EAC5C,CAAC,EAAE,CAAC,CAAC;AACP,CAAC;AAACR,OAAA,CAAAY,qBAAA,GAAAA,qBAAA","ignoreList":[]}