@pie-element/match 11.0.0-next.42 → 11.0.0-next.43

package/module/demo.js

@@ -1,74 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  feedback: {
-    correct: {
-      type: 'none',
-      default: 'Correct',
-    },
-    partial: {
-      type: 'none',
-      default: 'Nearly',
-    },
-    incorrect: {
-      type: 'none',
-      default: 'Incorrect',
-    },
-  },
-  headers: ['Column 1', 'Column 2', 'Column 3'],
-  layout: 3,
-  lockChoiceOrder: true,
-  partialScoring: false,
-  choiceMode: 'radio',
-  rows: [
-    {
-      id: 1,
-      title: 'Question Text 1',
-      values: [false, false],
-    },
-    {
-      id: 2,
-      title: 'Question Text 2',
-      values: [false, false],
-    },
-    {
-      id: 3,
-      title: 'Question Text 3',
-      values: [false, false],
-    },
-    {
-      id: 4,
-      title: 'Question Text 4',
-      values: [false, false],
-    },
-  ],
-  promptEnabled: true,
-  prompt: 'Select correct answers.',
-  toolbarEditorPosition: 'bottom',
-  rubricEnabled: false,
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'match-element': '../..',
-  },
-  models: [model('1', 'match-element')],
-};
-
-//Note: demo-el is a custom element loaded in the markup.
-  customElements.whenDefined("demo-el").then(() => {
-    config.models.forEach((m) => {
-      const de = document.createElement("demo-el");
-      document.body.appendChild(de);
-      de.def = { tagName: m.element, Element, Configure, controller };
-      de.model = m;
-    });
-  });

package/module/element.js

