@clickview/reports 0.49.1-dev.1 → 0.49.1-rc.0

package/dist/scripts/913-90e1bd23f6-reports.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[913],{3908:(e,t,r)=>{r.r(t),r.d(t,{InteractiveQuestionListView:()=>we});var n=r(32735),a=r(23481),l=r(20354),i=r(2948),s=r(75896),c=r(88851),o=r(86572),m=a.T.encloseNamespace("interactives.interactionResponseListHeader");function u(e){var t,r=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return n.createElement("div",{className:"rounded bg-white"},n.createElement("div",{className:"p-2 position-relative"},n.createElement("div",{className:"d-flex"},n.createElement(o.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!r&&n.createElement("div",{className:"mt-2"},n.createElement("strong",null,m("suggestedResponse")),n.createElement("p",{className:"m-0"},r))))}var d=a.T.encloseNamespace("shared.submitMarkedAnswers");function f(e){return n.createElement("div",{className:"d-flex justify-content-end"},n.createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},d("submitAnswers")))}var p=r(26136),v=r(39157),g=r(15800),b=r(58745),y=r(83345),h=r(28972),w=r(83140),E=r(80845);const N={awaitingMarking:"PPNkp"};var S="shared.interactionResponseList",k=a.T.encloseNamespace(S);function I(e){var t,r,a=(r=e.interaction,e.results.students.filter((function(e){return w.A.isInteractionCorrect(r,(0,E.j_)(e))===h.w.AwaitingMarking}))),l=Object.keys(e.markedAnswers).length;return(null===(t=e.results.students)||void 0===t?void 0:t.length)?n.createElement(n.Fragment,null,e.reportsStyling&&n.createElement(u,{interaction:e.interaction}),n.createElement("div",{className:e.reportsStyling?"d-flex justify-content-end":"d-flex align-items-center justify-content-between border-bottom border-light px-3 py-2"},!e.reportsStyling&&n.createElement("p",{className:"fw-semibold mb-0"},n.createElement(y.x,{namespace:S,phrase:"studentAnswers"})),!!a.length&&n.createElement(f,{submit:e.submitMarkedAnswers,disabled:!l})),n.createElement(n.Fragment,null,n.createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,r){var l=a.some((function(e){return e.user.id===t.user.id})),i=e.reportsStyling?"bg-white p-2":"bg-white px-3 pt-3 pb-2";return l&&(i+=" ".concat(N.awaitingMarking)),n.createElement("li",{key:r,className:e.reportsStyling?"position-relative mt-2":"position-relative border-bottom border-light"},e.reportsStyling?n.createElement(b.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,v.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:e.anonymiseUsers?(0,p.B)(t.user,!0):null,className:i,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}):n.createElement(c.d,{interaction:e.interaction,studentResults:t,markedStatus:(0,v.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:e.anonymiseUsers?(0,p.B)(t.user,!0):null,className:i,showFeedback:!0}))}))),!!a.length&&n.createElement(f,{submit:e.submitMarkedAnswers,disabled:!l}))):n.createElement("div",{className:"d-flex flex-column h-100"},n.createElement(g.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},n.createElement(g.u.Image,{src:e.emptyStateImageUrl}),n.createElement(g.u.Heading,null,k("emptyStateHeading")),n.createElement(g.u.Info,{className:"w-100"},k("emptyStateDescription"))))}var C=a.T.encloseNamespace("shared.selectedInteractionEmptyState");function A(e){return n.createElement(g.u,{className:"rounded h-100 bg-white justify-content-center py-4"},n.createElement(g.u.Image,{src:e.emptyStateUrl,className:"w-75 h-auto"}),n.createElement(g.u.Info,{className:"w-100"},C("emptyStateText")))}var x=r(52301),M=r(57266),U=r(34079),j=r(63855),R=r(83914),T=r(46237),B=r(35223);const O={row:"it1bR",answerImage:"WveSa",answerWidth:"xMLqI",svgFill:"yi9Ev"};var F="shared.questionTable";function P(e){var t;function r(e){return String.fromCharCode(e+"A".charCodeAt(0))}switch(e.interaction.typeId){case T.Z9.MultipleChoice:return n.createElement("ul",{className:"".concat(O.answerWidth," list-unstyled row g-2")},e.interaction.actionableItems.map((function(e){var t;return(null===(t=e.data)||void 0===t?void 0:t.imageUrl)?n.createElement("li",{key:e.id,className:"col-6 position-relative"},n.createElement("div",{className:"".concat(O.svgFill," position-absolute top-0 start-0 px-2 pt-1 z-1")},e.isCorrect?n.createElement(R.x,{svgName:B.vn.CheckCircle,size:R.S.XXL,className:"svg-container text-success"}):n.createElement(R.x,{svgName:B.vn.CrossCircleFilled,size:R.S.Large,className:"svg-container text-red"})),n.createElement("div",{className:"".concat(e.isCorrect?"":"opacity-50"," d-flex flex-column rounded-3 overflow-hidden shadow h-100")},n.createElement("img",{src:e.data.imageUrl,className:"".concat(O.answerImage," w-100")}),n.createElement("div",{className:"bg-white flex-grow-1"},n.createElement("p",{className:"p-2 mb-0"},e.name)))):n.createElement("li",{key:e.id,className:"col-12"},n.createElement("div",{className:"".concat(e.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border py-1 px-2 m-0")},n.createElement("span",{className:"fw-semibold"},r(e.order),". "),n.createElement("span",null,e.name)))})));case T.Z9.TrueOrFalse:return n.createElement("ul",{className:"list-unstyled d-flex gap-2"},e.interaction.actionableItems.map((function(e){return n.createElement("li",{key:e.id,className:"".concat(e.isCorrect?"bg-light-green border-green":"bg-light-red border-red"," rounded border px-2 py-1 mb-2 w-50")},n.createElement("span",{className:"fw-semibold"},r(e.order),". "),n.createElement("span",null,e.name))})));case T.Z9.ShortAnswer:var a=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a?n.createElement("div",{className:"".concat(O.answerWidth," bg-light-blue rounded p-2 mb-2")},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement("p",{className:"fw-semibold mb-2"},n.createElement(y.x,{namespace:F,phrase:"suggestedResponse"})),n.createElement(j.h,{svgName:B.vn.Edit,onClick:function(){return e.editSuggestedResponse()}})),n.createElement("p",{className:"mb-0"},a)):n.createElement(j.h,{svgName:B.vn.Edit,className:"btn btn-outline-dark mb-2",onClick:e.editSuggestedResponse},n.createElement(y.x,{namespace:F,phrase:"createSuggestedResponse"}));case T.Z9.MissingWord:return n.createElement("div",null,n.createElement("p",{className:"mb-0"},e.interaction.data.sentence.split(/({\d+})/).map((function(t,r){var a=t.match(/{(\d+)}/);if(a){var l=a[1],i=e.interaction.actionableItems.find((function(e){return+e.order==+l}));if(i)return n.createElement("span",{className:"bg-white border border-gray-300 rounded p-1 lh-lg",key:r},i.name)}return t}))))}}var L=r(40782),H=a.T.encloseNamespace("shared.questionTable");function _(e,t,r){console.log(e),console.log(t);var n=e.cells.find((function(e){return e.column.id===r})).value,a=t.cells.find((function(e){return e.column.id===r})).value;return n.awaitingMarking?-1:a.awaitingMarking||n.percentCorrect>=a.percentCorrect?1:-1}function W(e){var t;return n.createElement("div",{className:"d-flex ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function D(e){return n.createElement(W,{className:e.column.isSorted&&"fw-bold"},H(e.phraseKey))}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function Q(e){var t,r,a,l,i=n.useState(function(e,t){switch(e){case"score_desc":return[{id:t,desc:!0}];case"score_asc":return[{id:t,desc:!1}];default:return[]}}(e.sortBy,"correctlyAnswered")),c=(l=2,function(e){if(Array.isArray(e))return e}(a=i)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,i,s=[],c=!0,o=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(o)throw a}}return s}}(a,l)||function(e,t){if(e){if("string"==typeof e)return q(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?q(e,t):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=c[0],u=c[1],d=function(e,t,r,a){return n.useMemo((function(){var r=(0,E.Q)(e).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:(0,v.nq)(e,t)})}));if("correctlyAnswered"===(null==a?void 0:a.id)){var n=s.m.sortBy(r,(function(e){return e.resultsSummary.awaitingMarking?-1:e.resultsSummary.percentCorrect}));return a.desc?n.reverse():n}return r}),[r,a])}(e.interactive,e.results,e.refreshTable,s.m.first(m)),f=e.selectedInteractionId&&(0,v.Zs)(e.interactive,e.selectedInteractionId);return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6"},n.createElement(x.i,{key:e.selectedInteractionId,columns:(t=e.showAnswersInTable,r=e.editSuggestedResponse,[{Header:function(e){var t=e.column;return n.createElement(D,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return n.createElement(W,null,t+1,".")},width:15,disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(D,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var a=e.row.original,l=e.initialState.selectedRowIds,i=null==l?void 0:l[null==a?void 0:a.id];return n.createElement(W,{className:"flex-column"},n.createElement("div",{className:"".concat(i?"":"clamp-1"," pe-2")},n.createElement(o.y,{interaction:a,containerClassName:i?"d-flex":""})),t&&i&&n.createElement("div",{className:"mt-3 w-100"},n.createElement(P,{interaction:a,editSuggestedResponse:r})))},disableSortBy:!0},{Header:function(e){var t=e.column;return n.createElement(D,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,r=t.percentCorrect;return t.awaitingMarking?n.createElement(U.O,{title:H("markingRequired"),className:"flex-grow-1",tooltipClassName:"d-block",showLabel:!0}):n.createElement(L.O,{percentage:r,layout:L.I.LabelBefore})},width:60,sortDescFirst:!0,sortType:_}]),data:d,theme:e.theme,onSelectRow:function(e){var t=e.original;M.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:f?[f.id]:null,getRowId:function(e){return e.id},enableSort:!0,manualSort:!0,onSort:u,initialSortBy:m})),n.createElement("div",{className:"col-6"},n.createElement("div",{className:"border border-light rounded h-100"},!!f&&n.createElement(I,{interaction:f,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymiseUsers:e.anonymiseUsers,emptyStateImageUrl:e.emptyStateImageUrl,reportsStyling:e.reportsStyling}),!f&&n.createElement(A,{emptyStateUrl:e.selectQuestionImageUrl}))))}var V=r(41196),K=r(9193),Z=r(33025),z=r(25691);function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var X=a.T.encloseNamespace("shared.confirmationPopup");function Y(e){var t,r,a=(t=n.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,i,s=[],c=!0,o=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(o)throw a}}return s}}(t,r)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?$(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=a[0],i=a[1];return n.createElement(Z.G,{title:e.title,closePopup:e.closePopup},n.createElement(n.Fragment,null,e.children,n.createElement(z.u,null,n.createElement(z.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||X("cancel")}),n.createElement(z.u.Submit,{onClick:function(){i(!0),e.onClickConfirm()},text:e.confirmButtonText||X("confirm"),variant:e.confirmButtonVariant,showSpinner:l,disabled:e.disabledConfirmButton}))))}Y.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var G=r(39151),J=r(20768),ee=r(30321),te=r(16562),re=r(79612),ne=r(91470),ae=r(55884),le=r(79489),ie=r(99827),se=r(36630),ce=r(55554),oe=r(87480),me=r(21295),ue=r(71270),de=r(23178),fe=r(99943),pe=r(54679),ve=r(84049);function ge(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,i,s=[],c=!0,o=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(o)throw a}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return be(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?be(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function be(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var ye={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat("j0KQ5"),selectedRow:"bg-light",sortIndicator:"ms-2"},he=a.T.encloseNamespace("interactives.interactiveQuestionList");function we(e){var t,r,a,s,c,o,m=ge((0,i.D)(le.y.ANONYMISE_USERS),1)[0],u=ge(n.useState(!1),2),d=u[0],f=u[1],p=l.a.useBasicFetch(J.b.interactiveMetadata(e.interactiveMetadataId)),v=l.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?J.b.interactive(p.data.interactiveId):null),g=(0,V.W)(e.interactiveMetadataId,(0,ie.R)()),b=l.a.useBasicFetch(G.L.config());(0,re.M)({title:he("pageTitle",{interactive:null===(r=p.data)||void 0===r?void 0:r.name})}),(0,oe.U)(null===(a=p.data)||void 0===a?void 0:a.name),(0,ce._)((0,me.yH)(p.data)),(0,ve.P)(e.interactiveMetadataId),(0,pe.Y)(g),(0,de.m)(e.interactiveMetadataId),(0,ee.b)(p),(0,se.M)(p),(0,te.v)([v,g,b]);var y=(0,fe.b)(g),h=(0,K.D)(null===(s=v.data)||void 0===s?void 0:s.id,null===(c=p.data)||void 0===c?void 0:c.id,(function(){return f(!1)})),w=h.markedAnswers,E=h.addMarkedAnswers,N=h.submitMarkedAnswers,S=!!v.data&&!!g.data&&!!b.data;return n.createElement(n.Fragment,null,n.createElement("div",null,n.createElement(ue.l,{interactiveMetadataId:e.interactiveMetadataId}),S?n.createElement(Q,{emptyStateImageUrl:ae.W.EmptyStates.Interactives.NoResponses,selectQuestionImageUrl:ae.W.EmptyStates.Interactives.NoData,anonymiseUsers:m,interactive:v.data,results:g.data,markedAnswers:w,addMarkedAnswers:E,submitMarkedAnswers:function(){return f(!0)},imageCdnUrl:b.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:y,theme:ye,reportsStyling:!0}):n.createElement("div",{className:"row"},n.createElement("div",{className:"col-6"},n.createElement(ne.I,null)))),d&&n.createElement(Y,{title:he("markPopupTitle",{smartCount:null!==(o=Object.keys(w).length)&&void 0!==o?o:0}),closePopup:function(){return f(!1)},confirmButtonText:he("submit"),confirmButtonVariant:"dark",onClickConfirm:N},n.createElement("p",null,he("markPopupBody"))))}}}]);

package/dist/scripts/925-10b0c48376-reports.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[925],{7925:(e,t,n)=>{n.r(t),n.d(t,{DialogView:()=>a});var o=n(32735),c=n(79014),s=n(75896),l=n(28400),i=n(33025);function a(e){var t=e.buttons.map((function(t){return{buttonText:t.text,className:t.className,onClick:function(){t.success?c.q.isFunction(e.onDone)&&e.onDone():c.q.isFunction(e.onFail)&&e.onFail(),e.closePopup()},type:t.type,close:t.close}}));return t=s.m.sortBy(t,"close"),o.createElement(i.G,{title:e.title,closePopup:e.closePopup},o.createElement("p",{dangerouslySetInnerHTML:{__html:l.m.sanitize(e.text)}}),o.createElement("div",{className:"d-flex justify-content-end border-top pt-3 px-3 mx-n3"},t.map((function(e,t){return o.createElement("button",{key:t,className:e.className,onClick:e.onClick,type:e.type},e.buttonText)}))))}}}]);