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

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["Categorize","m","_model","eliminateBlindAnswersFromSession","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isComplete","_audioInitialized","render","autoplayAudioEnabled","choices","completeAudioEnabled","hasUnplacedChoices","possibleResponses","responseAreasToBeFilled","elementContext","audioComplete","audio","querySelector","isInsidePrompt","closest","_session","answers","Array","isArray","filledResponseAreas","filter","answer","length","areResponseAreasFilled","duplicatesAllowed","some","choice","categoryCount","allAnswersIds","map","flat","requiredAnswersPlaced","response","every","val","includes","s","mappedChoices","c","id","filteredAnswers","answerChoices","changeAnswers","selector","SessionChangedEvent","info","document","createElement","Object","assign","style","position","top","width","height","display","justifyContent","alignItems","background","zIndex","cursor","img","src","EnableAudioAutoplayImage","alt","appendChild","observer","MutationObserver","mutationsList","forEach","mutation","type","_createAudioInfoToast","container","enableAudio","play","removeChild","removeEventListener","setTimeout","paused","addEventListener","handlePlaying","audioStartTime","Date","getTime","handleEnded","audioEndTime","waitTime","_audio","_handlePlaying","_handleEnded","_enableAudio","disconnect","observe","childList","subtree","el","React","CategorizeComponent","model","session","onAnswersChange","bind","onShowCorrectToggle","ReactDOM","HTMLElement"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { EnableAudioAutoplayImage } from '@pie-lib/render-ui';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport CategorizeComponent from './categorize';\n\nexport default class Categorize extends HTMLElement {\n  set model(m) {\n    this._model = m;\n\n    this.eliminateBlindAnswersFromSession();\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));\n    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio\n    this._audioInitialized = false;\n\n    this.render();\n  }\n\n  isComplete() {\n    const {\n      autoplayAudioEnabled,\n      choices,\n      completeAudioEnabled,\n      hasUnplacedChoices,\n      possibleResponses,\n      responseAreasToBeFilled,\n    } = this._model || {};\n    const elementContext = this;\n\n    // check audio completion if audio settings are enabled and audio actually exists\n    if (autoplayAudioEnabled && completeAudioEnabled && !this.audioComplete) {\n      if (elementContext) {\n        const audio = elementContext.querySelector('audio');\n        const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n        // only require audio completion if audio exists and is inside the prompt\n        if (audio && isInsidePrompt) {\n          return false;\n        }\n      }\n    }\n\n    if (!this._session || !this._session.answers) {\n      return false;\n    }\n\n    const { answers } = this._session;\n\n    if (!Array.isArray(answers)) {\n      return false;\n    }\n\n    // filter answers by category and count the ones with content\n    const filledResponseAreas = answers.filter((answer) => answer.choices.length).length;\n    // check if an answer choice was added to at least as many response areas\n    // as the number of populated response areas in the correct answer\n    const areResponseAreasFilled = filledResponseAreas >= responseAreasToBeFilled;\n    // check if multiple placements are allowed\n    const duplicatesAllowed = (choices || []).some((choice) => choice.categoryCount === 0);\n\n    if (duplicatesAllowed) {\n      // an answer choice can be used multiple times\n      return areResponseAreasFilled;\n    }\n\n    // any correct answer have any unplaced answer choices (by the author)\n    if (hasUnplacedChoices) {\n      return areResponseAreasFilled;\n    }\n\n    const allAnswersIds = answers.map((answer) => answer.choices).flat();\n\n    // check if any correct answer have any unplaced answer choices (by the student)\n    const requiredAnswersPlaced = (possibleResponses || []).some((response) =>\n      response.every((val) => allAnswersIds.includes(val)),\n    );\n\n    // true - all choices (required for a correct response) were placed into a response area\n    return requiredAnswersPlaced;\n  }\n\n  set session(s) {\n    if (s && !s.answers) {\n      s.answers = [];\n    }\n\n    this._session = s;\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  eliminateBlindAnswersFromSession() {\n    const { answers = [] } = this._session || {};\n    const { choices = [] } = this._model || {};\n\n    const mappedChoices = choices.map((c) => c.id) || [];\n    const filteredAnswers = answers.map((answer) => {\n      const answerChoices = answer?.choices || [];\n      answer.choices = answerChoices.filter((c) => mappedChoices.includes(c));\n\n      return answer;\n    });\n\n    if (filteredAnswers.length > 0) {\n      this.changeAnswers(filteredAnswers);\n    }\n  }\n\n  changeAnswers(answers) {\n    this._session.answers = answers;\n    this._session.selector = 'Mouse';\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n    this.render();\n  }\n\n  onShowCorrectToggle() {\n    renderMath(this);\n  }\n\n  _createAudioInfoToast() {\n    const info = document.createElement('div');\n    info.id = 'play-audio-info';\n\n    Object.assign(info.style, {\n      position: 'absolute',\n      top: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      background: 'white',\n      zIndex: '1000',\n      cursor: 'pointer',\n    });\n\n    const img = document.createElement('img');\n    img.src = EnableAudioAutoplayImage;\n    img.alt = 'Click anywhere to enable audio autoplay';\n    img.width = 500;\n    img.height = 300;\n\n    info.appendChild(img);\n    return info;\n  }\n\n  connectedCallback() {\n    // Observation:  audio in Chrome will have the autoplay attribute,\n    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio\n    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          if (this._audioInitialized) return;\n          const audio = this.querySelector('audio');\n          const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n          if (!this._model) return;\n          if (!this._model.autoplayAudioEnabled) return;\n          if (audio && !isInsidePrompt) return;\n          if (!audio) return;\n\n          const info = this._createAudioInfoToast();\n          const container = this.querySelector('#main-container');\n          const enableAudio = () => {\n            if (this.querySelector('#play-audio-info')) {\n              audio.play();\n              container.removeChild(info);\n            }\n\n            document.removeEventListener('click', enableAudio);\n          };\n\n          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play\n          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked\n          setTimeout(() => {\n            if (audio.paused && !this.querySelector('#play-audio-info')) {\n              // add info message as a toast to enable audio playback\n              container.appendChild(info);\n              document.addEventListener('click', enableAudio);\n            } else {\n              document.removeEventListener('click', enableAudio);\n            }\n          }, 500);\n\n          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering\n          const handlePlaying = () => {\n            //timestamp when auto-played audio started playing\n            this._session.audioStartTime = this._session.audioStartTime || new Date().getTime();\n\n            const info = this.querySelector('#play-audio-info');\n            if (info) {\n              container.removeChild(info);\n            }\n\n            audio.removeEventListener('playing', handlePlaying);\n          };\n\n          audio.addEventListener('playing', handlePlaying);\n\n          // we need to listen for the ended event to update the isComplete state\n          const handleEnded = () => {\n            //timestamp when auto-played audio completed playing\n            this._session.audioEndTime = this._session.audioEndTime || new Date().getTime();\n\n            let { audioStartTime, audioEndTime, waitTime } = this._session;\n            if (!waitTime && audioStartTime && audioEndTime) {\n              // waitTime is elapsed time the user waited for auto-played audio to finish\n              this._session.waitTime = audioEndTime - audioStartTime;\n            }\n\n            this.audioComplete = true;\n            this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n            audio.removeEventListener('ended', handleEnded);\n          };\n\n          audio.addEventListener('ended', handleEnded);\n\n          // store references to remove later\n          this._audio = audio;\n          this._handlePlaying = handlePlaying;\n          this._handleEnded = handleEnded;\n          this._enableAudio = enableAudio;\n          // set to true to prevent multiple initializations\n          this._audioInitialized = true;\n\n          observer.disconnect();\n        }\n      });\n    });\n\n    observer.observe(this, { childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this._enableAudio);\n\n    if (this._audio) {\n      this._audio.removeEventListener('playing', this._handlePlaying);\n      this._audio.removeEventListener('ended', this._handleEnded);\n      this._audio = null;\n    }\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(CategorizeComponent, {\n        model: this._model,\n        session: this._session,\n        onAnswersChange: this.changeAnswers.bind(this),\n        onShowCorrectToggle: this.onShowCorrectToggle.bind(this),\n      });\n\n      ReactDOM.render(el, this, () => {\n        renderMath(this);\n      });\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_mathRendering","_renderUi","_piePlayerEvents","_categorize","Categorize","HTMLElement","constructor","_defineProperty2","default","_mathRenderPending","requestAnimationFrame","_mathObserver","_mathObserverPaused","disconnect","renderMath","setTimeout","observe","childList","subtree","characterData","_root","_initMathObserver","MutationObserver","_scheduleMathRender","_disconnectMathObserver","model","m","_model","eliminateBlindAnswersFromSession","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isComplete","_audioInitialized","render","autoplayAudioEnabled","choices","completeAudioEnabled","hasUnplacedChoices","possibleResponses","responseAreasToBeFilled","elementContext","audioComplete","audio","querySelector","isInsidePrompt","closest","_session","answers","Array","isArray","filledResponseAreas","filter","answer","length","areResponseAreasFilled","duplicatesAllowed","some","choice","categoryCount","allAnswersIds","map","flat","requiredAnswersPlaced","response","every","val","includes","session","s","mappedChoices","c","id","filteredAnswers","answerChoices","changeAnswers","selector","SessionChangedEvent","onShowCorrectToggle","_createAudioInfoToast","info","document","createElement","Object","assign","style","position","top","width","height","display","justifyContent","alignItems","background","zIndex","cursor","img","src","EnableAudioAutoplayImage","alt","appendChild","connectedCallback","observer","mutationsList","forEach","mutation","type","container","enableAudio","play","removeChild","removeEventListener","paused","addEventListener","handlePlaying","audioStartTime","Date","getTime","handleEnded","audioEndTime","waitTime","_audio","_handlePlaying","_handleEnded","_enableAudio","disconnectedCallback","unmount","el","React","CategorizeComponent","onAnswersChange","bind","pauseMathObserver","resumeMathObserver","createRoot","exports"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { EnableAudioAutoplayImage } from '@pie-lib/render-ui';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport CategorizeComponent from './categorize';\n\nexport default class Categorize extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n  }\n\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver && !this._mathObserverPaused) {\n        this._mathObserver.disconnect();\n      }\n\n      renderMath(this);\n\n      this._mathRenderPending = false;\n\n      setTimeout(() => {\n        if (this._mathObserver && !this._mathObserverPaused) {\n          this._mathObserver.observe(this, {\n            childList: true,\n            subtree: true,\n            characterData: false,\n          });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n\n    this._mathObserver = new MutationObserver(() => {\n      this._scheduleMathRender();\n    });\n\n    this._mathObserver.observe(this, {\n      childList: true,\n      subtree: true,\n      characterData: false,\n    });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  pauseMathObserver = () => {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserverPaused = true;\n    }\n  };\n\n  resumeMathObserver = () => {\n    if (this._mathObserverPaused) {\n      this._mathObserverPaused = false;\n\n      if (this._mathObserver) {\n        this._mathObserver.observe(this, {\n          childList: true,\n          subtree: true,\n          characterData: false,\n        });\n      }\n    }\n  };\n\n  set model(m) {\n    this._model = m;\n\n    this.eliminateBlindAnswersFromSession();\n    this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), this.isComplete(), !!this._model));\n    // reset the audioInitialized to false since the model changed, and we might need to reinitialize the audio\n    this._audioInitialized = false;\n\n    this.render();\n  }\n\n  isComplete() {\n    const {\n      autoplayAudioEnabled,\n      choices,\n      completeAudioEnabled,\n      hasUnplacedChoices,\n      possibleResponses,\n      responseAreasToBeFilled,\n    } = this._model || {};\n    const elementContext = this;\n\n    // check audio completion if audio settings are enabled and audio actually exists\n    if (autoplayAudioEnabled && completeAudioEnabled && !this.audioComplete) {\n      if (elementContext) {\n        const audio = elementContext.querySelector('audio');\n        const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n        // only require audio completion if audio exists and is inside the prompt\n        if (audio && isInsidePrompt) {\n          return false;\n        }\n      }\n    }\n\n    if (!this._session || !this._session.answers) {\n      return false;\n    }\n\n    const { answers } = this._session;\n\n    if (!Array.isArray(answers)) {\n      return false;\n    }\n\n    // filter answers by category and count the ones with content\n    const filledResponseAreas = answers.filter((answer) => answer.choices.length).length;\n    // check if an answer choice was added to at least as many response areas\n    // as the number of populated response areas in the correct answer\n    const areResponseAreasFilled = filledResponseAreas >= responseAreasToBeFilled;\n    // check if multiple placements are allowed\n    const duplicatesAllowed = (choices || []).some((choice) => choice.categoryCount === 0);\n\n    if (duplicatesAllowed) {\n      // an answer choice can be used multiple times\n      return areResponseAreasFilled;\n    }\n\n    // any correct answer have any unplaced answer choices (by the author)\n    if (hasUnplacedChoices) {\n      return areResponseAreasFilled;\n    }\n\n    const allAnswersIds = answers.map((answer) => answer.choices).flat();\n\n    // check if any correct answer have any unplaced answer choices (by the student)\n    const requiredAnswersPlaced = (possibleResponses || []).some((response) =>\n      response.every((val) => allAnswersIds.includes(val)),\n    );\n\n    // true - all choices (required for a correct response) were placed into a response area\n    return requiredAnswersPlaced;\n  }\n\n  set session(s) {\n    if (s && !s.answers) {\n      s.answers = [];\n    }\n\n    this._session = s;\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  eliminateBlindAnswersFromSession() {\n    const { answers = [] } = this._session || {};\n    const { choices = [] } = this._model || {};\n\n    const mappedChoices = choices.map((c) => c.id) || [];\n    const filteredAnswers = answers.map((answer) => {\n      const answerChoices = answer?.choices || [];\n      answer.choices = answerChoices.filter((c) => mappedChoices.includes(c));\n\n      return answer;\n    });\n\n    if (filteredAnswers.length > 0) {\n      this.changeAnswers(filteredAnswers);\n    }\n  }\n\n  changeAnswers(answers) {\n    this._session.answers = answers;\n    this._session.selector = 'Mouse';\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n    this.render();\n  }\n\n  onShowCorrectToggle() {\n    renderMath(this);\n  }\n\n  _createAudioInfoToast() {\n    const info = document.createElement('div');\n    info.id = 'play-audio-info';\n\n    Object.assign(info.style, {\n      position: 'absolute',\n      top: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      background: 'white',\n      zIndex: '1000',\n      cursor: 'pointer',\n    });\n\n    const img = document.createElement('img');\n    img.src = EnableAudioAutoplayImage;\n    img.alt = 'Click anywhere to enable audio autoplay';\n    img.width = 500;\n    img.height = 300;\n\n    info.appendChild(img);\n    return info;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    \n    // Observation:  audio in Chrome will have the autoplay attribute,\n    // while other browsers will not have the autoplay attribute and will need a user interaction to play the audio\n    // This workaround fixes the issue of audio being cached and played on any user interaction in Safari and Firefox\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          if (this._audioInitialized) return;\n          const audio = this.querySelector('audio');\n          const isInsidePrompt = audio && audio.closest('#preview-prompt');\n\n          if (!this._model) return;\n          if (!this._model.autoplayAudioEnabled) return;\n          if (audio && !isInsidePrompt) return;\n          if (!audio) return;\n\n          const info = this._createAudioInfoToast();\n          const container = this.querySelector('#main-container');\n          const enableAudio = () => {\n            if (this.querySelector('#play-audio-info')) {\n              audio.play();\n              container.removeChild(info);\n            }\n\n            document.removeEventListener('click', enableAudio);\n          };\n\n          // if the audio is paused, it means the user has not interacted with the page yet and the audio will not play\n          // FIX FOR SAFARI: play with a slight delay to check if autoplay was blocked\n          setTimeout(() => {\n            if (audio.paused && !this.querySelector('#play-audio-info')) {\n              // add info message as a toast to enable audio playback\n              container.appendChild(info);\n              document.addEventListener('click', enableAudio);\n            } else {\n              document.removeEventListener('click', enableAudio);\n            }\n          }, 500);\n\n          // we need to listen for the playing event to remove the toast in case the audio plays because of re-rendering\n          const handlePlaying = () => {\n            //timestamp when auto-played audio started playing\n            this._session.audioStartTime = this._session.audioStartTime || new Date().getTime();\n\n            const info = this.querySelector('#play-audio-info');\n            if (info) {\n              container.removeChild(info);\n            }\n\n            audio.removeEventListener('playing', handlePlaying);\n          };\n\n          audio.addEventListener('playing', handlePlaying);\n\n          // we need to listen for the ended event to update the isComplete state\n          const handleEnded = () => {\n            //timestamp when auto-played audio completed playing\n            this._session.audioEndTime = this._session.audioEndTime || new Date().getTime();\n\n            let { audioStartTime, audioEndTime, waitTime } = this._session;\n            if (!waitTime && audioStartTime && audioEndTime) {\n              // waitTime is elapsed time the user waited for auto-played audio to finish\n              this._session.waitTime = audioEndTime - audioStartTime;\n            }\n\n            this.audioComplete = true;\n            this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete()));\n\n            audio.removeEventListener('ended', handleEnded);\n          };\n\n          audio.addEventListener('ended', handleEnded);\n\n          // store references to remove later\n          this._audio = audio;\n          this._handlePlaying = handlePlaying;\n          this._handleEnded = handleEnded;\n          this._enableAudio = enableAudio;\n          // set to true to prevent multiple initializations\n          this._audioInitialized = true;\n\n          observer.disconnect();\n        }\n      });\n    });\n\n    observer.observe(this, { childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    \n    document.removeEventListener('click', this._enableAudio);\n\n    if (this._audio) {\n      this._audio.removeEventListener('playing', this._handlePlaying);\n      this._audio.removeEventListener('ended', this._handleEnded);\n      this._audio = null;\n    }\n\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n\n  render() {\n    if (this._model && this._session) {\n      const el = React.createElement(CategorizeComponent, {\n        model: this._model,\n        session: this._session,\n        onAnswersChange: this.changeAnswers.bind(this),\n        onShowCorrectToggle: this.onShowCorrectToggle.bind(this),\n        pauseMathObserver: this.pauseMathObserver,\n        resumeMathObserver: this.resumeMathObserver,\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -4,29 +4,31 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "11.3.4-next.0+bb17c7e0a",
+  "version": "12.0.0-beta.0",
   "description": "",
   "author": "pie framework developers",
   "license": "ISC",
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
+    "@dnd-kit/core": "6.1.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/categorize": "0.28.1",
-    "@pie-lib/config-ui": "11.30.2",
-    "@pie-lib/correct-answer-toggle": "2.25.2",
-    "@pie-lib/drag": "2.22.2",
-    "@pie-lib/math-rendering": "3.22.1",
-    "@pie-lib/render-ui": "4.35.2",
-    "@pie-lib/translator": "2.23.1",
-    "classnames": "^2.2.5",
+    "@pie-lib/categorize": "0.28.3-next.0",
+    "@pie-lib/config-ui": "11.30.4-next.0",
+    "@pie-lib/correct-answer-toggle": "2.25.4-next.0",
+    "@pie-lib/drag": "2.22.4-next.0",
+    "@pie-lib/math-rendering": "3.22.3-next.0",
+    "@pie-lib/render-ui": "4.35.4-next.0",
+    "@pie-lib/translator": "2.23.3-next.0",
     "debug": "^4.1.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.1",
-    "react": "^16.8.1",
-    "react-dnd": "^14.0.5",
-    "react-dom": "^16.8.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
-  "gitHead": "bb17c7e0a54b6b5ff139075cccf1e341cc6f859f",
+  "gitHead": "d122562838e319cebb58d61b3eedd952fc9ad960",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },