@pie-element/passage 5.3.4-next.3 → 6.0.0-beta.1

package/module/configure.js

@@ -1 +0,0 @@
-import{_dll_prop_types as e,_dll_material_ui__core_styles as t,_dll_react as a,_dll_material_ui__core as i,_dll_material_ui__icons as n,_dll_react_dom as s}from"../../../@pie-lib/shared-module@^1.17.5/module/index.js";import{_dll_pie_lib__config_ui as l}from"../../../@pie-lib/config-module@^2.23.3/module/index.js";import{_dll_pie_lib__editable_html as o}from"../../../@pie-lib/editable-html-module@^5.9.5/module/index.js";var r={};Object.defineProperty(r,"__esModule",{value:!0});class d extends CustomEvent{constructor(e,t=!1){super(d.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}d.TYPE="model.updated";var u=r.ModelUpdatedEvent=d;class c extends CustomEvent{constructor(e,t){super(c.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}c.TYPE="delete.image";var g=r.DeleteImageEvent=c;class p extends CustomEvent{constructor(e){super(p.TYPE,{bubbles:!0,detail:e}),this.handler=e}}p.TYPE="insert.image";var h=r.InsertImageEvent=p;class m extends CustomEvent{constructor(e,t){super(m.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}m.TYPE="delete.sound";var b=r.DeleteSoundEvent=m;class C extends CustomEvent{constructor(e){super(C.TYPE,{bubbles:!0,detail:e}),this.handler=e}}C.TYPE="insert.sound";var _=r.InsertSoundEvent=C;const E=a,x=e,{withStyles:f}=t,{Button:S}=i,{Dialog:v}=i,{DialogTitle:I}=i,{DialogContent:P}=i,{DialogContentText:T}=i,{DialogActions:y}=i,{RemoveCircle:R}=n,{AddCircle:q}=n,D=f((e=>({root:{textDecoration:"underline","&:hover":{textDecoration:"underline",backgroundColor:"transparent"}},label:{display:"flex",alignItems:"center"},icon:{marginRight:e.spacing.unit/2}})))((({classes:e,label:t,type:a="add",onClick:i})=>{const n="add"===a?q:R;return E.createElement(S,{color:"primary",size:"small",className:e.root,onClick:i},E.createElement(n,{fontSize:"small",color:"primary",className:e.icon}),t)})),k=({content:e,cancel:t,title:a,ok:i,open:n,onOk:s,onCancel:l})=>E.createElement(v,{open:n},E.createElement(I,null,a),E.createElement(P,null,E.createElement(T,null,e)),E.createElement(y,null,s&&E.createElement(S,{onClick:s,color:"primary"},i),l&&E.createElement(S,{onClick:l,color:"primary"},t)));k.propTypes={content:x.string.isRequired,title:x.string.isRequired,cancel:x.string.isRequired,ok:x.string.isRequired,open:x.bool.isRequired,onCancel:x.func.isRequired,onOk:x.func.isRequired};const A=a,M=e,{withStyles:w}=t,{InputContainer:j}=l,N=o,{ALL_PLUGINS:O}=o;function Y(e){let t,a=e[0],i=1;for(;i<e.length;){const n=e[i],s=e[i+1];if(i+=2,("optionalAccess"===n||"optionalCall"===n)&&null==a)return;"access"===n||"optionalAccess"===n?(t=a,a=s(a)):"call"!==n&&"optionalCall"!==n||(a=s(((...e)=>a.call(t,...e))),t=void 0)}return a}class H extends A.Component{static __initStatic(){this.propTypes={classes:M.object,onModelChanged:M.func.isRequired,model:M.object.isRequired,configuration:M.object.isRequired,imageSupport:M.object.isRequired,passageIndex:M.number.isRequired,uploadSoundSupport:M.object.isRequired}}static __initStatic2(){this.defaultProps={passageIndex:0}}constructor(e){super(e),H.prototype.__init.call(this)}__init(){this.handleChange=(e,t)=>{const{model:a,onModelChanged:i,passageIndex:n}=this.props;if(!a.passages||n<0||n>=a.passages.length)return;const s=[...a.passages];s[n]={...s[n],[e]:t},i({...a,passages:s})}}render(){const{model:e,classes:t,configuration:a,imageSupport:i,passageIndex:n,uploadSoundSupport:s}=this.props,{maxImageWidth:l={},maxImageHeight:o={},mathMlOptions:r={},baseInputConfiguration:d={},teacherInstructions:u={},title:c={},subtitle:g={},text:p={},author:h={}}=a||{},{errors:m={},passages:b=[],teacherInstructionsEnabled:C,titleEnabled:_,subtitleEnabled:E,authorEnabled:x,textEnabled:f}=e||{},{passages:S}=m||{},{teacherInstructions:v,title:I,subtitle:P,author:T,text:y}=S&&S[n]||{},R=l&&l.prompt,q=o&&o.prompt,D=e=>({...d,...e});return A.createElement(A.Fragment,null,C&&A.createElement(j,{label:u.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].teacherInstructions||"",onChange:e=>this.handleChange("teacherInstructions",e),nonEmpty:!1,error:v,maxImageWidth:l&&l.teacherInstructions||R,maxImageHeight:o&&o.teacherInstructions||q,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([u,"optionalAccess",e=>e.inputConfiguration]))}),v&&A.createElement("div",{className:t.errorText},v)),_&&A.createElement(j,{label:c.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].title||"",onChange:e=>this.handleChange("title",e),nonEmpty:!1,error:I,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([c,"optionalAccess",e=>e.inputConfiguration]))}),I&&A.createElement("div",{className:t.errorText},I)),E&&A.createElement(j,{label:g.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].subtitle||"",onChange:e=>this.handleChange("subtitle",e),nonEmpty:!1,error:P,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([g,"optionalAccess",e=>e.inputConfiguration]))}),P&&A.createElement("div",{className:t.errorText},P)),x&&A.createElement(j,{label:h.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].author||"",onChange:e=>this.handleChange("author",e),nonEmpty:!1,error:T,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([h,"optionalAccess",e=>e.inputConfiguration]))}),T&&A.createElement("div",{className:t.errorText},T)),f&&A.createElement(j,{label:p.label,className:t.inputContainer},A.createElement(N,{activePlugins:O,markup:b[n].text||"",onChange:e=>this.handleChange("text",e),imageSupport:i,uploadSoundSupport:s,nonEmpty:!1,error:y,maxImageWidth:l&&l.text||R,maxImageHeight:o&&o.text||q,mathMlOptions:r,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:D(Y([p,"optionalAccess",e=>e.inputConfiguration]))}),y&&A.createElement("div",{className:t.errorText},y)))}}H.__initStatic(),H.__initStatic2();var L=w((e=>({inputContainer:{paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit,width:"100%"},errorText:{fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing.unit}})))(H);const W=a,z=e,{withStyles:B}=t,{Typography:$}=i,{settings:F}=l,{layout:U}=l,{Panel:G,toggle:J,dropdown:K}=F;class Q extends W.Component{static __initStatic(){this.propTypes={onModelChanged:z.func.isRequired,onConfigurationChanged:z.func,model:z.object.isRequired,configuration:z.object.isRequired,imageSupport:z.object.isRequired,uploadSoundSupport:z.object.isRequired,classes:z.object.isRequired}}constructor(e){super(e),Q.prototype.__init.call(this),Q.prototype.__init2.call(this),Q.prototype.__init3.call(this),Q.prototype.__init4.call(this),this.state={showConfirmationDialog:!1,indexToRemove:-1}}__init(){this.getInnerText=e=>(e||"").replaceAll(/<[^>]*>/g,"")}__init2(){this.onDelete=(e,t,a)=>{let i=e.passages;i.splice(t,1),a({...e,passages:i}),this.setState({showConfirmationDialog:!1,indexToRemove:-1})}}__init3(){this.removeAdditionalPassage=e=>{const{model:t={},onModelChanged:a}=this.props,{passages:i=[]}=t,{teacherInstructions:n="",title:s="",subtitle:l="",author:o="",text:r=""}=i[e];this.getInnerText(n).trim()||this.getInnerText(s).trim()||this.getInnerText(l).trim()||this.getInnerText(o).trim()||this.getInnerText(r).trim()?this.setState({showConfirmationDialog:!0,indexToRemove:e}):this.onDelete(t,e,a)}}__init4(){this.addAdditionalPassage=()=>{const{model:e,onModelChanged:t}=this.props,a=[...e.passages,{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}];t({...e,passages:a})}}render(){const{classes:e,model:t,configuration:a,imageSupport:i,onConfigurationChanged:n,onModelChanged:s,uploadSoundSupport:l}=this.props,{settingsPanelDisabled:o,language:r={},languageChoices:d={},teacherInstructions:u={},title:c={},subtitle:g={},text:p={},author:h={},additionalPassage:m={}}=a||{},{extraCSSRules:b,passages:C}=t||{},_={titleEnabled:c&&c.settings&&J(c.label),subtitleEnabled:g&&g.settings&&J(g.label),authorEnabled:h&&h.settings&&J(h.label),textEnabled:p&&p.settings&&J(p.label),"additionalPassage.enabled":m&&m.settings&&J(m.label,!0)},E={teacherInstructionsEnabled:u&&u.settings&&J(u.label),"language.enabled":r&&r.settings&&J(r.label,!0),language:r&&r.settings&&r.enabled&&K(d.label,d.options)},x=`${m.label} will be deleted`,{indexToRemove:f,showConfirmationDialog:S}=this.state;return W.createElement(U.ConfigLayout,{extraCSSRules:b,hideSettings:o,settings:W.createElement(G,{model:t,configuration:a,onChangeModel:e=>s(e),onChangeConfiguration:e=>n(e),groups:{Settings:_,Properties:E}})},C.map(((n,o)=>W.createElement(W.Fragment,{key:o},o>0&&W.createElement($,{variant:"h5",className:e.additionalPassageHeading},m.label),W.createElement(L,{imageSupport:i,uploadSoundSupport:l,model:t,configuration:a,passageIndex:o,onModelChanged:s}),o>0&&m.enabled&&W.createElement(D,{type:"remove",label:`Remove ${m.label}`,onClick:()=>this.removeAdditionalPassage(o)}),0===o&&m.enabled&&C.length<2&&W.createElement(D,{label:`Add ${m.label}`,onClick:this.addAdditionalPassage})))),W.createElement(k,{open:S,title:"Warning",content:x,cancel:"Cancel",ok:"Ok",onCancel:()=>this.setState({showConfirmationDialog:!1}),onOk:()=>this.onDelete(t,f,s)}))}}Q.__initStatic();var V=B((e=>({additionalPassageHeading:{paddingTop:2*e.spacing.unit,marginBottom:2*e.spacing.unit}})))(Q),X={authorEnabled:!0,passages:[{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}],subtitleEnabled:!0,teacherInstructionsEnabled:!0,textEnabled:!0,titleEnabled:!0},Z={baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!0},blockquote:{disabled:!0},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},settingsPanelDisabled:!1,title:{settings:!0,label:"Title",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!0},subtitle:{settings:!0,label:"Subtitle",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!1},author:{settings:!0,label:"Author",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0}},required:!1},text:{settings:!0,label:"Text",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!1},blockquote:{disabled:!1},textAlign:{disabled:!1}},required:!0},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},maxImageWidth:{teacherInstructions:300,text:300},maxImageHeight:{teacherInstructions:300,text:300},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]},additionalPassage:{settings:!0,label:"Additional Passage",enabled:!1}};const ee=a,te=s;class ae extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...X,...e})}constructor(){super(),this._model=ae.createDefaultModel(),this._configuration=Z}set model(e){this._model=ae.createDefaultModel(e),this.render()}set configuration(e){this._configuration=e,this.render()}connectedCallback(){this.render()}modelChanged(e){this._model=e,this.dispatchEvent(new u(this._model),!0),this.render()}onConfigurationChanged(e){this._configuration=e,this.render()}insertImage(e){this.dispatchEvent(new h(e))}onDeleteImage(e,t){this.dispatchEvent(new g(e,t))}insertSound(e){this.dispatchEvent(new _(e))}onDeleteSound(e,t){this.dispatchEvent(new b(e,t))}render(){if(this._model){const e=ee.createElement(V,{model:this._model,configuration:this._configuration,onModelChanged:this.modelChanged.bind(this),onConfigurationChanged:this.onConfigurationChanged.bind(this),imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});te.render(e,this)}}}ae.__initStatic();export{ae as default};