@clickview/reports 0.0.1-rc.1 → 0.0.2-dev.0

package/dist/scripts/8-277f326aea-reports.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[8],{874:function(e,t,a){e.exports={header:"_3-GiQ",row:"_33bdW",fixedTable:"_1DkGo",interactionHeaderCellOuter:"_34Hjj",interactionHeaderCellInner:"VeXQy",resultsCellOuter:"_18veS",correct:"_18c_p",incorrect:"fOIiA",awaitingMarking:"VZabW",unanswered:"_2WfJK",highlightColumn:"_1DyQ6",resultsCellInner:"_36N7k",highlightResultsRow:"_2TBew",resultsRow:"_1x533"}},897:function(e,t,a){e.exports={container:"_2sB_4",interaction:"Z2JLO"}},898:function(e,t,a){e.exports={bar:"_3jUFl"}},901:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(20),i=a(21),o=a(53),l=a(116),s=a(67),u=a(744),d=a(742),m=a(882),f=a(733),v=a(139),p=a(743),b=a(746),g=a(873),h=a(871),E=a(883),w=a(884),y=a(12),O=a(74),N=a(891),j=a(881),M=a(887),x=a(732),R=a(4),C=a(7),S=a(14),I=a.n(S),T=(a(175),a(19)),k=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(C.a)(e,["as","bsPrefix","className","children"]);return c=Object(T.b)(c,"popover-header"),r.a.createElement(n,Object(R.a)({ref:t},l,{className:I()(c,i)}),o)})),_=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(C.a)(e,["as","bsPrefix","className","children"]);return c=Object(T.b)(c,"popover-body"),r.a.createElement(n,Object(R.a)({ref:t},l,{className:I()(i,c)}),o)}));function A(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(C.a)(e,["bsPrefix","innerRef","placement","className","style","children","content","arrowProps","scheduleUpdate","outOfBoundaries"]));return r.a.createElement("div",Object(R.a)({role:"tooltip",ref:a,style:i,"x-placement":n,className:I()(c,t,"bs-popover-"+n)},u),r.a.createElement("div",Object(R.a)({className:"arrow"},s)),l?r.a.createElement(_,null,o):o)}A.defaultProps={placement:"right"};var L=Object(T.a)(A,"popover");L.Title=k,L.Content=_;var P=L,B=a(875),F=a(2),U=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(!F.isNumber(e))return"";var t=new Date(e),a=t.getUTCHours(),n=U(t.getUTCMinutes(),2,"0"),r=U(t.getUTCSeconds(),2,"0");return a>0?"".concat(a,":").concat(n,":").concat(r):"".concat(n,":").concat(r)},D=a(892),Q=a(897),J=a.n(Q);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?D.a.getTypeInfo(i.typeId).bgClassName:"bg-secondary",s=t.visibleAt/1e3/e.duration*100;return r.a.createElement("div",{key:a,className:"".concat(J.a.container," text-center"),style:{left:"".concat(s,"%")}},r.a.createElement("div",{className:"".concat(J.a.interaction," ").concat(l)}),!!o&&r.a.createElement("div",null,H(t.visibleAt)))}))):r.a.createElement(r.a.Fragment,null)}var V=a(898),W=a.n(V),G=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},Z=i.a.encloseNamespace("reports.interactionResultsSummary");function K(e){var t,a=r.a.useMemo((function(){return Object(f.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(B.a,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),r.a.createElement("div",{className:"my-4 ".concat(W.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,Z("correctlyAnswered")),r.a.createElement(j.a,{percentage:a.percentCorrect,layout:j.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,Z("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,Z("unanswered")),r.a.createElement("span",null,a.unanswered)))))}var X=r.a.forwardRef((function(e,t){var a=e.interaction,n=e.interactive,c=e.interactiveMetadata,i=e.results,o=G(e,["interaction","interactive","interactiveMetadata","results"]);return r.a.createElement("div",{className:"popover-lg"},r.a.createElement(P,Object.assign({id:"interaction-results-summary-".concat(a.id),ref:t},o),r.a.createElement(P.Content,null,r.a.createElement(K,{interaction:a,interactive:n,interactiveMetadata:c,results:i}))))})),$=a(874),z=a.n($);function Y(e){return r.a.createElement(x.a,{trigger:"click",placement:"bottom",overlay:r.a.createElement(X,{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(z.a.interactionHeaderCellInner),onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},r.a.createElement("div",{className:"p-1 position-relative"},e.interactionNumber)))}var ee=a(734),te=a(31),ae=a(30),ne=a(745);function re(e){var t="".concat(z.a.resultsCellInner," h-100 position-relative");return e===ee.a.Correct&&(t+=" ".concat(z.a.correct," text-success")),e===ee.a.Incorrect&&(t+=" ".concat(z.a.incorrect," text-danger")),e===ee.a.AwaitingMarking&&(t+=" ".concat(z.a.awaitingMarking)),e===ee.a.UnAnswered&&(t+=" ".concat(z.a.unanswered," text-muted")),t}function ce(e){var t=Object(ne.a)(e.interaction,Object(f.i)(e.studentResults)),a=function(e){return e===ee.a.Correct?te.b.Check:e===ee.a.Incorrect?te.b.Close:e===ee.a.UnAnswered?te.b.Minus:void 0}(t);return r.a.createElement("div",{className:re(t)},!!a&&r.a.createElement(ae.a,{svgName:a}))}var ie=i.a.encloseNamespace("reports.studentResultsTable");function oe(e){return r.a.createElement("div",{className:"d-flex align-items-center p-2 text-truncate h-100"},e.children)}function le(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 se(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 se(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 se(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 ue={table:z.a.fixedTable,header:"".concat(z.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:z.a.row},de={header:"".concat(z.a.header," font-weight-bold"),headerRow:"h-100",headerCell:"".concat(z.a.interactionHeaderCellOuter," border-left border-top border-bottom"),row:"".concat(z.a.row," ").concat(z.a.resultsRow),cell:z.a.resultsCellOuter};function me(e,t,a){y.a.AppLinkHelper.trigger({application:v.a.REPORTS,action:p.a.Reports.STUDENT_RESULTS,args:[e,t],params:a?{interactionId:a}:{}})}function fe(e){var t=le(r.a.useState(),2),a=t[0],n=t[1],c=r.a.useRef(),i=[{Header:function(){return r.a.createElement(oe,null,ie("name"))},accessor:"user",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.a.createElement(oe,null,r.a.createElement("span",{className:"text-truncate"},"".concat(t.name," ").concat(t.surname)))}},{Header:function(){return r.a.createElement(oe,null,ie("unanswered"))},accessor:"summary.unanswered",sortType:"basic",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.a.createElement(oe,null,t)}},{Header:function(){return r.a.createElement(oe,null,ie("score"))},accessor:"summary",id:"score",Cell:function(e){var t=e.value;return t.awaitingMarking?r.a.createElement(oe,null,r.a.createElement(M.a,{className:"flex-grow-1"})):r.a.createElement(oe,null,r.a.createElement(j.a,{percentage:t.percentCorrect,layout:j.b.LabelBefore,className:"flex-grow-1"}))},width:125,sortDescFirst:!0}],o=function(e,t,a,n,c){return r.a.useMemo((function(){return Object(f.d)(e).map((function(c,i){return{Header:function(){return r.a.createElement(Y,{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(ce,{interaction:c,studentResults:t})}}}))}),[c])}(e.interactive,e.interactiveMetadata,e.results,(function(e){!function(e,t){if(e){var a=e.querySelectorAll(".".concat(z.a.resultsRow));null==a||a.forEach((function(e){e.childNodes.forEach((function(e,a){e.classList.remove(z.a.highlightColumn),a===t&&e.classList.add(z.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(f.j)(e,t)}))})),"summary.unanswered"===(null==n?void 0:n.id)){var r=O.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=O.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,O.a.first(a));function s(e){!function(e,t){if(e){var a=e.querySelectorAll(".".concat(z.a.resultsRow));null==a||a.forEach((function(e,a){e.classList.remove(z.a.highlightResultsRow),a===t&&e.classList.add(z.a.highlightResultsRow)}))}}(c.current,e)}return r.a.createElement("div",{ref:c,className:"d-inline-flex mw-100"},r.a.createElement(N.a,{columns:i,data:l,theme:ue,onSelectRow:function(t){me(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(N.a,{columns:o,data:l,theme:de,enableSlider:!0,scrollIncrement:480,onSelectCell:function(t){me(t.row.original.user.id,e.interactiveMetadata.id,t.column.id)}}))}a.d(t,"InteractiveStudentResultsListView",(function(){return pe}));var ve=i.a.encloseNamespace("reports.interactiveStudentResultsList");function pe(e){var t,a,n=Object(h.a)(),i=Object(b.a)(),y=c.a.useBasicFetch(u.a.interactiveMetadata(e.interactiveMetadataId)),O=c.a.useBasicFetch((null===(t=y.data)||void 0===t?void 0:t.interactiveId)?u.a.interactive(y.data.interactiveId):null),N=c.a.useBasicFetch(O.data?u.a.interactiveResultSet(y.data.interactiveId,y.data.id,n):null),j=c.a.useBasicFetch(l.a.config());Object(m.a)(y.data,o.a.Interactive),Object(d.a)(null===(a=y.data)||void 0===a?void 0:a.name),Object(w.a)(e.interactiveMetadataId);var M=Object(E.a)(N),x=!!O.data&&!!N.data&&!!j.data,R=!!O.data&&!!N.data&&function(e,t){var a=0;return t.students.forEach((function(t){var n=Object(f.j)(e,t);a+=n.awaitingMarking})),a}(O.data,N.data);return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement(g.a,{interactiveMetadataId:e.interactiveMetadataId}),!!R&&r.a.createElement("div",{className:"alert alert-secondary",role:"alert"},"".concat(ve("markingRequired",{smartCount:R})," "),r.a.createElement(s.a,{className:"text-info",appLink:{application:v.a.REPORTS,action:p.a.Reports.QUESTION_LIST,args:[e.interactiveMetadataId],params:i}},ve("seeQuestions"))),x&&r.a.createElement(fe,{interactive:O.data,interactiveMetadata:y.data,results:N.data,refreshTable:M})))}}}]);

package/dist/scripts/{5-8a0ecc848d-reports.chunk.js → 9-eb43adc6c6-reports.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[5],{720:function(t,r,n){"use strict";n.d(r,"a",(function(){return u}));var e=n(0),o=n(69),a=n(70);function i(t,r){return function(t){if(Array.isArray(t))return t}(t)||function(t,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],e=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(e=(i=c.next()).done)&&(n.push(i.value),!r||n.length!==r);e=!0);}catch(t){o=!0,a=t}finally{try{e||null==c.return||c.return()}finally{if(o)throw a}}return n}(t,r)||function(t,r){if(!t)return;if("string"==typeof t)return c(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(t,r)}(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.")}()}function c(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=new Array(r);n<r;n++)e[n]=t[n];return e}function u(t){var r=i(Object(o.a)(a.a.HEADER_TITLE),2)[1];Object(e.useEffect)((function(){return r(t),function(){r(null)}}),[t])}},870:function(t,r,n){"use strict";n.r(r);var e=n(0),o=n.n(e),a=n(35),i=function(t,r,n,e){return{url:"{gateway}/v1/objects/".concat(t),key:"object:".concat(t),success:r,error:n,always:e}},c=n(720);function u(t){var r,n=a.a.useBasicFetch(i(t.id));return Object(c.a)(null===(r=n.data)||void 0===r?void 0:r.name),o.a.createElement(o.a.Fragment,null)}n.d(r,"ClipOverviewView",(function(){return u}))}}]);
+(window.webpackJsonp_clickview_reports=window.webpackJsonp_clickview_reports||[]).push([[9],{742:function(t,r,n){"use strict";n.d(r,"a",(function(){return u}));var e=n(0),o=n(37),a=n(38);function i(t,r){return function(t){if(Array.isArray(t))return t}(t)||function(t,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],e=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(e=(i=c.next()).done)&&(n.push(i.value),!r||n.length!==r);e=!0);}catch(t){o=!0,a=t}finally{try{e||null==c.return||c.return()}finally{if(o)throw a}}return n}(t,r)||function(t,r){if(!t)return;if("string"==typeof t)return c(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(t,r)}(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.")}()}function c(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=new Array(r);n<r;n++)e[n]=t[n];return e}function u(t){var r=i(Object(o.a)(a.a.HEADER_TITLE),2)[1];Object(e.useEffect)((function(){return r(t),function(){r(null)}}),[t])}},905:function(t,r,n){"use strict";n.r(r);var e=n(0),o=n.n(e),a=n(20),i=function(t,r,n,e){return{url:"{gateway}/v1/objects/".concat(t),key:"object:".concat(t),success:r,error:n,always:e}},c=n(742);function u(t){var r,n=a.a.useBasicFetch(i(t.id));return Object(c.a)(null===(r=n.data)||void 0===r?void 0:r.name),o.a.createElement(o.a.Fragment,null)}n.d(r,"ClipOverviewView",(function(){return u}))}}]);