@pie-element/multiple-choice 11.2.0-mui-update.2 → 11.2.0-mui-update.3

package/configure/lib/index.js

@@ -128,31 +128,51 @@ class MultipleChoice extends HTMLElement {
     this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
   }
   _render() {
-    log('_render');
-    let element = /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-      theme
-    }, /*#__PURE__*/_react.default.createElement(_main.default, {
-      model: this._model,
-      configuration: this._configuration,
-      onModelChanged: this.onModelChanged,
-      onConfigurationChanged: this.onConfigurationChanged,
-      disableSidePanel: this._disableSidePanel,
-      imageSupport: {
-        add: this.insertImage.bind(this),
-        delete: this.onDeleteImage.bind(this)
-      },
-      uploadSoundSupport: {
-        add: this.insertSound.bind(this),
-        delete: this.onDeleteSound.bind(this)
+    log('_render - Starting render');
+    log('_render - Model:', this._model ? 'present' : 'missing');
+    log('_render - Configuration:', this._configuration ? 'present' : 'missing');
+    log('_render - Root exists:', !!this._root);
+    try {
+      let element = /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
+        theme
+      }, /*#__PURE__*/_react.default.createElement(_main.default, {
+        model: this._model,
+        configuration: this._configuration,
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+        disableSidePanel: this._disableSidePanel,
+        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) {
+        log('_render - Creating new React root');
+        this._root = (0, _client.createRoot)(this);
+        log('_render - React root created successfully');
       }
-    }));
-    if (!this._root) {
-      this._root = (0, _client.createRoot)(this);
+      log('_render - Calling root.render()');
+      this._root.render(element);
+      log('_render - Render completed successfully');
+    } catch (error) {
+      console.error('❌ [multiple-choice-configure] Render error:', error);
+      console.error('Error stack:', error.stack);
+      throw error;
     }
-    this._root.render(element);
+  }
+  connectedCallback() {
+    log('connectedCallback - Component connected to DOM');
+    log('connectedCallback - Model:', this._model ? 'present' : 'missing');
+    log('connectedCallback - Configuration:', this._configuration ? 'present' : 'missing');
   }
   disconnectedCallback() {
+    log('disconnectedCallback - Component disconnected from DOM');
     if (this._root) {
+      log('disconnectedCallback - Unmounting React root');
       this._root.unmount();
     }
   }

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_styles","_debug","_pieConfigureEvents","_main","_configUi","_defaults","_defaults2","theme","createTheme","log","debug","generateFormattedChoices","choices","choiceCount","length","formattedChoices","i","push","value","label","feedback","type","prepareCustomizationObject","config","model","configuration","defaults","sensibleDefaults","answerChoiceCount","MultipleChoice","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","info","newConfiguration","language","enabled","languageChoices","options","settings","find","option","disableSidePanel","_disableSidePanel","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","ThemeProvider","Main","imageSupport","add","delete","uploadSoundSupport","createRoot","render","disconnectedCallback","unmount","exports","default","_defineProperty2","normalizedModel","utils","normalizeChoices","choicesLayout","verticalMode"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ThemeProvider, createTheme } from '@mui/material/styles';\nimport debug from 'debug';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\n\nconst theme = createTheme();\n\nconst log = debug('multiple-choice:configure');\n\nconst generateFormattedChoices = (choices, choiceCount = 0) => {\n  if (!choices || choices.length === 0) {\n    let formattedChoices = [];\n\n    for (let i = 0; i < choiceCount; i++) {\n      formattedChoices.push({\n        value: `${i}`,\n        label: '',\n        feedback: {\n          type: 'none',\n          value: '',\n        },\n      });\n    }\n\n    return formattedChoices;\n  }\n\n  return choices;\n};\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n\n  return {\n    configuration,\n    model: {\n      ...model,\n      choices: generateFormattedChoices(\n        (model && model.choices) || [],\n        configuration && configuration.answerChoiceCount,\n      ),\n    },\n  };\n};\n\nexport default class MultipleChoice extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const normalizedModel = utils.normalizeChoices({\n      ...sensibleDefaults.model,\n      ...model,\n      choices: generateFormattedChoices((model && model.choices) || []),\n    });\n\n    // This is used for offering support for old models which have the property \"verticalMode\"\n    normalizedModel.choicesLayout =\n      model.choicesLayout || (model.verticalMode === false && 'horizontal') || sensibleDefaults.model.choicesLayout;\n\n    return normalizedModel;\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = MultipleChoice.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = MultipleChoice.createDefaultModel(s);\n\n    this._render();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n\n    const newConfiguration = {\n      ...sensibleDefaults.configuration,\n      ...info.configuration,\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  set disableSidePanel(s) {\n    this._disableSidePanel = s;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = m;\n    this._render();\n\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  /** @param {done, progress, file} handler */\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    log('_render');\n    let element = React.createElement(\n      ThemeProvider,\n      { theme },\n      React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.onModelChanged,\n        onConfigurationChanged: this.onConfigurationChanged,\n        disableSidePanel: this._disableSidePanel,\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\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(element);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_styles","_debug","_pieConfigureEvents","_main","_configUi","_defaults","_defaults2","theme","createTheme","log","debug","generateFormattedChoices","choices","choiceCount","length","formattedChoices","i","push","value","label","feedback","type","prepareCustomizationObject","config","model","configuration","defaults","sensibleDefaults","answerChoiceCount","MultipleChoice","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","info","newConfiguration","language","enabled","languageChoices","options","settings","find","option","disableSidePanel","_disableSidePanel","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","element","React","createElement","ThemeProvider","Main","imageSupport","add","delete","uploadSoundSupport","createRoot","render","error","console","stack","connectedCallback","disconnectedCallback","unmount","exports","default","_defineProperty2","normalizedModel","utils","normalizeChoices","choicesLayout","verticalMode"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ThemeProvider, createTheme } from '@mui/material/styles';\nimport debug from 'debug';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport Main from './main';\nimport { choiceUtils as utils } from '@pie-lib/config-ui';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\n\nconst theme = createTheme();\n\nconst log = debug('multiple-choice:configure');\n\nconst generateFormattedChoices = (choices, choiceCount = 0) => {\n  if (!choices || choices.length === 0) {\n    let formattedChoices = [];\n\n    for (let i = 0; i < choiceCount; i++) {\n      formattedChoices.push({\n        value: `${i}`,\n        label: '',\n        feedback: {\n          type: 'none',\n          value: '',\n        },\n      });\n    }\n\n    return formattedChoices;\n  }\n\n  return choices;\n};\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n\n  return {\n    configuration,\n    model: {\n      ...model,\n      choices: generateFormattedChoices(\n        (model && model.choices) || [],\n        configuration && configuration.answerChoiceCount,\n      ),\n    },\n  };\n};\n\nexport default class MultipleChoice extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const normalizedModel = utils.normalizeChoices({\n      ...sensibleDefaults.model,\n      ...model,\n      choices: generateFormattedChoices((model && model.choices) || []),\n    });\n\n    // This is used for offering support for old models which have the property \"verticalMode\"\n    normalizedModel.choicesLayout =\n      model.choicesLayout || (model.verticalMode === false && 'horizontal') || sensibleDefaults.model.choicesLayout;\n\n    return normalizedModel;\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = MultipleChoice.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = MultipleChoice.createDefaultModel(s);\n\n    this._render();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n\n    const newConfiguration = {\n      ...sensibleDefaults.configuration,\n      ...info.configuration,\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  set disableSidePanel(s) {\n    this._disableSidePanel = s;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = m;\n    this._render();\n\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  /** @param {done, progress, file} handler */\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    log('_render - Starting render');\n    log('_render - Model:', this._model ? 'present' : 'missing');\n    log('_render - Configuration:', this._configuration ? 'present' : 'missing');\n    log('_render - Root exists:', !!this._root);\n    \n    try {\n      let element = React.createElement(\n        ThemeProvider,\n        { theme },\n        React.createElement(Main, {\n          model: this._model,\n          configuration: this._configuration,\n          onModelChanged: this.onModelChanged,\n          onConfigurationChanged: this.onConfigurationChanged,\n          disableSidePanel: this._disableSidePanel,\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\n      if (!this._root) {\n        log('_render - Creating new React root');\n        this._root = createRoot(this);\n        log('_render - React root created successfully');\n      }\n      \n      log('_render - Calling root.render()');\n      this._root.render(element);\n      log('_render - Render completed successfully');\n    } catch (error) {\n      console.error('❌ [multiple-choice-configure] Render error:', error);\n      console.error('Error stack:', error.stack);\n      throw error;\n    }\n  }\n\n  connectedCallback() {\n    log('connectedCallback - Component connected to DOM');\n    log('connectedCallback - Model:', this._model ? 'present' : 'missing');\n    log('connectedCallback - Configuration:', this._configuration ? 'present' : 'missing');\n  }\n\n  disconnectedCallback() {\n    log('disconnectedCallback - Component disconnected from DOM');\n    if (this._root) {\n      log('disconnectedCallback - Unmounting React root');\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/multiple-choice",
   "repository": "pie-framework/pie-elements",
-  "version": "11.2.0-mui-update.2",
+  "version": "11.2.0-mui-update.3",
   "publishConfig": {
     "access": "public"
   },