https://performing-arts.ch/assets/no_auth/semantic-form-select-input-b72a80eb89f9d4e1.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["semantic-form-select-input"],{

1"./src/main/web/components/forms/inputs/SelectInput.tsx":(e,t,s)=>{s.r(t),s.d(t,{SelectInput:()=>SelectInput,default:()=>V});var i=s("./node_modules/react/index.js"),a=s("./node_modules/react-dom-factories/index.js"),r=s("./node_modules/react-select/lib/index.js"),o=s("./node_modules/immutable/dist/immutable.js"),l=s("./node_modules/react-bootstrap/es/Button.js"),n=s("./node_modules/lodash/lodash.js"),d=s("./src/main/web/api/async/Cancellation.ts"),m=s("./src/main/web/api/rdf/index.ts"),u=s("./src/main/web/components/ui/template/index.ts"),c=s("./src/main/web/components/forms/inputs/dropdown/DropdownWithFilter.tsx"),h=s("./src/main/web/components/forms/FieldDefinition.ts"),p=s("./src/main/web/components/forms/FieldValues.ts"),v=s("./src/main/web/components/forms/inputs/SingleValueInput.ts"),F=s("./src/main/web/components/forms/inputs/Decorations.tsx"),S=s("./src/main/web/components/forms/QueryValues.ts"),b=s("./src/main/web/components/forms/inputs/NestedModalForm.tsx"),f=s("./src/main/web/components/ui/icon/Icon.tsx"),E=s("./src/main/web/api/navigation/components/ResourceLinkContainer.ts"),g=s("./src/main/web/components/forms/inputs/ResourceConfigHelper.ts"),w=s("./src/main/web/api/services/config-holder.ts");const I="select-text-field",y=I+"option";class SelectInput extends v.xn{constructor(e,t){super(e,t),this.cancellation=new d.m,this.htmlElement=i.createRef(),this.isLoading=!0,this.onValueChanged=e=>{e?(0,g.jT)(m.pL.iri(e.value.value),this.context).then((e=>{e.resourceFormIri?e.scheme?this.setState({activeForm:`{{> "${e.resourceFormIri.value}" nested=true editable=true mode="edit" scheme="${e.scheme.value}"}}`}):this.setState({activeForm:`{{> "${e.resourceFormIri.value}" nested=true editable=true mode="edit"}}`}):this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!0})})).catch((e=>{this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!0})})):this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!1}),this.setState({nestedFormOpen:!1}),this.setAndValidate(this.parseValue(e))},this.toggleNestedForm=()=>{this.setState((e=>({nestedFormOpen:!e.nestedFormOpen})))},this.optionRenderer=e=>void 0!==this.props.template?(0,i.createElement)(u.C,{template:{source:this.props.template,options:e.binding}}):a.span({id:e.label,className:y},e.label||e.value.value),this.valueRenderer=e=>{if(!e)return;const t=this.state.valueSet;if(t){const s=t.find((t=>t.value.equals(e.value)));if(s)return this.optionRenderer(s)}return a.span({id:e.label,className:y},e.label||e.value.value)},this.onNestedFormSubmit=e=>{e?(0,g.jT)(m.pL.iri(e.value.value),this.context).then((e=>{e.resourceFormIri&&(e.scheme?this.setState({activeForm:`{{> "${e.resourceFormIri.value}" nested=true editable=true mode="edit" scheme="${e.scheme.value}"}}`}):this.setState({activeForm:`{{> "${e.resourceFormIri.value}" nested=true editable=true mode="edit"}}`}))})):this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!1}),this.setState({nestedFormOpen:!1}),this.setAndValidate(e),this.initValueSet()},this.state={valueSet:o.List(),nestedFormOpen:!1,nestedFormTemplates:[],filterValue:""}}dataState(){return this.isLoading?p._D.Loading:p._D.Ready}initValueSet(){const{definition:e}=this.props;e.valueSetPattern?this.cancellation.map((0,S.R4)(e.valueSetPattern)).observe({value:e=>{this.isLoading=!1,this.setState({valueSet:o.List(e)}),this.props.updateValue((e=>e))},error:e=>{console.error(e),this.isLoading=!1,this.props.updateValue((e=>{const t=p.S0.isEmpty(e)?p.S0.fromLabeled({value:m.pL.iri("")}):e,s=p.S0.getErrors(t).push({kind:p.Fv.Loading,message:"Failed to load value set"});return p.S0.setErrors(t,s)}))}}):this.isLoading=!1}componentDidMount(){if(this.initValueSet(),n.isEmpty(this.props.nestedFormTemplates)||this.setState({nestedFormTemplates:this.props.nestedFormTemplates}),p.S0.isAtomic(this.props.value)){const e=p.S0.asRdfNode(this.props.value);(0,g.jT)(m.pL.iri(e.value),this.context).then((t=>{t.resourceFormIri?t.scheme?this.setState({activeForm:`{{> "${t.resourceFormIri.value}" nested=true editable=true mode="edit" subject="${e.value}" scheme="${t.scheme.value}"}}`}):this.setState({activeForm:`{{> "${t.resourceFormIri.value}" nested=true editable=true mode="edit" subject="${e.value}"}}`}):this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!0})}

1)).catch((e=>{this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!0})}))}else this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!1})}componentWillUnmount(){this.cancellation.cancelAll()}parseValue(e){if(!e)return p.S0.empty;const t=this.state.valueSet.find((t=>t.value.equals(e.value)));if(!t)return p.S0.empty;(0,g.jT)(m.pL.iri(t.value.value),this.context).then((e=>{e.resourceFormIri?e.scheme?this.setState({activeForm:`{{> "${e.resourceFormIri.value}" nested=true editable=true mode="edit" scheme="${e.scheme.value}"}}`}):this.setState({activeForm:`{{> "${e.resourceFormIri.value}" nested=true editable=true mode="edit"}}`}):this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!0})})).catch((e=>{this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!0})}));const s={value:t.value,label:t.label};return p.VM.set(this.props.value,s)}openSelectedNestedForm(e,t,s){(0,b.u)(this.props.children,this.context,e,m.pL.iri(t),s).then((e=>{null!=e&&(this.setState({nestedForm:e}),this.toggleNestedForm())}))}onEditHandler(e){if(p.S0.isEmpty(e))this.setState({activeForm:void 0,valueSelectedWithoutEditForm:!1});else{e.value;void 0!==this.state.activeForm&&this.openSelectedNestedForm(this.state.activeForm),this.setState({valueSelectedWithoutEditForm:!0})}}onDropdownSelectHandler(e){const t=this.state.nestedFormTemplates.filter((t=>t.label===e))[0].nestedForm,s=this.state.nestedFormTemplates.filter((t=>t.label===e))[0].modalId,i=this.state.nestedFormTemplates.filter((t=>t.label===e))[0].parentIri,a=this.state.nestedFormTemplates.filter((t=>t.label===e))[0].passValuesFor;this.setState({labelFormSelected:e,modalId:s,parentIri:i,passValuesFor:a}),this.openSelectedNestedForm(t,i,a)}render(){var e;const t=this.props.definition,s=this.state.valueSet?this.state.valueSet.toArray():new Array,a=this.props.value,o=p.S0.isAtomic(a)?a:void 0,d=!this.props.readonlyResource,m=void 0!==o&&!this.props.readonlyResource,u=!n.isEmpty(this.state.nestedFormTemplates)&&this.state.nestedFormTemplates.length>1&&!this.state.valueSelectedWithoutEditForm&&!o,h=!n.isEmpty(this.state.nestedFormTemplates)&&1===this.state.nestedFormTemplates.length&&!this.state.valueSelectedWithoutEditForm&&!o,v=void 0===this.props.placeholder?this.createDefaultPlaceholder(t):this.props.placeholder,S=w.r.getDashboard()?w.r.getDashboard().value:"http://www.researchspace.org/resource/ThinkingFrames";return i.createElement("div",{className:I,ref:this.htmlElement},i.createElement(r.Ay,{name:t.id,placeholder:v,onChange:this.onValueChanged,disabled:!this.canEdit(),options:s,value:o,optionRenderer:this.optionRenderer,valueRenderer:this.valueRenderer,onOpen:()=>{this.props.updateListOnOpen&&this.initValueSet()}}),i.createElement(F.Q,{errors:p.S0.getErrors(this.props.value)}),h&&i.createElement(l.A,{className:`${I}__create-button btn-textAndIcon`,onClick:()=>this.onDropdownSelectHandler(this.state.nestedFormTemplates[0].label)},i.createElement(f.default,{iconType:"round",iconName:"add"})),u&&i.createElement(c.s,{id:"add-form",title:"",items:this.state.nestedFormTemplates,filterValue:this.state.filterValue||"",onFilterChange:e=>this.setState({filterValue:e}),onSelect:e=>this.onDropdownSelectHandler(String(e.label)),getLabel:e=>String(e.label),placeholder:"Filter...",noResultsText:"No results",showFilter:this.props.showDropdownFilter}),m&&i.createElement(l.A,{className:`${I}__create-button btn-textAndIcon`,title:"Edit",onClick:()=>{this.onEditHandler(o)}},i.createElement(f.default,{iconType:"rounded",iconName:"edit",symbol:!0})),d&&!p.S0.isEmpty(this.props.value)&&i.createElement(E.default,{uri:S,"urlqueryparam-view":"resource-editor","urlqueryparam-open-as-drag-and-drop":"true","urlqueryparam-resource":this.props.value.value.value},i.createElement(l.A,{className:`${I}__open-in-new-tab`,title:"Edit in new draggable tab"},i.createElement(f.default,{iconType:"rounded",iconName:"read_more",symbol:!0}))),this.state.nestedFormOpen?i.createElement(b.X,{modalId:this.state.modalId,subject:p.S0.isEmpty(this.props.value)?null:this.props.value.value,title:null!==(e=null==o?void 0:o.label)&&void 0!==e?e:this.state.labelFormSelected,definition:this.props.definition,onSubmit:this.onNestedFormSubmit,onCancel:()=>this.setState({nestedFormOpen:!1}),parent:this.htmlElement,parentIri:this.state.parentIri,passValuesFor:this.state.passValuesFor},this.state.nestedForm):null)}createDefaultPlaceholder(e){return`Select ${((0,h.Q)(e.label)||"entity").toLocaleLowerCase()}`}}SelectInput.makeHandler=v.xn.makeAtomicHandler,v.ep.assertStatic(SelectInput);const V=SelectInput}

1}]);
2//# sourceMappingURL=semantic-form-select-input-b72a80eb89f9d4e1.js.map