@pie-element/passage 5.2.1 → 5.2.2-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/module/configure.js +1 -1
- package/module/element.js +1 -1
- package/module/index.html +1 -1
- package/module/manifest.json +2 -2
- package/module/print.html +1 -1
- package/module/print.js +1 -1
- package/package.json +2 -2
package/module/index.html
CHANGED
package/module/manifest.json
CHANGED
package/module/print.html
CHANGED
package/module/print.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_dll_react as e,_dll_prop_types as t,_dll_material_ui__core as s,_dll_material_ui__core_styles as a,_dll_pie_lib__render_ui as n,_dll_classnames as i,_dll_react_dom as r,_dll_lodash as l,_dll_debug as o}from"../../../@pie-lib/shared-module@^1.14.
|
|
1
|
+
import{_dll_react as e,_dll_prop_types as t,_dll_material_ui__core as s,_dll_material_ui__core_styles as a,_dll_pie_lib__render_ui as n,_dll_classnames as i,_dll_react_dom as r,_dll_lodash as l,_dll_debug as o}from"../../../@pie-lib/shared-module@^1.14.9/module/index.js";const c=e,d=t,{Tabs:u}=s,{Tab:p}=s,{withStyles:h}=a,{Collapsible:b}=n,{color:m}=n,{PreviewPrompt:g}=n,{Purpose:_}=n,{UiLayout:E}=n,T=i;class x extends c.Component{constructor(...e){super(...e),x.prototype.__init.call(this),x.prototype.__init2.call(this),x.prototype.__init3.call(this),x.prototype.__init4.call(this)}__init(){this.state={activeTab:0}}__init2(){this.handleChange=(e,t)=>{this.setState((()=>({activeTab:t}))),setTimeout((()=>{const e=new CustomEvent("pie-ui-passage-tabChanged",{detail:{tab:t}});window.dispatchEvent(e)}))}}__init3(){this.handleKeyDown=(e,t)=>{const{key:s}=e,{tabs:a}=this.props;let n=-1;const i=a.findIndex((e=>e.id===t));switch(s){case"ArrowRight":n=(i+1)%a.length;break;case"ArrowLeft":n=(i-1+a.length)%a.length;break;case"Home":n=0;break;case"End":n=a.length-1;break;case"Enter":case" ":n=i}-1!==n&&(e.preventDefault(),this.handleChange(e,a[n].id),document.getElementById(`button-${a[n].id}`).focus())}}__init4(){this.parsedText=(e="")=>{const t=document.createElement("div");t.innerHTML=e.replace(/(<br\/>\n)/g,"<br/>");const s=t.querySelector("audio");if(s){const e=document.createElement("source");e.setAttribute("type","audio/mp3"),e.setAttribute("src",s.getAttribute("src")),s.removeAttribute("src"),s.appendChild(e)}return t.innerHTML}}renderInstructions(e,t=!1){if(!e)return;const s=c.createElement(g,{tagName:"div",className:"prompt",defaultClassName:"teacher-instructions",prompt:e});return t?s:c.createElement(b,{labels:{hidden:"Show Teacher Instructions",visible:"Hide Teacher Instructions"}},s)}renderTab(e,t){const{classes:s}=this.props;return c.createElement("div",{className:T(s.passage,"passage"),key:e.id,id:`tabpanel-${e.id}`,role:"tabpanel","aria-labelledby":`button-${e.id}`},this.renderInstructions(e.teacherInstructions,t),(e.title||e.subtitle)&&c.createElement("h2",null,e.title&&c.createElement(_,{purpose:"passage-title"},c.createElement("div",{className:T(s.passageTitle,"title"),dangerouslySetInnerHTML:{__html:this.parsedText(e.title)}})),e.subtitle&&c.createElement(_,{purpose:"passage-subtitle"},c.createElement("div",{className:T(s.passageSubtitle,"subtitle"),dangerouslySetInnerHTML:{__html:this.parsedText(e.subtitle)}}))),e.author&&c.createElement(_,{purpose:"passage-author"},c.createElement("div",{className:T(s.passageAuthor,"author"),dangerouslySetInnerHTML:{__html:this.parsedText(e.author)}})),e.text&&c.createElement(_,{purpose:"passage-text"},c.createElement("div",{key:e.id,className:T(s.passageText,"text"),dangerouslySetInnerHTML:{__html:this.parsedText(e.text)}})))}render(){const{classes:e,model:t,tabs:s,disabledTabs:a}=this.props,{activeTab:n}=this.state;if(!function(e){let t,s=e[0],a=1;for(;a<e.length;){const n=e[a],i=e[a+1];if(a+=2,("optionalAccess"===n||"optionalCall"===n)&&null==s)return;"access"===n||"optionalAccess"===n?(t=s,s=i(s)):"call"!==n&&"optionalCall"!==n||(s=i(((...e)=>s.call(t,...e))),t=void 0)}return s}([s,"optionalAccess",e=>e.length]))return;const{extraCSSRules:i}=t||{},r=(s||[]).find((e=>e.id===n));return c.createElement(E,{extraCSSRules:i,className:T(e.passages,"passages")},a||1===s.length?s.map((e=>this.renderTab(e,a))):c.createElement(c.Fragment,null,c.createElement(u,{classes:{root:e.stickyTabs,flexContainer:e.tabButton},value:n,onChange:this.handleChange},s.map((t=>c.createElement(p,{className:e.tab,key:t.id,id:`button-${t.id}`,label:c.createElement(_,{purpose:"passage-label"},c.createElement("span",{dangerouslySetInnerHTML:{__html:this.parsedText(t.label)}})),value:t.id,tabIndex:n===t.id?0:-1,"aria-controls":`tabpanel-${t.id}`,"aria-selected":n===t.id,onFocus:()=>this.handleChange(null,t.id),onKeyDown:e=>this.handleKeyDown(e,t.id)})))),r?this.renderTab(r,a):null))}}x.propTypes={classes:d.object.isRequired,tabs:d.arrayOf(d.shape({id:d.number.isRequired,label:d.string.isRequired,title:d.string.isRequired,subtitle:d.string,author:d.string,text:d.string.isRequired,teacherInstructions:d.string}).isRequired).isRequired,disabledTabs:d.bool};var y=h((e=>({passages:{flexGrow:1,backgroundColor:m.background(),color:m.text(),"&:not(.MathJax) table":{borderCollapse:"collapse"},"&:not(.MathJax) table td, &:not(.MathJax) table th":{padding:".6em 1em",textAlign:"left"}},passage:{backgroundColor:m.background(),color:m.text(),padding:2*e.spacing.unit},passageTitle:{fontSize:"1.75rem"},passageSubtitle:{fontSize:"1.5rem"},passageAuthor:{fontSize:"1.25rem"},passageText:{},stickyTabs:{background:m.background(),position:"sticky",top:0},tab:{background:e.palette.common.white,fontSize:"inherit",color:e.palette.common.black},tabButton:{background:e.palette.common.white},teacherInstructions:{marginBottom:2*e.spacing.unit}})))(x);const f=e,k=r,{debounce:v}=l,C=o("pie-element:passage:print"),I=(e,t)=>(e=>null!=e)(e)?e:t;class S extends HTMLElement{constructor(){super(),this._model=null,this._options=null,this._session=[],this._rerender=v((()=>{if(this._model&&this._session){if(this._model.passages&&this._model.passages.length>0){const e=((e,t)=>{const s="instructor"===t.role,a=I(e.teacherInstructionsEnabled,!0),n=I(e.titleEnabled,!0),i=I(e.authorEnabled,!1),r=I(e.subtitleEnabled,!0),l=I(e.textEnabled,!0);return e.passages.map(((e,t)=>({id:t,teacherInstructions:I(e.teacherInstructionsEnabled,a)&&s&&e.teacherInstructions||"",label:e.title||`Passage ${t+1}`,title:I(e.titleEnabled,n)&&e.title||"",author:I(e.authorEnabled,i)&&e.author||"",subtitle:I(e.subtitleEnabled,r)&&e.subtitle||"",text:I(e.textEnabled,l)&&e.text||""})))})(this._model,this._options),t=f.createElement(y,{disabledTabs:!0,tabs:e});k.render(t,this)}}else C("skip")}),50,{leading:!1,trailing:!0})}set model(e){this._model=e,this._rerender()}set options(e){this._options=e}connectedCallback(){}}export{S as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/passage",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.2-next.2+c37ffc439",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"react": "^16.8.1",
|
|
19
19
|
"react-dom": "^16.8.1"
|
|
20
20
|
},
|
|
21
|
-
"gitHead": "
|
|
21
|
+
"gitHead": "c37ffc4390eb50c2efdbe3fbc371c523022e8cad",
|
|
22
22
|
"scripts": {
|
|
23
23
|
"postpublish": "../../scripts/postpublish"
|
|
24
24
|
},
|