@pie-element/match 11.0.0-beta.0 → 11.0.0-next.42

package/module/demo.js

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,21 @@
+
+  <!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

@@ -0,0 +1,14 @@
+{
+  "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

@@ -0,0 +1,112 @@
+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

@@ -0,0 +1,18 @@
+
+  <!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>

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "11.0.0-beta.0",
+  "version": "11.0.0-next.42+bb1f3eb4e",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -16,10 +16,10 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "2.25.4-next.0",
-    "@pie-lib/math-rendering": "3.22.3-next.0",
-    "@pie-lib/render-ui": "4.35.4-next.0",
-    "@pie-lib/test-utils": "0.22.3-next.0",
+    "@pie-lib/correct-answer-toggle": "3.1.1-next.0",
+    "@pie-lib/math-rendering": "4.1.1-next.0",
+    "@pie-lib/render-ui": "5.1.1-next.0",
+    "@pie-lib/test-utils": "1.1.1-next.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.10",
@@ -29,6 +29,6 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "c47957cb243457f62111caf9d07deaad04b39545",
+  "gitHead": "bb1f3eb4e3b5b1cb15024d459ffd6e94bf419712",
   "module": "src/index.js"
 }