@@ -1 +0,0 @@
-import{_dll_pie_lib__math_rendering as e}from"../../../@pie-lib/math-rendering-module@^4.0.5/module/index.js";import{_dll_react_dom as t,_dll_prop_types as r,_dll_mui__material as n,_dll_mui__material_styles as o,_dll_pie_lib__render_ui as s,_dll_pie_lib__correct_answer_toggle as i}from"../../../@pie-lib/shared-module@^3.0.5/module/index.js";var a={exports:{}},c={},l=Symbol.for("react.element"),u=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),m=Symbol.for("react.context"),y=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),g=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),b=Symbol.iterator;var v={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,E={};function S(e,t,r){this.props=e,this.context=t,this.refs=E,this.updater=r||v}function R(){}function k(e,t,r){this.props=e,this.context=t,this.refs=E,this.updater=r||v}S.prototype.isReactComponent={},S.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},S.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},R.prototype=S.prototype;var x=k.prototype=new R;x.constructor=k,C(x,S.prototype),x.isPureReactComponent=!0;var A=Array.isArray,$=Object.prototype.hasOwnProperty,T={current:null},j={key:!0,ref:!0,__self:!0,__source:!0};function I(e,t,r){var n,o={},s=null,i=null;if(null!=t)for(n in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(s=""+t.key),t)$.call(t,n)&&!j.hasOwnProperty(n)&&(o[n]=t[n]);var a=arguments.length-2;if(1===a)o.children=r;else if(1<a){for(var c=Array(a),u=0;u<a;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(n in a=e.defaultProps)void 0===o[n]&&(o[n]=a[n]);return{$$typeof:l,type:e,key:s,ref:i,props:o,_owner:T.current}}function M(e){return"object"==typeof e&&null!==e&&e.$$typeof===l}var P=/\/+/g;function q(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(e){return t[e]})}(""+e.key):t.toString(36)}function O(e,t,r,n,o){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var i=!1;if(null===e)i=!0;else switch(s){case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case l:case u:i=!0}}if(i)return o=o(i=e),e=""===n?"."+q(i,0):n,A(o)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),O(o,t,r,"",function(e){return e})):null!=o&&(M(o)&&(o=function(e,t){return{$$typeof:l,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,r+(!o.key||i&&i.key===o.key?"":(""+o.key).replace(P,"$&/")+"/")+e)),t.push(o)),1;if(i=0,n=""===n?".":n+":",A(e))for(var a=0;a<e.length;a++){var c=n+q(s=e[a],a);i+=O(s,t,r,c,o)}else if(c=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=b&&e[b]||e["@@iterator"])?e:null}(e),"function"==typeof c)for(e=c.call(e),a=0;!(s=e.next()).done;)i+=O(s=s.value,t,r,c=n+q(s,a++),o);else if("object"===s)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return i}function L(e,t,r){if(null==e)return e;var n=[],o=0;return O(e,n,"","",function(e){return t.call(r,e,o++)}),n}function V(e){if(-1===e._status){var t=e._result;(t=t()).then(function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)},function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var U={current:null},F={transition:null},H={ReactCurrentDispatcher:U,ReactCurrentBatchConfig:F,ReactCurrentOwner:T};function D(){throw Error("act(...) is not supported in production builds of React.")}c.Children={map:L,forEach:function(e,t,r){L(e,function(){t.apply(this,arguments)},r)},count:function(e){var t=0;return L(e,function(){t++}),t},toArray:function(e){return L(e,function(e){return e})||[]},only:function(e){if(!M(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},c.Component=S,c.Fragment=p,c.Profiler=h,c.PureComponent=k,c.StrictMode=d,c.Suspense=_,c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=H,c.act=D,c.cloneElement=function(e,t,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var n=C({},e.props),o=e.key,s=e.ref,i=e._owner;if(null!=t){if(void 0!==t.ref&&(s=t.ref,i=T.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var a=e.type.defaultProps;for(c in t)$.call(t,c)&&!j.hasOwnProperty(c)&&(n[c]=void 0===t[c]&&void 0!==a?a[c]:t[c])}var c=arguments.length-2;if(1===c)n.children=r;else if(1<c){a=Array(c);for(var u=0;u<c;u++)a[u]=arguments[u+2];n.children=a}return{$$typeof:l,type:e.type,key:o,ref:s,props:n,_owner:i}},c.createContext=function(e){return(e={$$typeof:m,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:f,_context:e},e.Consumer=e},c.createElement=I,c.createFactory=function(e){var t=I.bind(null,e);return t.type=e,t},c.createRef=function(){return{current:null}},c.forwardRef=function(e){return{$$typeof:y,render:e}},c.isValidElement=M,c.lazy=function(e){return{$$typeof:w,_payload:{_status:-1,_result:e},_init:V}},c.memo=function(e,t){return{$$typeof:g,type:e,compare:void 0===t?null:t}},c.startTransition=function(e){var t=F.transition;F.transition={};try{e()}finally{F.transition=t}},c.unstable_act=D,c.useCallback=function(e,t){return U.current.useCallback(e,t)},c.useContext=function(e){return U.current.useContext(e)},c.useDebugValue=function(){},c.useDeferredValue=function(e){return U.current.useDeferredValue(e)},c.useEffect=function(e,t){return U.current.useEffect(e,t)},c.useId=function(){return U.current.useId()},c.useImperativeHandle=function(e,t,r){return U.current.useImperativeHandle(e,t,r)},c.useInsertionEffect=function(e,t){return U.current.useInsertionEffect(e,t)},c.useLayoutEffect=function(e,t){return U.current.useLayoutEffect(e,t)},c.useMemo=function(e,t){return U.current.useMemo(e,t)},c.useReducer=function(e,t,r){return U.current.useReducer(e,t,r)},c.useRef=function(e){return U.current.useRef(e)},c.useState=function(e){return U.current.useState(e)},c.useSyncExternalStore=function(e,t,r){return U.current.useSyncExternalStore(e,t,r)},c.useTransition=function(){return U.current.useTransition()},c.version="18.3.1",a.exports=c;var N=a.exports;var B,Y=t;B=Y.createRoot,Y.hydrateRoot;const Q=r,{Radio:z}=n,{Checkbox:W}=n,{Typography:G}=n,{styled:J}=o,{color:K}=s,X=J("div")(({theme:e})=>({marginLeft:"auto",marginRight:"auto",marginTop:e.spacing(1),marginBottom:e.spacing(1)})),Z=J("td")({padding:"5px 0"}),ee=J(G)(({theme:e})=>({margin:e.spacing(2)})),te=J("th")({padding:0}),re=J("div")(({theme:e,isQuestionText:t})=>({padding:e.spacing(1.5),textAlign:t?"left":"center"})),ne=J("tr")({border:0,borderTop:`2.5px solid ${K.primaryLight()}`,width:"100%"}),oe=J("table")({color:K.text(),backgroundColor:K.background(),borderCollapse:"collapse",borderSpacing:0,marginBottom:0});class se extends N.Component{constructor(...e){super(...e),se.prototype.__init.call(this),se.prototype.__init2.call(this),se.prototype.__init3.call(this)}static __initStatic(){this.propTypes={correctAnswers:Q.object,view:Q.bool.isRequired,showCorrect:Q.bool.isRequired,disabled:Q.bool.isRequired,onAnswerChange:Q.func.isRequired,choiceMode:Q.string.isRequired,rows:Q.array.isRequired,headers:Q.array.isRequired,answers:Q.object.isRequired}}__init(){this.onRowValueChange=(e,t)=>r=>{const{onAnswerChange:n,choiceMode:o,answers:s}=this.props,i={...s};if("radio"===o)for(let t=0;t<i[e].length;t++)i[e][t]=!1;i[e][t]=r.target.checked,n(i)}}__init2(){this.answerIsCorrect=(e,t,r)=>{const{correctAnswers:n}=this.props;return n[e][r]===t&&!0===t}}__init3(){this.answerIsIncorrect=(e,t,r)=>{const{correctAnswers:n}=this.props;return!0===n[e][r]&&!1===t||!1===n[e][r]&&!0===t}}render(){const{showCorrect:e,headers:t,rows:r,choiceMode:n,answers:o,disabled:s,view:i}=this.props,a="radio"===n?z:W,c=s&&!i;return r&&0!==r.length?N.createElement(X,null,N.createElement(oe,null,N.createElement("colgroup",null,(t||[]).map((e,t)=>N.createElement("col",{key:`col-${t}`}))),N.createElement("thead",null,N.createElement("tr",null,(t||[]).map((e,t)=>N.createElement(te,{key:`th-${t}`,"data-colno":`${t}`,scope:"row"},N.createElement(re,{isQuestionText:0===t,dangerouslySetInnerHTML:{__html:e}}))))),(r||[]).map((t,r)=>N.createElement("tbody",{key:`row-${r}`,role:"group"},N.createElement(ne,null,N.createElement("td",{key:`td-title-${r}`,"data-colno":"0"},N.createElement(re,{isQuestionText:!0,dangerouslySetInnerHTML:{__html:t.title}})),(o[t.id]||[]).map((n,o)=>N.createElement(Z,{key:`td-${r}-${o}`,"data-colno":`${o+1}`},N.createElement(re,null,N.createElement(a,{sx:{padding:"6px",color:e&&!0===n||c&&this.answerIsCorrect(t.id,n,o)?K.correct():c&&this.answerIsIncorrect(t.id,n,o)?K.incorrect():!0!==n||c?s?K.disabled():K.text():K.primary(),cursor:s?"not-allowed":"pointer",pointerEvents:s?"initial":"auto",opacity:s?.7:1,"& input":{width:"100% !important"},"&:hover":{color:s?K.disabled():K.primaryLight()}},disabled:s,onChange:this.onRowValueChange(t.id,o),checked:!0===n}))))))))):N.createElement(X,null,N.createElement(ee,{component:"div"},"There are currently no questions to show."))}}se.__initStatic();const ie=r,ae=i,{Collapsible:ce}=s,{Feedback:le}=s,{hasText:ue}=s,{PreviewPrompt:pe}=s,{UiLayout:de}=s,{hasMedia:he}=s,{styled:fe}=o;const me=fe("div")({verticalAlign:"middle"}),ye=fe(ce)(({theme:e})=>({marginBottom:e.spacing(2)}));class _e extends N.Component{static __initStatic(){this.propTypes={session:ie.object.isRequired,onSessionChange:ie.func,model:ie.object.isRequired}}constructor(e){super(e),_e.prototype.__init.call(this),_e.prototype.__init2.call(this),_e.prototype.__init3.call(this),_e.prototype.__init4.call(this),_e.prototype.__init5.call(this),this.state={session:{...e.session,answers:e.session&&e.session.answers||this.generateAnswers(e.model)},showCorrect:!1},this.callOnSessionChange()}__init(){this.generateAnswers=e=>{const t={};return function(e){let t,r=e[0],n=1;for(;n<e.length;){const o=e[n],s=e[n+1];if(n+=2,("optionalAccess"===o||"optionalCall"===o)&&null==r)return;"access"===o||"optionalAccess"===o?(t=r,r=s(r)):"call"!==o&&"optionalCall"!==o||(r=s((...e)=>r.call(t,...e)),t=void 0)}}([e,"access",e=>e.rows,"optionalAccess",e=>e.forEach,"call",r=>r(r=>{t[r.id]=new Array(e.layout-1).fill(!1)})]),t}}__init2(){this.isAnswerRegenerationRequired=e=>{const{model:{choiceMode:t,layout:r,rows:n}={}}=this.props,{session:{answers:o}={}}=e;let s=!1;return t!==e.model.choiceMode&&(s=!0),r!==e.model.layout&&(s=!0),(n.length!==e.model.rows.length||o&&e.model.rows.length!==Object.keys(o).length)&&(s=!0),s||!o}}UNSAFE_componentWillReceiveProps(e){const t=this.isAnswerRegenerationRequired(e);this.setState(r=>({session:{...e.session,answers:t?this.generateAnswers(e.model):e.session.answers},showCorrect:!(this.props.model.disabled&&!e.model.disabled&&r.showCorrect)&&r.showCorrect}),()=>{t&&this.callOnSessionChange()})}__init3(){this.callOnSessionChange=()=>{const{onSessionChange:e}=this.props;e&&e(this.state.session)}}__init4(){this.toggleShowCorrect=e=>{this.setState({showCorrect:e})}}__init5(){this.onAnswerChange=e=>{this.setState(t=>({session:{...t.session,answers:e}}),this.callOnSessionChange)}}render(){const{model:e}=this.props,{showCorrect:t,session:r}=this.state,{correctness:n={},extraCSSRules:o,language:s}=e,i=n.correctness&&"correct"!==n.correctness,a=e.rationale&&(ue(e.rationale)||he(e.rationale)),c=e.teacherInstructions&&(ue(e.teacherInstructions)||he(e.teacherInstructions));return N.createElement(de,{extraCSSRules:o},c&&N.createElement(ye,{labels:{hidden:"Show Teacher Instructions",visible:"Hide Teacher Instructions"}},N.createElement(pe,{prompt:e.teacherInstructions})),e.prompt&&N.createElement(me,null,N.createElement(pe,{prompt:e.prompt})),N.createElement(ae,{language:s,show:i,toggled:t,onToggle:this.toggleShowCorrect}),N.createElement(se,{showCorrect:t,correctAnswers:e.correctResponse,disabled:e.disabled,view:e.view,onAnswerChange:this.onAnswerChange,choiceMode:e.choiceMode,answers:t?e.correctResponse||{}:r.answers,headers:e.headers,rows:e.rows}),a&&N.createElement(ce,{labels:{hidden:"Show Rationale",visible:"Hide Rationale"}},N.createElement(pe,{prompt:e.rationale})),e.feedback&&N.createElement(le,{correctness:n.correctness,feedback:e.feedback}))}}_e.__initStatic();var ge={};Object.defineProperty(ge,"__esModule",{value:!0});class we extends CustomEvent{constructor(e,t,r){super(we.TYPE,{bubbles:!0,composed:!0,detail:{complete:t,component:e,hasModel:r}}),this.component=e,this.complete=t}}we.TYPE="model-set",ge.ModelSetEvent=we;class be extends CustomEvent{constructor(e,t){super(be.TYPE,{bubbles:!0,composed:!0,detail:{complete:t,component:e}}),this.component=e,this.complete=t}}be.TYPE="session-changed";var ve=ge.SessionChangedEvent=be;const{renderMath:Ce}=e;function Ee(e){let t,r=e[0],n=1;for(;n<e.length;){const o=e[n],s=e[n+1];if(n+=2,("optionalAccess"===o||"optionalCall"===o)&&null==r)return;"access"===o||"optionalAccess"===o?(t=r,r=s(r)):"call"!==o&&"optionalCall"!==o||(r=s((...e)=>r.call(t,...e)),t=void 0)}return r}const Se=(e,t)=>{const r=Ee([t,"optionalAccess",e=>e.rows,"optionalAccess",e=>e.map,"call",e=>e(e=>e.id)])||[];return r.reduce((t,r)=>{if(!t)return!1;const n=e.answers&&e.answers[r];return Array.isArray(n)&&n.includes(!0)&&t},!0)};class Re extends HTMLElement{constructor(){super(),this._root=null}set model(e){this._model={...e,...Ee([e,"optionalAccess",e=>e.config])||{}},this._render()}set session(e){this._session=e,this._render()}get session(){return this._session}sessionChanged(e){this._session.answers=e.answers;const t=Se(this._session,this._model);this.dispatchEvent(new ve(this.tagName.toLowerCase(),t)),this._render()}connectedCallback(){this._render()}_render(){if(!this._model||!this._session)return;const e=N.createElement(_e,{model:this._model,session:this._session,onSessionChange:this.sessionChanged.bind(this)});this._root||(this._root=B(this)),this._root.render(e),queueMicrotask(()=>{Ce(this)})}disconnectedCallback(){this._root&&this._root.unmount()}}export{_e as Component,Re as default,Se as isComplete};

package/module/index.html

@@ -1,21 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/match@11.0.0-beta.1</title>
-      <script
-        type="module"
-        src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
-     
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <style>
-        html, body {
-          font-family: 'Roboto', sans-serif;
-        }
-      </style>
-      <script type="module" src="./demo.js"></script> 
-    </head>
-  </html>

package/module/manifest.json

@@ -1,14 +0,0 @@
-{
-  "name": "@pie-element/match",
-  "version": "11.0.0-beta.1",
-  "modules": [
-    {
-      "name": "@pie-lib/math-rendering-module",
-      "version": "^4.0.5"
-    },
-    {
-      "name": "@pie-lib/shared-module",
-      "version": "^3.0.5"
-    }
-  ]
-}

package/module/print-demo.js

@@ -1,112 +0,0 @@
-import PrintElement from './print.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  feedback: {
-    correct: {
-      type: 'none',
-      default: 'Correct',
-    },
-    partial: {
-      type: 'none',
-      default: 'Nearly',
-    },
-    incorrect: {
-      type: 'none',
-      default: 'Incorrect',
-    },
-  },
-  headers: ['Column 1', 'Column 2', 'Column 3'],
-  layout: 3,
-  lockChoiceOrder: true,
-  partialScoring: false,
-  choiceMode: 'radio',
-  rows: [
-    {
-      id: 1,
-      title: 'Question Text 1',
-      values: [false, false],
-    },
-    {
-      id: 2,
-      title: 'Question Text 2',
-      values: [false, false],
-    },
-    {
-      id: 3,
-      title: 'Question Text 3',
-      values: [false, false],
-    },
-    {
-      id: 4,
-      title: 'Question Text 4',
-      values: [false, false],
-    },
-  ],
-  promptEnabled: true,
-  prompt: 'Select correct answers.',
-  toolbarEditorPosition: 'bottom',
-  rubricEnabled: false,
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'match-element': '../..',
-  },
-  models: [model('1', 'match-element')],
-};
-
-// new init - just shows off print!
-
-const init = async () => {
-  console.log('define the element...');
-  await Promise.all(
-    config.models.map(async (m) => {
-      try {
-        const printTag = `${m.element}-print`;
-        if (customElements.get(printTag)) {
-          return true;
-        } else {
-          customElements.define(printTag, PrintElement);
-          await customElements.whenDefined(printTag);
-          return true;
-        }
-      } catch (e) {
-        return false;
-      }
-    })
-  );
-
-  console.log('now apply the model...');
-  config.models.forEach((m) => {
-    const printTag = `${m.element}-print`;
-    const h3s = document.createElement('h3');
-    h3s.textContent = 'student mode';
-    document.body.appendChild(h3s);
-    const de = document.createElement(printTag);
-    document.body.appendChild(de);
-    de.options = {};
-    de.model = m;
-
-    const h3 = document.createElement('h3');
-    h3.textContent = 'instructor mode';
-    document.body.appendChild(h3);
-    const instr = document.createElement(printTag);
-    document.body.appendChild(instr);
-    instr.options = { mode: 'instructor' };
-    instr.model = JSON.parse(JSON.stringify(m));
-  });
-};
-
-init()
-  .then(() => {
-    console.log('ready');
-  })
-  .catch((e) => {
-    console.error(e);
-  });

package/module/print.html

@@ -1,18 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/match@11.0.0-beta.1</title>
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <style>
-        html, body {
-          font-family: 'Roboto', sans-serif;
-        }
-      </style>
-      <script type="module" src="./print-demo.js"></script> 
-    </head>
-    <body></body>
-  </html>