@clickview/reports 0.0.4-dev.0 → 0.0.4-dev.1

package/dist/scripts/9-7349ea7a16-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[9],{1131:function(e,t,a){e.exports={container:"_2sB_4",interaction:"Z2JLO"}},1132:function(e,t,a){e.exports={bar:"_1W9nw"}},1137:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(21),i=a(744),o=a(749),l=a(741),s=a(752),u=a(761),d=a(980),m=a(783),f=a(981),v=a(795),p=a(6),b=a(80),g=a(53),h=a(106),E=a(793),w=a(9),y=a(742),O=a(753),N=a(982),M=a(739),j=a(4),x=a(10),R=a(15),C=a.n(R),I=(a(187),a(24)),S=r.a.forwardRef((function(e,t){var a=e.as,n=void 0===a?"div":a,c=e.bsPrefix,i=e.className,o=e.children,l=Object(x.a)(e,["as","bsPrefix","className","children"]);return c=Object(I.b)(c,"popover-header"),r.a.createElement(n,Object(j.a)({ref:t},l,{className:C()(c,i)}),o)})),T=r.a.forwardRef((function(e,t){var a=e.as,n=void 0===a?"div":a,c=e.bsPrefix,i=e.className,o=e.children,l=Object(x.a)(e,["as","bsPrefix","className","children"]);return c=Object(I.b)(c,"popover-body"),r.a.createElement(n,Object(j.a)({ref:t},l,{className:C()(i,c)}),o)}));function _(e){var t=e.bsPrefix,a=e.innerRef,n=e.placement,c=e.className,i=e.style,o=e.children,l=e.content,s=e.arrowProps,u=(e.scheduleUpdate,e.outOfBoundaries,Object(x.a)(e,["bsPrefix","innerRef","placement","className","style","children","content","arrowProps","scheduleUpdate","outOfBoundaries"]));return r.a.createElement("div",Object(j.a)({role:"tooltip",ref:a,style:i,"x-placement":n,className:C()(c,t,"bs-popover-"+n)},u),r.a.createElement("div",Object(j.a)({className:"arrow"},s)),l?r.a.createElement(T,null,o):o)}_.defaultProps={placement:"right"};var k=Object(I.a)(_,"popover");k.Title=S,k.Content=T;var A=k,L=a(776),P=a(2),F=function(e,t,a){var n=t-(e=e.toString()).length;return n<=0?e:new Array(n+1).join(a)+e},H=function(e){if(!P.isNumber(e))return"";var t=new Date(e),a=t.getUTCHours(),n=F(t.getUTCMinutes(),2,"0"),r=F(t.getUTCSeconds(),2,"0");return a>0?"".concat(a,":").concat(n,":").concat(r):"".concat(n,":").concat(r)},U=a(987),B=a(1131),D=a.n(B);function q(e){return e.duration?r.a.createElement(r.a.Fragment,null,e.interactive.timepoints.map((function(t,a){if(!t.interactions.length)return r.a.createElement(r.a.Fragment,null);var n,c,i=(n=t,c=e.selectedInteraction,n.interactions.find((function(e){return e.id===c.id}))||n.interactions[0]),o=i.id===e.selectedInteraction.id,l=o?U.a.getTypeInfo(i.typeId).bgClassName:"bg-secondary",s=t.visibleAt/1e3/e.duration*100;return r.a.createElement("div",{key:a,className:"".concat(D.a.container," text-center"),style:{left:"".concat(s,"%")}},r.a.createElement("div",{className:"".concat(D.a.interaction," ").concat(l)}),!!o&&r.a.createElement("div",null,H(t.visibleAt)))}))):r.a.createElement(r.a.Fragment,null)}var V=a(1132),J=a.n(V),K=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a},Q=w.a.encloseNamespace("reports.interactionResultsSummary");function W(e){var t,a=r.a.useMemo((function(){return Object(y.c)(e.interaction,e.results)}),[e.interaction,e.results]);return r.a.createElement("div",{className:"px-1 pt-1"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(L.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),r.a.createElement("div",{className:"my-4 ".concat(J.a.bar)},r.a.createElement(q,{interactive:e.interactive,duration:(t=e.interactiveMetadata,t.clip?t.clip.endTime-t.clip.startTime:t.video.duration?t.video.duration/1e3:0),selectedInteraction:e.interaction})),r.a.createElement("div",{className:"row pt-1 pb-2"},r.a.createElement("div",{className:"col-6 pr-1"},r.a.createElement("div",{className:"bg-light rounded p-2 h-100"},!a.awaitingMarking&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,Q("correctlyAnswered")),r.a.createElement(O.a,{percentage:a.percentCorrect,layout:O.b.LabelOnly})),!!a.awaitingMarking&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center"},r.a.createElement("strong",null,r.a.createElement("em",null,Q("pending")))))),r.a.createElement("div",{className:"col-6 pl-1"},r.a.createElement("div",{className:"bg-light rounded h-100 p-2 d-flex align-items-center justify-content-between"},r.a.createElement("strong",null,Q("unanswered")),r.a.createElement("span",null,a.unanswered)))))}var G=r.a.forwardRef((function(e,t){var a=e.interaction,n=e.interactive,c=e.interactiveMetadata,i=e.results,o=K(e,["interaction","interactive","interactiveMetadata","results"]);return r.a.createElement("div",{className:"popover-lg"},r.a.createElement(A,Object.assign({id:"interaction-results-summary-".concat(a.id),ref:t},o),r.a.createElement(A.Content,null,r.a.createElement(W,{interaction:a,interactive:n,interactiveMetadata:c,results:i}))))})),Z=a(792),$=a.n(Z);function z(e){return r.a.createElement(M.a,{trigger:"click",placement:"bottom",overlay:r.a.createElement(G,{interaction:e.interaction,interactive:e.interactive,interactiveMetadata:e.interactiveMetadata,results:e.results}),rootClose:!0},r.a.createElement("div",{className:"text-center h-100 cursor-pointer\n          d-flex align-items-center justify-content-center\n          ".concat($.a.interactionHeaderCellInner),onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},r.a.createElement("div",{className:"p-1 position-relative"},e.interactionNumber)))}var X=a(754),Y=a(22),ee=a(20),te=a(769);function ae(e){var t="".concat($.a.resultsCellInner," h-100 position-relative");return e===X.a.Correct&&(t+=" ".concat($.a.correct," text-success")),e===X.a.Incorrect&&(t+=" ".concat($.a.incorrect," text-danger")),e===X.a.AwaitingMarking&&(t+=" ".concat($.a.awaitingMarking)),e===X.a.UnAnswered&&(t+=" ".concat($.a.unanswered," text-muted")),t}function ne(e){var t=Object(te.a)(e.interaction,Object(y.h)(e.studentResults)),a=function(e){return e===X.a.Correct?Y.b.Check:e===X.a.Incorrect?Y.b.Close:e===X.a.UnAnswered?Y.b.Minus:void 0}(t);return r.a.createElement("div",{className:ae(t)},!!a&&r.a.createElement(ee.a,{svgName:a}))}var re=w.a.encloseNamespace("reports.studentResultsTable");function ce(e){return r.a.createElement("div",{className:"d-flex align-items-center p-2 text-truncate h-100"},e.children)}function ie(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return oe(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return oe(e,t)}(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 oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var le={table:$.a.fixedTable,header:"".concat($.a.header," border-top border-bottom border-left rounded-left font-weight-bold"),headerRow:"h-100",headerCell:"d-flex align-items-center justify-content-start",sortIndicator:"text-muted",row:$.a.row},se={header:"".concat($.a.header," font-weight-bold"),headerRow:"h-100",headerCell:"".concat($.a.interactionHeaderCellOuter," border-left border-top border-bottom"),row:"".concat($.a.row," ").concat($.a.resultsRow),cell:$.a.resultsCellOuter};function ue(e,t,a){p.a.AppLinkHelper.trigger({application:g.a.REPORTS,action:h.a.Reports.STUDENT_RESULTS,args:[e,t],params:a?{interactionId:a}:{}})}function de(e){var t=ie(r.a.useState(),2),a=t[0],n=t[1],c=r.a.useRef(),i=[{Header:function(){return r.a.createElement(ce,null,re("name"))},accessor:"user",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.a.createElement(ce,null,r.a.createElement("span",{className:"text-truncate"},"".concat(t.name," ").concat(t.surname)))}},{Header:function(){return r.a.createElement(ce,null,re("unanswered"))},accessor:"summary.unanswered",sortType:"basic",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.a.createElement(ce,null,t)}},{Header:function(){return r.a.createElement(ce,null,re("score"))},accessor:"summary",id:"score",Cell:function(e){var t=e.value;return t.awaitingMarking?r.a.createElement(ce,null,r.a.createElement(N.a,{className:"flex-grow-1"})):r.a.createElement(ce,null,r.a.createElement(O.a,{percentage:t.percentCorrect,layout:O.b.LabelBefore,className:"flex-grow-1"}))},width:125,sortDescFirst:!0}],o=function(e,t,a,n,c){return r.a.useMemo((function(){return Object(y.d)(e).map((function(c,i){return{Header:function(){return r.a.createElement(z,{interaction:c,results:a,interactive:e,interactiveMetadata:t,interactionNumber:i+1,onMouseEnter:function(){return n(i)},onMouseLeave:function(){return n(null)}})},accessor:"results",id:c.id,disableSortBy:!0,width:60,Cell:function(e){var t=e.row.original;return r.a.createElement(ne,{interaction:c,studentResults:t})}}}))}),[c])}(e.interactive,e.interactiveMetadata,e.results,(function(e){!function(e,t){if(e){var a=e.querySelectorAll(".".concat($.a.resultsRow));null==a||a.forEach((function(e){e.childNodes.forEach((function(e,a){e.classList.remove($.a.highlightColumn),a===t&&e.classList.add($.a.highlightColumn)}))}))}}(c.current,e)}),e.refreshTable),l=function(e,t,a,n){return r.a.useMemo((function(){var a=[];if(t.students.forEach((function(t){a.push(Object.assign(Object.assign({},t),{summary:Object(y.i)(e,t)}))})),"summary.unanswered"===(null==n?void 0:n.id)){var r=b.a.sortBy(a,(function(e){return e.summary.unanswered}));return n.desc?r.reverse():r}if("score"===(null==n?void 0:n.id)){var c=b.a.sortBy(a,(function(e){return e.summary.awaitingMarking?-1:e.summary.percentCorrect}));return n.desc?c.reverse():c}return a}),[a,n])}(e.interactive,e.results,e.refreshTable,b.a.first(a));function s(e){!function(e,t){if(e){var a=e.querySelectorAll(".".concat($.a.resultsRow));null==a||a.forEach((function(e,a){e.classList.remove($.a.highlightResultsRow),a===t&&e.classList.add($.a.highlightResultsRow)}))}}(c.current,e)}return r.a.createElement("div",{ref:c,className:"d-inline-flex mw-100"},r.a.createElement(E.a,{columns:i,data:l,theme:le,onSelectRow:function(t){ue(t.original.user.id,e.interactiveMetadata.id)},onRowMouseEnter:function(e){return s(e.index)},onRowMouseLeave:function(){return s()},enableSort:!0,manualSort:!0,onSort:n}),r.a.createElement(E.a,{columns:o,data:l,theme:se,enableSlider:!0,scrollIncrement:480,onSelectCell:function(t){ue(t.row.original.user.id,e.interactiveMetadata.id,t.column.id)}}))}function me(e){var t,a,n=Object(l.a)(),p=c.a.useBasicFetch(i.a.interactiveMetadata(e.interactiveMetadataId)),b=c.a.useBasicFetch((null===(t=p.data)||void 0===t?void 0:t.interactiveId)?i.a.interactive(p.data.interactiveId):null),g=c.a.useBasicFetch(b.data?i.a.interactiveResultSet(p.data.interactiveId,p.data.id,n):null);Object(o.a)(null===(a=p.data)||void 0===a?void 0:a.name),Object(m.a)(e.interactiveMetadataId),Object(f.a)(g),Object(s.a)(p);var h=Object(d.a)(g);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(u.a,{interactiveMetadataId:e.interactiveMetadataId}),!!b.data&&!!g.data&&r.a.createElement(v.a,{interactive:b.data,results:g.data,interactiveMetadataId:e.interactiveMetadataId}),!!p.data&&!!b.data&&!!g.data&&r.a.createElement(de,{interactive:b.data,interactiveMetadata:p.data,results:g.data,refreshTable:h})))}a.d(t,"InteractiveStudentResultsListView",(function(){return me}))},792:function(e,t,a){e.exports={header:"_1LnF5",row:"_3ad9E",fixedTable:"ecx7o",interactionHeaderCellOuter:"DIADy",interactionHeaderCellInner:"_1ml6_",resultsCellOuter:"DeEKd",correct:"_36VBK",incorrect:"_2GRW5",awaitingMarking:"_36pfe",unanswered:"_2bH6o",highlightColumn:"_1AISR",resultsCellInner:"_1VExq",highlightResultsRow:"_2USH7",resultsRow:"_34Vya"}},795:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a.n(n),c=a(9),i=a(60),o=a(53),l=a(106),s=a(742),u=a(741),d=c.a.encloseNamespace("reports.markingRequiredAlert");function m(e){var t=Object(u.a)(),a=function(e,t){var a=0;return t.students.forEach((function(t){var n=Object(s.i)(e,t);a+=n.awaitingMarking})),a}(e.interactive,e.results);return a?r.a.createElement("div",{className:"alert alert-secondary",role:"alert"},"".concat(d("markingRequired",{smartCount:a})," "),r.a.createElement(i.a,{className:"text-info",appLink:{application:o.a.REPORTS,action:l.a.Reports.QUESTION_LIST,args:[e.interactiveMetadataId],params:t}},d("seeQuestions"))):r.a.createElement(r.a.Fragment,null)}}}]);