@pie-element/fraction-model 6.1.1-next.0 → 6.1.1-next.29

package/configure/lib/defaults.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  model: {
+    correctResponse: [],
+    title: '',
+    prompt: '',
+    modelTypeSelected: 'bar',
+    maxModelSelected: 1,
+    partsPerModel: 5,
+    allowedStudentConfig: false,
+    showGraphLabels: false
+  },
+  configuration: {
+    baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
+      audio: {
+        disabled: false
+      },
+      video: {
+        disabled: false
+      },
+      image: {
+        disabled: false
+      },
+      textAlign: {
+        disabled: true
+      },
+      showParagraphs: {
+        disabled: false
+      },
+      separateParagraphs: {
+        disabled: true
+      }
+    },
+    title: {
+      label: 'Title',
+      settings: true,
+      enabled: true,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    prompt: {
+      label: 'Question',
+      settings: true,
+      enabled: true,
+      inputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      }
+    },
+    modelOptions: {
+      maxOfModel: {
+        min: 1,
+        max: 9,
+        default: 1
+      },
+      partsPerModel: {
+        min: 1,
+        max: 9,
+        default: 5
+      },
+      modelTypeChoices: [{
+        value: 'bar',
+        label: 'Bar'
+      }, {
+        value: 'pie',
+        label: 'Pie'
+      }]
+    },
+    mathMlOptions: {
+      mmlOutput: false,
+      mmlEditing: false
+    },
+    language: {
+      settings: false,
+      label: 'Specify Language',
+      enabled: false
+    },
+    languageChoices: {
+      label: 'Language Choices',
+      options: []
+    },
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    settingsPanelDisabled: true
+  }
+};
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","correctResponse","title","prompt","modelTypeSelected","maxModelSelected","partsPerModel","allowedStudentConfig","showGraphLabels","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","label","settings","enabled","inputConfiguration","modelOptions","maxOfModel","min","max","default","modelTypeChoices","value","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options","spellCheck","settingsPanelDisabled"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    correctResponse: [],\n    title: '',\n    prompt: '',\n    modelTypeSelected: 'bar',\n    maxModelSelected: 1,\n    partsPerModel: 5,\n    allowedStudentConfig: false,\n    showGraphLabels: false,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    title: {\n      label: 'Title',\n      settings: true,\n      enabled: true,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    prompt: {\n      label: 'Question',\n      settings: true,\n      enabled: true,\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n    },\n    modelOptions: {\n      maxOfModel: {\n        min: 1,\n        max: 9,\n        default: 1,\n      },\n      partsPerModel: {\n        min: 1,\n        max: 9,\n        default: 5,\n      },\n      modelTypeChoices: [\n        { value: 'bar', label: 'Bar' },\n        { value: 'pie', label: 'Pie' },\n      ],\n    },\n    mathMlOptions: {\n      mmlOutput: false,\n      mmlEditing: false,\n    },\n    language: {\n      settings: false,\n      label: 'Specify Language',\n      enabled: false,\n    },\n    languageChoices: {\n      label: 'Language Choices',\n      options: [],\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    settingsPanelDisabled: true,\n  },\n};\n"],"mappings":";;;;;;iCAAe;EACbA,KAAK,EAAE;IACLC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,KAAK;IACxBC,gBAAgB,EAAE,CAAC;IACnBC,aAAa,EAAE,CAAC;IAChBC,oBAAoB,EAAE,KAAK;IAC3BC,eAAe,EAAE;EACnB,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,EAAE,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACtBC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,KAAK,EAAE;QAAEH,QAAQ,EAAE;MAAM,CAAC;MAC1BI,SAAS,EAAE;QAAEJ,QAAQ,EAAE;MAAK,CAAC;MAC7BK,cAAc,EAAE;QAAEL,QAAQ,EAAE;MAAM,CAAC;MACnCM,kBAAkB,EAAE;QAAEN,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDV,KAAK,EAAE;MACLiB,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE,IAAI;MACdC,OAAO,EAAE,IAAI;MACbC,kBAAkB,EAAE;QAClBT,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDT,MAAM,EAAE;MACNgB,KAAK,EAAE,UAAU;MACjBC,QAAQ,EAAE,IAAI;MACdC,OAAO,EAAE,IAAI;MACbC,kBAAkB,EAAE;QAClBT,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B;IACF,CAAC;IACDW,YAAY,EAAE;MACZC,UAAU,EAAE;QACVC,GAAG,EAAE,CAAC;QACNC,GAAG,EAAE,CAAC;QACNC,OAAO,EAAE;MACX,CAAC;MACDrB,aAAa,EAAE;QACbmB,GAAG,EAAE,CAAC;QACNC,GAAG,EAAE,CAAC;QACNC,OAAO,EAAE;MACX,CAAC;MACDC,gBAAgB,EAAE,CAChB;QAAEC,KAAK,EAAE,KAAK;QAAEV,KAAK,EAAE;MAAM,CAAC,EAC9B;QAAEU,KAAK,EAAE,KAAK;QAAEV,KAAK,EAAE;MAAM,CAAC;IAElC,CAAC;IACDW,aAAa,EAAE;MACbC,SAAS,EAAE,KAAK;MAChBC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRb,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE,kBAAkB;MACzBE,OAAO,EAAE;IACX,CAAC;IACDa,eAAe,EAAE;MACff,KAAK,EAAE,kBAAkB;MACzBgB,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVjB,KAAK,EAAE,YAAY;MACnBC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE;IACX,CAAC;IACDgB,qBAAqB,EAAE;EACzB;AACF,CAAC","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _main = _interopRequireDefault(require("./main"));
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _defaults = _interopRequireDefault(require("./defaults"));
+class FractionModelConfigure extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "resetModelAfterConfigurationIsSet", () => {
+      // In environments that use pie-player-components, model is set before configuration.
+      // This is the reason why sometimes the model gets altered non-reversible
+      // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)
+      // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset
+      // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called
+      const pieAuthors = document.querySelectorAll('pie-author');
+      this.hasPlayerAsParent = Array.from(pieAuthors).some(author => author.contains(this));
+      if (this.hasPlayerAsParent) {
+        if (this._modelCopy) {
+          this._model = this._modelCopy;
+        } else {
+          delete this._modelCopy;
+        }
+      }
+    });
+    (0, _defineProperty2.default)(this, "onChange", o => {
+      this._model = {
+        ...this._model,
+        ...o
+      };
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+      this.render();
+    });
+    this._root = null;
+    this._model = FractionModelConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
+  }
+  set model(m) {
+    this._model = FractionModelConfigure.createDefaultModel(m);
+    this.render();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+    this.resetModelAfterConfigurationIsSet();
+
+    // 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 = [];
+      }
+
+      // 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;
+    }
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  modelChanged(m) {
+    this._model = m;
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
+    this.render();
+  }
+  onConfigurationChanged(c) {
+    this._configuration = c;
+    this.render();
+  }
+
+  /**
+   *
+   * @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() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_main.default, {
+        classes: {},
+        model: this._model,
+        configuration: this._configuration,
+        onConfigurationChanged: this.onConfigurationChanged,
+        onChange: this.onChange,
+        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);
+      }
+      this._root.render(el);
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = FractionModelConfigure;
+/**
+ * This function makes sure you set the default values on the model
+ * @param model
+ * @returns model
+ */
+(0, _defineProperty2.default)(FractionModelConfigure, "createDefaultModel", (model = {}) => {
+  const c = _defaults.default.configuration;
+  let language = model.language || '';
+  if (!language && c.language && c.language.enabled) {
+    if (c.languageChoices?.options?.length) {
+      language = c.languageChoices.options[0].value;
+    }
+  }
+  const normalizedModel = {
+    ..._defaults.default.model,
+    ...model,
+    language
+  };
+  return normalizedModel;
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_main","_pieConfigureEvents","_defaults","FractionModelConfigure","HTMLElement","constructor","_defineProperty2","default","pieAuthors","document","querySelectorAll","hasPlayerAsParent","Array","from","some","author","contains","_modelCopy","_model","o","dispatchEvent","ModelUpdatedEvent","render","_root","createDefaultModel","_configuration","defaultValues","configuration","model","m","c","newConfiguration","resetModelAfterConfigurationIsSet","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","connectedCallback","modelChanged","onConfigurationChanged","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Main","classes","onChange","imageSupport","add","bind","delete","uploadSoundSupport","createRoot","disconnectedCallback","unmount","exports","normalizedModel"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Main from './main';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaults';\n\nexport default class FractionModelConfigure extends HTMLElement {\n  /**\n   * This function makes sure you set the default values on the model\n   * @param model\n   * @returns model\n   */\n  static createDefaultModel = (model = {}) => {\n    const c = defaultValues.configuration;\n    let language = model.language || '';\n\n    if (!language && c.language && c.language.enabled) {\n      if (c.languageChoices?.options?.length) {\n        language = c.languageChoices.options[0].value;\n      }\n    }\n\n    const normalizedModel = {\n      ...defaultValues.model,\n      ...model,\n      language,\n    };\n\n    return normalizedModel;\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = FractionModelConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = FractionModelConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...c,\n    };\n    this._configuration = newConfiguration;\n\n    this.resetModelAfterConfigurationIsSet();\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    this.render();\n  }\n\n  resetModelAfterConfigurationIsSet = () => {\n    // In environments that use pie-player-components, model is set before configuration.\n    // This is the reason why sometimes the model gets altered non-reversible\n    // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)\n    // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset\n    // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called\n    const pieAuthors = document.querySelectorAll('pie-author');\n    this.hasPlayerAsParent = Array.from(pieAuthors).some((author) => author.contains(this));\n\n    if (this.hasPlayerAsParent) {\n      if (this._modelCopy) {\n        this._model = this._modelCopy;\n      } else {\n        delete this._modelCopy;\n      }\n    }\n  };\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onChange = (o) => {\n    this._model = { ...this._model, ...o };\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n    this.render();\n  };\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\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    if (this._model) {\n      const el = React.createElement(Main, {\n        classes: {},\n        model: this._model,\n        configuration: this._configuration,\n        onConfigurationChanged: this.onConfigurationChanged,\n        onChange: this.onChange,\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  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/main.js

@@ -0,0 +1,253 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _configUi = require("@pie-lib/config-ui");
+var _editableHtmlTipTap = _interopRequireDefault(require("@pie-lib/editable-html-tip-tap"));
+var _fractionModel = require("@pie-element/fraction-model");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
+var _styles = require("@mui/material/styles");
+var _cardBar = _interopRequireDefault(require("./card-bar"));
+var _modelOptions = _interopRequireDefault(require("./model-options"));
+const StyledFormSection = (0, _styles.styled)(_configUi.FormSection)(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(4)
+}));
+const StyledTooltip = (0, _styles.styled)(_Tooltip.default)(({
+  theme
+}) => ({
+  '& .MuiTooltip-tooltip': {
+    fontSize: theme.typography.fontSize - 2,
+    whiteSpace: 'pre',
+    maxWidth: '500px'
+  }
+}));
+const ErrorMessage = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  fontSize: theme.typography.fontSize - 2,
+  color: theme.palette.error.main,
+  marginTop: theme.spacing(1)
+}));
+const ModelErrorContainer = (0, _styles.styled)('div')(({
+  theme,
+  hasError
+}) => ({
+  ...(hasError && {
+    border: `2px solid ${theme.palette.error.main}`
+  })
+}));
+const Label = (0, _styles.styled)('label')(({
+  theme
+}) => ({
+  marginBottom: theme.spacing(4)
+}));
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    /*
+     * Method to handle correct answer change
+     * @param {array} correctResponse - correct response
+     * */
+    (0, _defineProperty2.default)(this, "onCorrectAnswerChange", correctResponse => {
+      const {
+        model,
+        onChange
+      } = this.props;
+      model.correctResponse = correctResponse;
+      onChange({
+        ...model
+      });
+    });
+    /*
+     * Method to handle model options change
+     * @param {object} oldModel - old model
+     * @param {object} newModel - new model
+     * @param {boolean} showDiag - show dialog or not
+     * */
+    (0, _defineProperty2.default)(this, "onModelOptionsChange", (oldModel, newModel, showDiag) => {
+      const {
+        onChange
+      } = this.props;
+      if (showDiag && oldModel.correctResponse.length > 0) {
+        this.setState({
+          correctAnswerChangeDialog: {
+            open: true,
+            oldModel: oldModel,
+            newModel: newModel,
+            text: 'Changing either the Number of Models or Parts per Model will remove added correct answer. Are you sure you want to continue?'
+          }
+        });
+      } else {
+        onChange({
+          ...newModel
+        });
+      }
+    });
+    /*
+     * Method to generate random key
+     * */
+    (0, _defineProperty2.default)(this, "generateRandomKey", () => {
+      return Math.floor(Math.random() * 10000);
+    });
+    this.state = {
+      correctAnswerChangeDialog: {
+        open: false,
+        text: ''
+      }
+    };
+  }
+  render() {
+    const {
+      model,
+      onChange,
+      configuration,
+      imageSupport,
+      uploadSoundSupport
+    } = this.props;
+    const {
+      baseInputConfiguration = {},
+      contentDimensions = {},
+      title = {},
+      prompt = {},
+      modelOptions = {},
+      mathMlOptions = {}
+    } = configuration || {};
+    const {
+      errors = {},
+      extraCSSRules,
+      spellCheckEnabled,
+      toolbarEditorPosition
+    } = model || {};
+    const {
+      correctAnswerChangeDialog
+    } = this.state;
+    const toolbarOpts = {
+      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+    };
+    const getPluginProps = (props = {}) => ({
+      ...baseInputConfiguration,
+      ...props
+    });
+    const fractionModelChartKey = this.generateRandomKey();
+    return /*#__PURE__*/_react.default.createElement(_configUi.layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
+      dimensions: contentDimensions,
+      hideSettings: true
+    }, /*#__PURE__*/_react.default.createElement(_cardBar.default, {
+      header: "Set Up"
+    }), /*#__PURE__*/_react.default.createElement(StyledFormSection, {
+      label: title?.label || 'Title'
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      markup: model.title || '',
+      onChange: title => onChange({
+        title
+      }),
+      toolbarOpts: toolbarOpts,
+      activePlugins: ['bold', 'html', 'italic', 'underline', 'strikethrough', 'image', 'math', 'languageCharacters', 'responseArea'],
+      pluginProps: getPluginProps(title?.inputConfiguration),
+      spellCheck: spellCheckEnabled,
+      uploadSoundSupport: uploadSoundSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions
+    })), /*#__PURE__*/_react.default.createElement(StyledFormSection, {
+      label: prompt?.label || 'Question'
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      markup: model.prompt || '',
+      minHeight: 60,
+      onChange: prompt => onChange({
+        prompt
+      }),
+      toolbarOpts: toolbarOpts,
+      pluginProps: getPluginProps(prompt?.inputConfiguration),
+      spellCheck: spellCheckEnabled,
+      uploadSoundSupport: uploadSoundSupport,
+      imageSupport: imageSupport,
+      languageCharactersProps: [{
+        language: 'spanish'
+      }, {
+        language: 'special'
+      }],
+      mathMlOptions: mathMlOptions
+    })), /*#__PURE__*/_react.default.createElement(_configUi.FormSection, null, /*#__PURE__*/_react.default.createElement(_modelOptions.default, {
+      model: model,
+      onChange: this.onModelOptionsChange,
+      modelOptions: modelOptions
+    })), /*#__PURE__*/_react.default.createElement(_configUi.FormSection, null, "            ", /*#__PURE__*/_react.default.createElement(_cardBar.default, {
+      header: "Correct Answer",
+      info: /*#__PURE__*/_react.default.createElement(StyledTooltip, {
+        disableFocusListener: true,
+        disableTouchListener: true,
+        placement: 'right',
+        title: 'The correct answer should include no more than one partially-filled model'
+      }, /*#__PURE__*/_react.default.createElement(_Info.default, {
+        fontSize: 'small',
+        color: 'primary',
+        style: {
+          marginLeft: '8px'
+        }
+      }))
+    }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(Label, null, "Click/touch the number of parts to represent the correct fraction model"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(ModelErrorContainer, {
+      hasError: !!errors.correctResponse
+    }, /*#__PURE__*/_react.default.createElement(_fractionModel.FractionModelChart, {
+      key: fractionModelChartKey,
+      value: model.correctResponse,
+      modelType: model.modelTypeSelected,
+      noOfModels: model.maxModelSelected,
+      partsPerModel: model.partsPerModel,
+      showLabel: model.showGraphLabels,
+      onChange: this.onCorrectAnswerChange
+    })), errors.correctResponse && /*#__PURE__*/_react.default.createElement(ErrorMessage, null, errors.correctResponse)), /*#__PURE__*/_react.default.createElement(_configUi.AlertDialog, {
+      open: correctAnswerChangeDialog.open,
+      title: "Warning",
+      text: correctAnswerChangeDialog.text,
+      onConfirm: () => {
+        let newModel = this.state.correctAnswerChangeDialog.newModel;
+        newModel.correctResponse = [];
+        onChange({
+          ...newModel
+        });
+        this.setState({
+          correctAnswerChangeDialog: {
+            open: false
+          }
+        });
+      },
+      onClose: () => {
+        const oldModel = this.state.correctAnswerChangeDialog.oldModel;
+        onChange({
+          ...oldModel
+        });
+        this.setState({
+          correctAnswerChangeDialog: {
+            open: false
+          }
+        });
+      },
+      onConfirmText: 'OK',
+      onCloseText: 'Cancel'
+    }));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", {
+  model: _propTypes.default.object.isRequired,
+  configuration: _propTypes.default.object.isRequired,
+  onConfigurationChanged: _propTypes.default.func.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  uploadSoundSupport: _propTypes.default.object.isRequired
+});
+var _default = exports.default = Main;
+//# sourceMappingURL=main.js.map

package/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_configUi","_editableHtmlTipTap","_fractionModel","_Tooltip","_Info","_styles","_cardBar","_modelOptions","StyledFormSection","styled","FormSection","theme","marginBottom","spacing","StyledTooltip","Tooltip","fontSize","typography","whiteSpace","maxWidth","ErrorMessage","color","palette","error","main","marginTop","ModelErrorContainer","hasError","border","Label","Main","React","Component","constructor","props","_defineProperty2","default","correctResponse","model","onChange","oldModel","newModel","showDiag","length","setState","correctAnswerChangeDialog","open","text","Math","floor","random","state","render","configuration","imageSupport","uploadSoundSupport","baseInputConfiguration","contentDimensions","title","prompt","modelOptions","mathMlOptions","errors","extraCSSRules","spellCheckEnabled","toolbarEditorPosition","toolbarOpts","position","getPluginProps","fractionModelChartKey","generateRandomKey","createElement","layout","ConfigLayout","dimensions","hideSettings","header","label","markup","activePlugins","pluginProps","inputConfiguration","spellCheck","languageCharactersProps","language","minHeight","onModelOptionsChange","info","disableFocusListener","disableTouchListener","placement","style","marginLeft","FractionModelChart","key","value","modelType","modelTypeSelected","noOfModels","maxModelSelected","partsPerModel","showLabel","showGraphLabels","onCorrectAnswerChange","AlertDialog","onConfirm","onClose","onConfirmText","onCloseText","exports","PropTypes","object","isRequired","onConfigurationChanged","func","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormSection, layout, AlertDialog } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\nimport { FractionModelChart } from '@pie-element/fraction-model';\nimport Tooltip from '@mui/material/Tooltip';\nimport Info from '@mui/icons-material/Info';\nimport { styled } from '@mui/material/styles';\n\nimport CardBar from './card-bar';\nimport ModelOptions from './model-options';\n\nconst StyledFormSection = styled(FormSection)(({ theme }) => ({\n  marginBottom: theme.spacing(4),\n}));\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n}));\n\nconst ErrorMessage = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  marginTop: theme.spacing(1),\n}));\n\nconst ModelErrorContainer = styled('div')(({ theme, hasError }) => ({\n  ...(hasError && {\n    border: `2px solid ${theme.palette.error.main}`,\n  }),\n}));\n\nconst Label = styled('label')(({ theme }) => ({\n  marginBottom: theme.spacing(4),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      correctAnswerChangeDialog: {\n        open: false,\n        text: '',\n      },\n    };\n  }\n\n  /*\n   * Method to handle correct answer change\n   * @param {array} correctResponse - correct response\n   * */\n  onCorrectAnswerChange = (correctResponse) => {\n    const { model, onChange } = this.props;\n    model.correctResponse = correctResponse;\n    onChange({ ...model });\n  };\n\n  /*\n   * Method to handle model options change\n   * @param {object} oldModel - old model\n   * @param {object} newModel - new model\n   * @param {boolean} showDiag - show dialog or not\n   * */\n  onModelOptionsChange = (oldModel, newModel, showDiag) => {\n    const { onChange } = this.props;\n    if (showDiag && oldModel.correctResponse.length > 0) {\n      this.setState({\n        correctAnswerChangeDialog: {\n          open: true,\n          oldModel: oldModel,\n          newModel: newModel,\n          text: 'Changing either the Number of Models or Parts per Model will remove added correct answer. Are you sure you want to continue?',\n        },\n      });\n    } else {\n      onChange({ ...newModel });\n    }\n  };\n\n  /*\n   * Method to generate random key\n   * */\n  generateRandomKey = () => {\n    return Math.floor(Math.random() * 10000);\n  };\n\n  render() {\n    const { model, onChange, configuration, imageSupport, uploadSoundSupport } = this.props;\n    const {\n      baseInputConfiguration = {},\n      contentDimensions = {},\n      title = {},\n      prompt = {},\n      modelOptions = {},\n      mathMlOptions = {},\n    } = configuration || {};\n\n    const { errors = {}, extraCSSRules, spellCheckEnabled, toolbarEditorPosition } = model || {};\n\n    const { correctAnswerChangeDialog } = this.state;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const getPluginProps = (props = {}) => ({\n      ...baseInputConfiguration,\n      ...props,\n    });\n\n    const fractionModelChartKey = this.generateRandomKey();\n\n    return (\n      <layout.ConfigLayout extraCSSRules={extraCSSRules} dimensions={contentDimensions} hideSettings={true}>\n        <CardBar header=\"Set Up\"></CardBar>\n\n        <StyledFormSection label={title?.label || 'Title'}>\n          <EditableHtml\n            markup={model.title || ''}\n            onChange={(title) => onChange({ title })}\n            toolbarOpts={toolbarOpts}\n            activePlugins={[\n              'bold',\n              'html',\n              'italic',\n              'underline',\n              'strikethrough',\n              'image',\n              'math',\n              'languageCharacters',\n              'responseArea',\n            ]}\n            pluginProps={getPluginProps(title?.inputConfiguration)}\n            spellCheck={spellCheckEnabled}\n            uploadSoundSupport={uploadSoundSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n        </StyledFormSection>\n\n        <StyledFormSection label={prompt?.label || 'Question'}>\n          <EditableHtml\n            markup={model.prompt || ''}\n            minHeight={60}\n            onChange={(prompt) => onChange({ prompt })}\n            toolbarOpts={toolbarOpts}\n            pluginProps={getPluginProps(prompt?.inputConfiguration)}\n            spellCheck={spellCheckEnabled}\n            uploadSoundSupport={uploadSoundSupport}\n            imageSupport={imageSupport}\n            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            mathMlOptions={mathMlOptions}\n          />\n        </StyledFormSection>\n\n        <FormSection>\n          <ModelOptions model={model} onChange={this.onModelOptionsChange} modelOptions={modelOptions} />\n        </FormSection>\n\n        <FormSection>            <CardBar\n            header=\"Correct Answer\"\n            info={\n              <StyledTooltip\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={'The correct answer should include no more than one partially-filled model'}\n              >\n                <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '8px' }} />\n              </StyledTooltip>\n            }\n          ></CardBar>\n\n          <br />\n          <Label>\n            Click/touch the number of parts to represent the correct fraction model\n          </Label>\n          <br />\n\n          <ModelErrorContainer hasError={!!errors.correctResponse}>\n            <FractionModelChart\n              key={fractionModelChartKey}\n              value={model.correctResponse}\n              modelType={model.modelTypeSelected}\n              noOfModels={model.maxModelSelected}\n              partsPerModel={model.partsPerModel}\n              showLabel={model.showGraphLabels}\n              onChange={this.onCorrectAnswerChange}\n            ></FractionModelChart>\n          </ModelErrorContainer>\n\n          {errors.correctResponse && <ErrorMessage>{errors.correctResponse}</ErrorMessage>}\n        </FormSection>\n\n        <AlertDialog\n          open={correctAnswerChangeDialog.open}\n          title=\"Warning\"\n          text={correctAnswerChangeDialog.text}\n          onConfirm={() => {\n            let newModel = this.state.correctAnswerChangeDialog.newModel;\n            newModel.correctResponse = [];\n            onChange({ ...newModel });\n            this.setState({\n              correctAnswerChangeDialog: { open: false },\n            });\n          }}\n          onClose={() => {\n            const oldModel = this.state.correctAnswerChangeDialog.oldModel;\n            onChange({ ...oldModel });\n            this.setState({ correctAnswerChangeDialog: { open: false } });\n          }}\n          onConfirmText={'OK'}\n          onCloseText={'Cancel'}\n        />\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}